ヘッダー

<link rel="apple-touch-icon" sizes="150x150" href="https://image.jimcdn.com/app/cms/image/transf/none/path/s15b63529e3fe8cb9/image/i527ec5e282599bb6/version/1607066404/image.png" />

<meta name="application-name" content="白井コミュニティセンター" />

<meta name="msapplication-square70x70logo" content="small.jpg" />

<meta name="msapplication-square150x150logo" content="medium.jpg" />

<meta name="msapplication-wide310x150logo" content="wide.jpg" />

<meta name="msapplication-square310x310logo" content="large.jpg" />

<meta name="msapplication-TileColor" content="#FAA500" />

 

<style type="text/css">

/* オープニングアニメーション */

/*<![CDATA[*/

.start {

        background: #fff;

        position: fixed;

        top: 0;

        left: 0;

        height: 100%;

        width: 100%;

        z-index: 9000;

        

}

.start p {

        position: fixed;

        left: 50%;

        top: 50%;

        transform: translate(-50%, -50%);

        display: none;

        z-index: 9999;

        width: 50%;

}

@media screen and (max-width: 32rem){

 #start p{

width: 100%; }

}

/*]]>*/

</style>

 

 

<style>

/* <![CDATA[ */

 

 

/*点滅*/

.blinking{

    -webkit-animation:blink 1.5s ease-in-out infinite alternate;

    -moz-animation:blink 1.5s ease-in-out infinite alternate;

    animation:blink 1.5s ease-in-out infinite alternate;

}

@-webkit-keyframes blink{

    0% {opacity:0;}

    100% {opacity:1;}

}

@-moz-keyframes blink{

    0% {opacity:0;}

    100% {opacity:1;}

}

@keyframes blink{

    0% {opacity:0;}

    100% {opacity:1;}

}

 

 

 /*テキストボックス*/

 .box14{

    padding: 0.2em 0.5em;

    margin: 0.2em 0.2em;

    background: #d6ebff;

    box-shadow: 0px 0px 0px 10px #d6ebff;

    border: dashed 2px white;

}

.box14 p {

    margin: 0; 

    padding: 0;

}

 

 /*テキストボックス*/

.box11{

    padding: 0.5em 1em;

    margin: 0.2em 0.2em;

    color: #5d627b;

    background: white;

    border-top: solid 5px #5d627b;

    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);

}

.box11 p {

    margin: 0; 

    padding: 0;

 

/*テキストボックス*/

.box2 {

    padding: 0.5em 1em;

    margin: 0.2em 0.2em;

    font-weight: bold;

    color: #52c2d0;/*文字色*/

    background: #FFF;

    border: solid 3px #52c2d0;/*線*/

    border-radius: 10px;/*角の丸み*/

}

.box2 p {

    margin: 0; 

    padding: 0;

}

 

 

 

/*ボタン*/

 .btn-circle {

  display: inline-block;

  text-decoration: none;

  color: #FFF;

  font-weight: 700;

  background-color: #134a63;;

  letter-spacing: 1px;

  width: 180px;

  text-align: center;

  padding: 10px;

  position: relative;

  opacity: 1 !important; 

  transition: all 0.4s;

  overflow: hidden;

  border: none;

  border-radius: 35px;

}

 

.btn-circle:before {

  content: "";

  display: block;

  width: 180px;

  height: 200px;

  background-color: #FFF;

  border-radius: 100%;

  position: absolute;

  left: 0;

  bottom: 0;

  transform: translate(-100%, 100%);

  transition: all 0.4s;

  pointer-events: none;

}

 

.btn-circle:after {

  content: "";

  width: 8px;

  height: 8px;

  background-color: #FFF;

  border-radius: 100%;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  right: 18px;

  transition: all 0.4s;

}

 

.btn-circle:hover {

  color: #000;

  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);

}

 

.btn-circle:hover:after {

  width: 0;

  height: 0;

  border-radius: 0;

  background-color: transparent;

  border-style: solid;

  border-width: 5px 0 5px 6px;

  border-color: transparent transparent transparent #FFF;

  right: 12px;

}

 

.btn-circle:hover:before {

  transform: translate(-12px, 60px);

}

.btn-circle span {

  position: relative;

  z-index: 99;

}

 

.box26 {

    position: relative;

    margin: 2em 0;

    padding: 0.5em 1em;

    border: solid 3px #09599A;

    border-radius: 8px;

}

 

.box26 .box-title {

    position: absolute;

    display: inline-block;

    top: -13px;

    left: 10px;

    padding: 0 9px;

    line-height: 1;

    font-size: 19px;

    background: #FFF;

    color: #09599A;

    font-weight: bold;

}

.box26 p {

    margin: 0; 

    padding: 0;

}

 

 

 

 

 

/*sお知らせ一覧用テーブル*/

table.company {

width: 100%;

margin: 0 auto;

border-collapse: separate;

border-spacing: 0px 15px;

font-size: 12px;

}

 

table.company th,

table.company td {

padding: 10px;

}

 

