/*
Theme Name: celeb
Theme Theme URI: https://celebline.site/
Description: セレブライン福祉財団
Author:  bibiru
Version: 1.0.1
*/
html {    scroll-behavior: smooth;}
body{margin: 0; padding: 0px; background:#060916;}
.footer-logo img{width:90%;max-width:768px;}
.anchor {
  position: relative;
  top: -100px;
  display: block;
}
.button{display:flex;justify-content: space-evenly;margin: -20px 0px 40px 0px;}
.button a img{width:75%;display: block;  margin: 0 auto;}

.button2{display:flex;justify-content: space-evenly;margin: 20px 0px 40px 0px;}
.button2 a img{width:75%;display: block;  margin: 0 auto;}
#demo { margin:0 auto;color:#eee;padding:20px 0px;width:95%;font-size:2em;font-weight:600;text-align:center;margin-bottom:20px;background:#0d1222;
border-radius: 30px;
  border: solid 1px;
}
.timer,
.timer div,
.timer-1 div {display:flex;margin-top: 30px;padding-bottom: 50px;padding: 20px;justify-content: center;}
.timer-title {margin:0 0 4px 0;}
.is-complete {
color:red;
-webkit-animation-name: blinker;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
-webkit-animation-duration: 1s;
}
.jst-hours{padding:10px;background:#000;border-radius: 30px;color:#eee;margin-right: 20px;margin-left: 20px;
  border: solid 1px;}
.jst-minutes{padding:10px;background:#000;border-radius: 30px;color:#eee;margin-right: 20px;margin-left: 20px;
  border: solid 1px;}
.jst-seconds{padding:10px;background:#000;border-radius: 30px;color:#eee;margin-right: 20px;margin-left: 20px;
  border: solid 1px;}
.jst-clearDiv{display:none;}
@-webkit-keyframes blinker {
from { opacity: 1.0; }
to { opacity: 0.0; }
}


.number{width:95%;margin-right:auto;margin-left:auto;font-size: 1.5em;
text-align: center;
padding: 10px;}
.countdown{padding:20px 0px;margin-right:auto;margin-left:auto;width:100%;background-color:red;color:white;font-size:2em;font-weight:600;text-align:center;margin-bottom:20px;}
.countdown-year{display:none;}
.countdown-day{display:none;}
.anchor{position: relative;top: -100px;display: block;}
.original-gradient {  height:auto;  margin-left: auto;margin-right:auto;
  background-image: repeating-conic-gradient(from 10deg at 50% 70%, rgba(255, 233, 191, 1) 0deg, rgba(213, 175, 0, 1) 20deg, rgba(255, 233, 191, 1) 40deg);}
.original-gradient2 {  height:auto; 
   background-image: repeating-conic-gradient(from 10deg at 50% 70%, rgba(167, 232, 156, 1) 0deg, rgba(0, 213, 71, 1) 20deg, rgba(191, 255, 212, 1) 40deg);}

.top-main{margin-top: 10px;width:100%;margin-right:auto;margin-left:auto;display: flex;gap: 0px;flex-direction: column;}
.top-main2{font-size: 0;width:100%;margin-right:auto;margin-left:auto;display: flex;gap: 0px;flex-direction: column;margin-top:30px;}

.b1-buttom{width:60%;padding:10px;margin-left: auto;margin-right:auto;}
.b2-buttom{width:100%;max-width: 768px;}
.b3-buttom{width:100%;max-width: 768px;}


.line-waku {
  position: relative;
  }

.line-waku a {/*aタグを画像の真ん中に*/
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  /*以下装飾*/
  margin:0;/*余計な隙間を除く*/
 
  padding: 7px;/*文字と線の間の余白*/
 
  text-decoration: none;/*下線を表示させない*/
  }

.line-waku img {
  width: 100%;
  }




/* ヘッダー */
div#header01{width: 100%;margin-right:auto;margin-left:auto;}
div#header0 {width: 100%;margin-right:auto;margin-left:auto;background-position: center;margin-top:60px;}
div#header	{font-family: 'Trebuchet MS', sans-serif;width: 1200px;margin-right:auto;margin-left:auto;background-color: #fff;margin-bottom: 20px}
div#header h1	{font-size: 2.5em;margin: 0}
div#header h1 a	{color: #000000;}
div#header p#desc	{font-size: 0.875em;background-color: #fff;color: #666;margin: 0 0 5px;height: 30px;line-height: 25px;}

#top-head {display: none;}

div#subinfo	{text-align: right;
	margin: -32px 0 5px}

