/*
Theme Name: orekara
Theme Theme URI: https://orekarahajimeruyo.com
Description: lotteria
Author:  bibiru
Version: 1.0.1
*/
html {    scroll-behavior: smooth;}
body{margin: 0; padding: 0px; background:#cc5b06;
}

#demo { margin:0 auto;color:#fff;padding:20px 0px;margin-right:auto;margin-left:auto;width:100%;background-color:#cc5b06;color:white;font-size:3em;font-weight:600;text-align:center;margin-bottom:0px;}

.timer,

.timer div,
.timer-1 div {display:inline-block;}


.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;
}

@-webkit-keyframes blinker {
from { opacity: 1.0; }
to { opacity: 0.0; }
}

.spacer0{margin:10px 0px;}
.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{font-size: 0;width:100%;margin-right:auto;margin-left:auto;display: flex;gap: 0px;flex-direction: column;}

.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: 60%;
  left: 50%;
	width: 80%;
  -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%;
  }

.line-waku2 {
  position: relative;
  }


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

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



#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) {


	#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) {
	.line-waku a{min-width: 58vw;}
	.line-waku2 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#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:1090px;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: red; text-decoration: none; color: #fff; width: 50px;	padding: 10px 10px; text-align: center; display: block;border-radius: 30px;}
#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;}

/* -- input,select,textarea -- */
input,select,textarea {font-size: 0.875em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 0;  
	-moz-border-radius: 0;
	border-radius: 0; }
select {min-width: 65px;width: 10%;padding: .5714285em 2.14286em .5714285em .5714285em;
	border: 1px solid #bbb;}
textarea {width: 80%;height: 100px;border: 1px solid #bbb;}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"] {padding: .4714285em;	border: 1px solid #bbb;}
input[type="button"],
input[type="submit"],
input[type="reset"]{font-size: 1.1em;color: #fff;	background-color: #1fa4ad;	border: none;width: 200px;
height: 40px!important;border-radius: 12px;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	-webkit-border-radius: 12px;  
	-moz-border-radius: 12px;  
	 }
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {background-color: #9c8568;cursor: pointer;}
input[type="checkbox"] {border: 1px solid #ccc;
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;}
input[type="file"] {border: none;}