@charset"UTF-8"  ;
/*全部のページで使う共通のCSS*/
/*テクニック的なCSS*/



/*各ページ
###################################################################################### */
/*制作中*/
.c99{max-width:1200px ; margin:10px 0 ; margin-left:auto ; margin-right:auto ; }
.c99>div:nth-of-type(1){background:#d6e1e8 ;}
.c99>div:nth-of-type(2){background:#d9e8d6 ;}
.c99>div:nth-of-type(3){background:#e8ded6 ;}
.c99>div{color:#777777 ; padding:8em 1em ;}
.c99 h2{font-size:5em ; line-height:1 ; font-style:italic ; text-align:center ;}
.c99 p:nth-of-type(1){font-size:2.4em ; line-height:1.2 ; text-align:center ;}
.c99 p:nth-of-type(2){font-size:1.6em ; line-height:1.2 ; text-align:center ;}
/*●ｽﾏﾎ●*/@media screen and (max-width:560px){
.c99 h2{font-size:3em ;}
.c99 p:nth-of-type(1){font-size:1.8em ;}
.c99 p:nth-of-type(2){font-size:1.4em ;}
}




/* 開閉ボタン
最初に閉じる場合は  openclose_btn
最初に開く場合は    openclose_btn_2
###################################################################################### */
.openclose_btn,.openclose_btn_2{cursor:pointer ;}
.openclose_btn::before,
.openclose_btn_2::before{width:1.5em ; height:1.4em ; font-weight:normal ; display:inline-block ; font-size:0.8em ;  border:1px #76c553 solid ; padding:0.1em ; padding-top:0.2em ; margin-right:0.5em ; text-align: center ;}
.openclose_active::before,
.openclose_active_2::before{width:1.5em ; height:1.4em ; font-weight:normal ; display:inline-block ; font-size:0.8em ; border:1px #76c553 solid ; padding:0.1em ; padding-top:0.2em ; text-align: center ;}
.openclose_btn::before{content: "+" ;}
.openclose_btn_2::before{content: "-" ;}
.openclose_active::before{content: "-" ;}
.openclose_active_2::before{content: "+" ;}
.openclose_btn_close a,
.openclose_btn_close_2 a{cursor:pointer ; font-size:1.5em ; line-height:1.1 ; display:inline-block ; border:1px #cccccc solid ; padding:0.3em ;}





/*●ｽﾏﾎ●*/@media screen and (max-width:560px){
/*スマホ用開閉ボタン
###################################################################################### */
.sph_open_btn{cursor:pointer;}
.sph_open_btn:after{content:"＋"; font-size:0.85em ; line-height:1 ; font-weight:bold ; margin-left:10px ; padding:0 0.1em ;border:1px #000000 solid ; }
.sph_open_btn.active:after{content:"－";}
.sph_open_con{display:none; border:1px #000000 solid ; padding:10px ;}
}




/* 点滅(blink)
###################################################################################### */
@-webkit-keyframes pulse{
from{opacity:1.0;/*透明度100%*/}
to{opacity:0.6;/*透明度60%*/}
}
.bli1{
animation-name:pulse;
animation-duration:1.3s;/* ◯秒かけて実行 */
animation-iteration-count:infinite;/* 何回実行するか。infiniteで無限 */
animation-timing-function:ease-in-out;/* イーズインアウト */
animation-direction:alternate;/* alternateにするとアニメーションが反復 */
animation-delay:0s; /* 実行までの待ち時間 */
}

/* 動き
###################################################################################### */
/*横*/
@keyframes move-yoko1{
0%,100%{transform: translateX(0);}
25%{transform: translateX(-5px);}
75%{transform: translateX(5px);}
}
.move-y1{display:inline-block ; animation:move-yoko1 2s infinite ;}
/*縦*/
@keyframes move-tate1{
0%,100%{transform: translateY(0);}
25%{transform: translateY(-5px);}
75%{transform: translateY(5px);}
}
.move-t1{display:inline-block ; animation:move-tate1 2s infinite ;}
/*傾き*/
@keyframes move-skew1{
0%,100%{transform: skew(0deg, 0deg);}
25%{transform: skew(-2deg, -2deg);}
50%{transform: skew(2deg, 2deg);}
75%{transform: skew(-1deg, -1deg);}
}
.move-s1{display:inline-block ; animation:move-skew1 4s infinite ;}
/*拡大縮小*/
@keyframes move-zoom1{
0%,100%{transform:scale(1);}
50%{transform:scale(1.2);}
}
.move-z1{display:inline-block ; animation:move-zoom1 4s infinite;}