table.company th {

background: #52c2d0;

vertical-align: middle;

text-align: left;

width: 120px;

overflow: visible;

position: relative;

color: #fff;

font-weight: normal;

font-size: 15px;

}

 

table.company th:after {

left: 100%;

top: 50%;

border: solid transparent;

content: " ";

height: 0;

width: 0;

position: absolute;

pointer-events: none;

border-color: rgba(136, 183, 213, 0);

border-left-color: #52c2d0;

border-width: 10px;

margin-top: -10px;

}

/* firefox */

@-moz-document url-prefix() {

table.company th::after {

float: right;

padding: 0;

left: 30px;

top: 10px;

content: " ";

height: 0;

width: 0;

position: relative;

pointer-events: none;

border: 10px solid transparent;

border-left: #295890 10px solid;

margin-top: -10px;

}

}

 

table.company td {

background: #f8f8f8;

width: 360px;

padding-left: 20px;

}

 

 

 

 

/*ボックス見出し*/

.demo2 .heading {

  background: #134a63;

  padding: 5px 5px;

  border-radius: 0 10px 0 10px;

  color: #fff;

}

 

/*見出し(大)縦ボーダー装飾*/ 

 h1 {

  position: relative;

  padding: .55em 1em .55em 1.5em;

}

h1::after {

  position: absolute;

  top: .5em;

  left: .5em;

  content: '';

  width: 9px;

  height: -webkit-calc(100% - 1em);

  height: calc(100% - 1em);

  background-color: #134a63;

  border-radius: 4px;

}

 

/*上下ボーダーの見出し*/

.demo {

  width: 100%px;

  margin: 0 auto;

  padding: 5px 0;

  font-family: sans-serif;

  font-size: 20px;

  color:#134a63;

}

.heading {

  margin: 10px 0

}

.demo6 .heading {

  border-top: 3px solid #134a63;

  border-bottom: 3px solid #134a63;

  padding: 5px 20px;

  position: relative;

  width: 100%px;

  text-align: center;

  margin: 10px auto;

  color: #134a63;

  font-weight: bold;

}

 

/*RSS[続きを読む] を小さく右寄せに*/

.j-rss  br + a {

    margin: 0 0 0.5em 0 !important;

    padding: 0.2em !important;

    float: right;

}

/*RSS[続きを読む]の後でfloat解除、改行を無効に*/

.j-rss  a + br {clear: both;}

.j-rss  br + br {display: none;}

 

/*]]>*/

</style>

 

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

 

<script type="text/javascript">

/*オープニングアニメーション*/

/*<![CDATA[*/

$(function() {

        setTimeout(function(){

                $('.start p').fadeIn(3500);

        },550); //0.5秒後にロゴをフェードイン!

        setTimeout(function(){

                $('.start').fadeOut(2000);

        },4500); //4.5秒後にロゴ含め真っ白背景をフェードアウト!

});

/*]]>*/

</script>

2021年9月
     

1

 

2

 

3

 

4

 

5

 

6

 

7

休館日

8

イベント

9

 

10

 

11

 

12

 

13

 

14

休館日

15

 

16

 

17

 

18

 

19

 

20

休館日

21

休館日

22

イベント

23

休館日

24

 

★25★

 イベント

26

 

27

 

28

休館日

29

 

30

 

   
 今月のイベント(クリックで詳細)

 はがきサイズで楽しむ水彩画(全6回)

 ★⑤9月8日/⑥9月22日(水曜日)

 

 金山落(今井の桜並木)生き物観察会

 ★9月25日(土曜日)

 

 

 

 

 

 

 

 

 

2021年10月
         

1

 

☆2☆

イベント

3

 

4

 

5

休館日

★6☆

イベント/イベント

7

 

8

 

★9★

 連絡会

10

 

11

 

12

休館日

13

 

14

 

15

 

16

 

17

 

18

 

19

休館日

☆20☆

イベント

★21★

イベント

22

 

23

 

24

31

25

 

26

休館日

27

 

28

 

29

 

☆30☆

イベント 

 10月のイベント(クリックで詳細)

しゃかしゃかキーホルダー作り

 ☆①10月2日/②10月30日(全土曜日) 9/15~募集>

 

のびのび広場

 ☆①10月6日/②10月20日(全水曜日)お申込み:各開催日の2日前まで>

 

スマートフォン講座

 ★①10月6日(水曜日)/②10月21日(木曜日)

 

利用団体連絡会会議

 ★10月9日(土曜日)

 

 

 

2021年11月
 

1

 

2

休館日

3

休館日

4

 

5

 

6

 

7

 

8

 

9

休館日

10

 

11

 

12

 

13

 

14

 

15

 

16

休館日

17

 

18

 

19

 

20

 

21

 

22

 

23

休館日

24

 

25

 

26

 

27

 

28

 

29

 

30

休館日

       
 11月のイベント(クリックで詳細)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

WEB予約はこちら

白井市桜台センターはこちら
白井市白井コミュニティセンターTEL:047-491-1505