div#header0 img{height: auto;width: 100%;min-width: 1000px;background-position: center;margin-top:100px;}
/* ナビゲーションバー */
div#fixedBox{width: 100%;height:60px;margin-right:auto; margin-left:auto;display: inline-block;transition: all .3s;margin-bottom: -10px;background: #060916;
}

/* Global Menu */
header img{float:left;margin-right: 0px;width:auto;height:55px;}
header{margin-top: 20px;font-size: 0.92em;		position: relative;	width: 100%;	max-width: 768px;margin-right: auto;
margin-left:auto;z-index: 1002;}
header ul {height:60px;margin-top:-10px;text-align: right;}
header ul > li{	display: inline-block;font-size:1em;}
header ul > li > a{	padding-top: 13px;	padding-bottom:10px;padding-left: 0.125rem;padding-right:0.125rem;
display: block;transition: 0.5s;font-weight: 600;color:#3e8bfe;}


header ul >li a:hover:after {	width: 100%;	}
header ul > li > span{	margin-left: 1.2em;}
header ul li:last-child {  margin-right:20px;margin-top: -0px;}
/* Submenu */

header ul li ul{
	position: absolute;
	top:60px;
	left: auto;margin-top: -15px;
margin-left: -40px;
}
header ul li ul li{
	display: block;
}
header ul li ul li a{
	background-color: #14763a;
	color: #fff;width: 100%;
border-top: 1px solid #eee;
text-align: center;
}
header ul li ul li a:hover{
	background-color: #fff;
}
.simple01 ul li ul{
	display: none;
}
.simple01 ul li:hover ul{
	display: block;
}
	.fixed {width: 100%;position: fixed;top: 0; background-color: #fff;z-index:1000;}
	.fixed2 {width: 100%;position: fixed;top: 0; background-color: #fff;z-index:1001;
	  box-shadow: 0px 1px 2px #12346b;
 }

.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}


/* header */
#top-head { top: -100px; position: absolute; width: 100%; margin: 100px auto 0; padding: 30px 0 0; line-height: 1; z-index: 999;}
#top-head a,
#top-head { color: #fff; text-decoration: none;}
#top-head .inner {position: relative;}
#top-head .logo {float: left; font-size: 36px;}
#global-nav ul {list-style: none; position: absolute; right: 0; bottom: 0; font-size: 14px;}
#global-nav ul li { float: left;}
#global-nav ul li a { padding: 0 30px;}

/* Fixed */
#top-head.fixed { margin-top: 0; top: 0; position: fixed; padding-top: 10px; height: 55px; background: #fff; background: rgba(255,255,255,.7);
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;  -ms-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;}
#top-head.fixed .logo {font-size: 24px; color: #333;}
#top-head.fixed #global-nav ul li a {color: #333; padding: 0 20px;}
 
/* Toggle Button */
#nav-toggle {display: none;position: absolute;right: 12px;top: 14px; width: 34px; height: 36px;cursor: pointer;z-index: 101;}
#nav-toggle div {position: relative;}
#nav-toggle span {display: block; position: absolute; height: 3px; width: 100%; background: #55b8e2; left: 0;
    -webkit-transition: .35s ease-in-out;  -ms-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;}
#nav-toggle span:nth-child(1) {top: 0;}
#nav-toggle span:nth-child(2) {top: 11px;}
#nav-toggle span:nth-child(3) {top: 22px;}
.inner { width: 1200px; margin: 0 auto;}
.inner:after { content: ""; clear: both; display: block;}


#container {width: 100%;margin-right: auto;margin-left: auto;margin-top: 0px;overflow: hidden;max-width: 768px;}


/* コンテンツ */
div#content	{width: 1100px;float: left;margin-right: 40px;}
div#content2{width: 100%;margin-right:auto;margin-left:auto;}




/* 記事 */
div.post	{margin-bottom:0px;overflow: hidden;}

@media screen and (max-width:65em) {
/* ヘッダー */
header ul li:last-child {  margin-top: -12px;}
div#header	{font-family: 'Trebuchet MS', sans-serif;width: 99%;margin-right:auto;margin-left:auto;
	margin-bottom: 20px}
