ヘッダー

<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年6月
   

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

 

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

 5/1募集開始

★③6月6日/④6月20日(日曜日)

いま知ってほしい!親子で学ぶプログラミング講座

 

 

 

 

 

 

 

 

 

 

  

2021年7月
       

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

 

31

 

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2021年8月

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

 

31

休館日

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

WEB予約はこちら

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