@charset "utf-8";
/* CSS Document */

* {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    animation-name: fuwa;
    animation-duration: 1s;
  }

@keyframes fuwa{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

body {
  box-sizing: border-box;
  background:#fff;
}

.omikuji_result_wrapper {width:100%; max-width:650px;margin:0 auto;padding-bottom:2rem;background:#fff;}

.omikuji_result_wrapper p{margin-bottom:0 !important;}

.omikuji_result_wrapper p img {width:100%; margin-bottom:0 !important;}


body .animation {height:auto !important;}

.top_button {width:37%;display:inline-block;vertical-align:top;}
.top_button a {display:block; background:#ffaa45;border-radius:20px;color:#fff;padding:4px;font-size:13px;text-decoration:none;font-weight:bold;}
.share_button {width:20%;display:inline-block;tex-align:left;margin-left:7px;}
.share_button iframe {width:100%;float:right;}

#st-1 {margin-top:0 !important;}
body .sharethis-inline-share-buttons{margin-top:0 !important;}

/*

.omikuji_wrapper {
  width:100%;
  max-width:750px;
  margin:0 auto;
  padding:1rem 0;
}

.omikuji_wrapper:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.omikuji_wrapper h2 {
	width:100%;
	max-width:650px;
	margin:0 auto;
	}


.omikuji_title_wrapper {
	width:80%;
	margin:0 auto 1rem;
	padding-bottom:1rem;
    background:url(../images/omikuji/border_dot_line.png) repeat-x bottom;
	background-size:100%;
	text-align:center;
}

.omikuji_title_wrapper p {
	text-align:center;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 700;
  font-style: normal;
}


.omikuji_catch span {background:#fff;margin:0;padding:0 0.6rem;}

.omikuji_catch {
	text-align:center;
	background:url(../images/omikuji/border_dot_line.png) repeat-x center;
	background-size:100%;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size:1.2rem;
}

.omikuji_wrapper h3 {
	text-align:center;
	font-size:3.5rem;
	text-indent: 1.2rem;
	letter-spacing:1.2rem;
	margin:0 auto;
	padding:0;
}


.omikuji_result01_img {
	margin-bottom:0.5rem;
	}
	
.omikuji_result_text01 {
	text-align:center;
	font-size:1rem;
	line-height:1.8;
	background:url(../images/omikuji/border_dot_line.png) repeat-x bottom;
	background-size:100%;
	width:80%; margin:1rem auto 0; padding-bottom:2rem;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 600;
  font-style: normal;
}
	
.lucky_item01 {text-align:center;margin-top:1rem; font-size:1.2rem;

  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.omikuji_text01 ruby {ruby-position: over;}

.omikuji_text01 rb {margin-top: -5px;}

.omikuji_text01 rt {margin-bottom: -5px;}

.omikuji_inner {
	font-family: "Mochiy Pop One", sans-serif;
	font-weight: 300;
	font-style: normal;
	position: relative;
	width: 85%;
	max-width:500px;
	margin:1.5rem auto;
	padding:min(9vw, 60px) 0;
	background-image: url(../images/omikuji/bg_top.png), url(../images/omikuji/bg_bottom.png);
	background-repeat: no-repeat, no-repeat;
	background-size: 100%, 100%;
	background-position: top , bottom;
	filter: drop-shadow(0px 0px 8px #edc36b);	
}

.omikuji_inner:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
  
.omikuji_inner02 {
	background-image:  url(../images/omikuji/border_double.png);
	background-repeat: repeat-y;
	background-size: 100%;
	background-position: center;
}
  
.omikuji_wrapper img {width:100%;}*/

.share_text01 {max-width:650px;margin:0 auto;}

.back_button01 {list-style-type:none;}

.back_button01 li {
	color:#000000;
	text-align:center;
	width:80%;
	max-width:420px;
	margin:1rem auto;	
	border-radius: 10px;
	box-shadow: 0px 5px 15px 0px #cccccc;
}

.back_button01 li a {
	text-decoration:none;
	color:#000;
	display:block;
	font-size:1.2rem;
	font-family: "Mochiy Pop One", sans-serif;
	font-weight: 500;
	font-style: normal;
	letter-spacing:0.15rem;
	background:#fff;
	padding:1.1rem 0;
	border-radius:10px;
	border:3px solid #cccccc;
}

.back_button01 li a:hover {
   background-color: #cccccc;
  color: #fff;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}

.back_button02 {list-style-type:none;}

.back_button02 li {
	position:relative;
	z-index:9998 !important;
	color:#fff;
	text-align:center;
	width:60%;
	max-width:320px;
	margin:1rem auto;	
	border-radius: 3px;
	box-shadow: 0px 5px 15px 0px rgba(114, 198, 241, 0.35);
}

.back_button02 li a {
	text-decoration:none;
	color:#fff;
	display:block;
	font-size:1rem;
	font-family: "Mochiy Pop One", sans-serif;
	font-weight: 500;
	font-style: normal;
	letter-spacing:0.15rem;
	background:#56c2ff;
	padding:0.6rem 0;
	border-radius:10px;
	border:3px solid #56c2ff;
}

.back_button02 li a:hover {
   background-color: #fff;
  color:#56c2ff;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}



@media screen and (min-width: 768px) {
	body .sp {
		display:none;
	}


}

@media screen and (max-width: 767px) {
	body .pc{display:none;}	
	body .sp{display:block;}

}