div#header p#desc	{font-size: 0.875em;background-color: #f7f7f7;color: #666;margin: 0 0 5px;height: 30px;line-height: 25px;}
div#header0 img{height: auto;width: 100%;min-width: 99%;background-position: center;margin-top:60px;}
	header ul {height:60px;margin-top:-30px;font-weight: 600;float:none;}
	header ul > li:hover > a{background-color: #986842;	color: #fff;width: 99% !important;margin-left:4px;}
	#header-title {letter-spacing: -0.13em;float: left;	font-size: 0.7em;color: black;}
	header ul > li > a img:{height:40px!important;}
div#subinfo	{text-align: right;	margin: -32px 0 5px}
/* ナビゲーションバー */
div#nav	{display:none;}
		header ul > li{background:none;display:block;}	
	/* コンテンツ */
	.inner {width: 100%; padding: 0;}
    #top-head {top: 0;position: fixed;margin-top: 0;display: inline;padding:0;}
    /* Fixed reset */
    #top-head.fixed {padding-top: 0;background: transparent;}
    #mobile-head {background: #fff;width: 100%;height: 65px;z-index: 2005;position: relative;margin-top: 0px;}
    #top-head.fixed .logo,
    #top-head .logo {position: absolute;left: 13px; top: -5px;color: #fff; font-size: 26px;}
	#top-head .logo img{height:auto;margin-top:-8px;max-width:100px;}
    #global-nav {position: absolute;z-index: 1006;min-height: 260px;right: -105%;background:#3ec7fe;width: 97%;text-align: center!important; padding: 10px 0;-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;transition: .5s ease-in-out;}
	.header ul > li a::after{border-bottom: none!important;}
    #global-nav ul {list-style: none;position: static; right: 0;bottom: 0;font-size: 1.1em!important;font-weight: bold;color: #fff;text-align: center;margin-top: -6px;}
    #global-nav ul li {float: none;position: static;margin-left: -40px;border-bottom: solid 2px #fff;}
    #top-head #global-nav ul li a,
	#top-head.fixed #global-nav ul li a {margin-right: auto;margin-left: auto; display: block;color: #fff; padding: 14px 0;}
 #top-head #global-nav ul li a:hover {text-decoration:none;background-color: #55b8e2;}	
    #nav-toggle {display: block;}
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);}

    .open #nav-toggle span:nth-child(2) {width: 0;left: 50%;}
    .open #nav-toggle span:nth-child(3) {top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);}

    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateX(-110%);
        -webkit-transform: translateX(-110%);
        transform: translateX(-110%);}

	header ul > li a:after {	content: '';	width: 0;	transition: all 0.3s ease;	border-bottom: none !important;	display: block;}

#sub-nav{margin-bottom: 40px;font-size:0.9em;margin-left: -40px;}
#sub-nav ul {width:auto; list-style: none;}
#sub-nav ul li  {float:left; width: 33%;border-right: solid 1px #bbb;height: 30px;}
#sub-nav ul li a{display: block; background: #444; text-align: center;border-bottom: solid 1px #c7cdd0;padding: 4px;
    text-decoration: none; color: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;}
#sub-nav ul li a:hover {text-decoration:underline;background-color: #000;color:#fff;}	
	


	#sp-fixed-menu{  bottom: 30px !important;}


}

@media screen and (max-width:48em) {



div#footer	{padding:10px 0px 10px 10px!important;}	

}


