@charset "utf-8";
/* CSS Document */
* {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

ul {
  list-style: none;
}

body {
  margin: 0;
  font-family: "Open Sans", "Hiragino Sans", "ヒラギノ角ゴシック",
    "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
  font-size: 22px;
  color: #333333;
}

body#omikuji_body {
	background:#fff !important;
}

h1 {
  text-align: center;
  font-size: 26px;
  font-weight: normal;
  margin-bottom: 20px;
}

h2 {
  font-size: 24px;
  font-weight: normal;
}

h1,
p,
label,
button,
textarea,
ul,
li,
hr {
  margin-bottom: 20px;
}

p {
  line-height: 36px;
}


#omikuji_wrapper03 {
 	background:url(../images/omikuji/omikuji_bg.png?2) no-repeat top; 
	background-size:100%;  
	width:100%;
	max-width:650px;
	margin:0 auto;	
}



#omikuji_wrapper02 img {
	width:100%;
	max-width:650px;
	margin:0 auto;
}

.hidden {pointer-events: none;}

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

}

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

.omikuji_wrapper h2 {
	margin:2rem 0 ;
}

.omikuji_catch {
	text-align:center;
	font-size:1rem;
	margin:0 0 1rem 0 ;
	padding-top:2rem;
}

.omikuji_wrapper h3 {
	text-align:center;
	font-size:1.8rem;
	margin:0 auto 2rem;
	padding:0;
}

.omikuji_wrapper h3 span {
	padding:0.5rem 1rem;
	border-bottom:5px dashed #6bcdf3;
}

.omikuji_text01 {
	text-align:center;
	font-size:0.9rem;
	line-height:1.8;
}

.omikuji01_img {
	margin-bottom:0.5rem;
	}

.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: 80%;
	max-width:500px;
	margin:0 auto;
	padding:min(8vw, 50px) 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 3px rgba(0,0,0,0.4));
}

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

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

.back_button01 li {
	color:#14b0f9;
	text-align:center;
	width:80%;
	max-width:420px;
	margin:1rem auto;	
	border-radius: 3px;
	box-shadow: 0px 5px 15px 0px rgba(114, 198, 241, 0.35);
}

.back_button01 li a {
	text-decoration:none;
	color:#2791d4;
	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 #2791d4;
}

.back_button01 li a:hover {
   background-color: #2791d4;
  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;}

}