@media screen and (max-width:30em) {
	.jst-hours{border-radius: 16px;margin-right: 3px;margin-left: 3px;}
.jst-minutes{border-radius: 16px;margin-right: 3px;margin-left: 3px;}
.jst-seconds{border-radius: 16px;margin-right: 3px;margin-left: 3px;}
	.timer{margin-top:5px;display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
	.timer div{margin-top:0px;}
	#demo {		font-size: 1.5em;}
	.button a img{width:90%;}
	header{margin-top:36px;}
	header a img {
  float: left;
  margin-right: 0px;
  width: auto;
  height: 40px;
}
	.h-img img{height:40px;margin-left: 20px;}
	.line-waku a{min-width: 58vw;}
		.top-main { width:100%;}
		.original-gradient2 {width: 100%;}
.b1-buttom{width:80%;}	

div#container	{width: 99%;	margin: auto;}
	
div#footer	{padding:10px 0px 10px 10px!important;}	
div#footermenu ul{-webkit-flex-direction: column;    flex-direction: column;width: 94%; 	text-align: center;margin-left:0px!important;	padding: 0;	list-style-type: none}

div#header	{font-family: 'Trebuchet MS', sans-serif;width: 99%;margin-right:auto;margin-left:auto;
	margin-bottom: 20px}
div#header p#desc	{font-size: 0.875em;background-color: #f7f7f7;color: #666;margin: 0 0 5px;height: 30px;line-height: 25px;}
div#header0 img{height: auto;width: 100%;min-width: 99%;background-position: center;margin-top:60px;}
	
	header ul > li:hover > a{background-color: #986842;	color: #fff;width: 99% !important;margin-left:4px;}
	#header-title {letter-spacing: -0.13em;float: left;	font-size: 0.7em;color: black;}
div#subinfo	{text-align: right;	margin: -32px 0 5px}
/* ナビゲーションバー */
div#nav	{display:none;}
		header ul > li{background:none;display:block;}	
	/* コンテンツ */
	.inner {width: 100%; padding: 0;}
    #top-head {top: 0;position: fixed;margin-top: 0;display: inline;padding:0;}
    /* Fixed reset */
    #top-head.fixed {padding-top: 0;background: transparent;}
    #mobile-head {background: #fff;width: 100%;height: 65px;z-index: 2005;position: relative;margin-top: 0px;}
    #top-head.fixed .logo,
    #top-head .logo {position: absolute;left: 13px; top: -5px;color: #fff; font-size: 26px;}
	#top-head .logo img{height:auto;margin-top:-8px;max-width:100px;}
    #global-nav {position: absolute;z-index: 1006;min-height: 260px;right: -105%;background:#3ec7fe;width: 97%;text-align: center!important; padding: 10px 0;-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;transition: .5s ease-in-out;}
	.header ul > li a::after{border-bottom: none!important;}
    #global-nav ul {list-style: none;position: static; right: 0;bottom: 0;font-size: 1.1em!important;font-weight: bold;color: #fff;text-align: center;margin-top: -6px;}
    #global-nav ul li {float: none;position: static;margin-left: -40px;border-bottom: solid 2px #fff;}
    #top-head #global-nav ul li a,
	#top-head.fixed #global-nav ul li a {margin-right: auto;margin-left: auto; display: block;color: #fff; padding: 14px 0;}
 #top-head #global-nav ul li a:hover {text-decoration:none;background-color: #55b8e2;}	
    #nav-toggle {display: block;}
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);}

    .open #nav-toggle span:nth-child(2) {width: 0;left: 50%;}
    .open #nav-toggle span:nth-child(3) {top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);}

    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateX(-110%);
        -webkit-transform: translateX(-110%);
        transform: translateX(-110%);}


#sub-nav{margin-bottom: 40px;font-size:0.9em;margin-left: -40px;}
#sub-nav ul {width:auto; list-style: none;}
#sub-nav ul li  {float:left; width: 33%;border-right: solid 1px #bbb;height: 30px;}
#sub-nav ul li a{display: block; background: #444; text-align: center;border-bottom: solid 1px #c7cdd0;padding: 4px;
    text-decoration: none; color: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;}
#sub-nav ul li a:hover {text-decoration:underline;background-color: #000;color:#fff;}	
	
}
	}
	
	
	
/* フッターメニュー */
#page-top000 a{display:none;}
.outer-moushikomi {
  display: -webkit-flex;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  max-width: 768px;
  justify-content: center;
}
	#page-top000 {position: fixed; bottom: 0px; right:0px; font-size: 0.875em;z-index: 91;width:100%;}
#page-top000 a { text-decoration: none; color: #fff;padding: 10px 10px; text-align: center; display: block;}
#page-top000 a:hover {opacity:0.7;}

	#page-top000 img{  max-height: 110px;width: auto;image-rendering: -webkit-optimize-contrast;}
	div#footermenu {margin-bottom:0px;}
div#footer	{color:#fff;margin-right:auto;margin-left:auto;clear: both;padding: 20px 0px 20px 30px;max-width: 739px;}

div#footer p	{font-size: 0.75em;	font-style: normal;	font-family: Verdana, sans-serif;margin: 0}
div#footermenu{width: 100%;max-width:768px;margin-right:auto;margin-left:auto;}


div#footer p	{clear: both;color: #fff;padding-top: 8px;	text-align: center;}
div#footer p a{clear: both;color: #ffffff;text-align: center;}
div#footer p a:hover{clear: both;color: #ff0;text-align: center;}
#page-top {position: fixed; bottom: 25px; right:25px; font-size: 0.875em;z-index: 100;}
#page-top a {background: #59b74b; text-decoration: none; color: #fff; width: 50px;	padding: 10px 10px; text-align: center; display: block;}
#page-top a:hover {text-decoration: none; background: #3e6339; color:#fff;}


#page-top2 {position: fixed; bottom: 4%;z-index: 100;right: 0%;}
#page-top2 a {	padding: 5px 10px; text-align: center; display: block;}

#sp-fixed-menu{ position: fixed;   width: 100%;   bottom: 46px;   font-size: 0;   opacity: 1;   z-index: 99;}

#sp-fixed-menu  a{   color: #fff;   text-align: center;   display:block;   width: 100%;  margin-right: auto;margin-left: auto;}