@charset "utf-8";




/* ▽▽▽おみくじ占いTOP用▽▽▽ */
/*
.sachikoi_omikuji_caption{}
.sachikoi_omikuji_caption_title{
	font-size: 22px;
	margin-bottom: 1%;
}
.sachikoi_omikuji_caption_title strong{
	background: linear-gradient(transparent 60%, #f7ccff 60%);
}

.sachikoi_omikuji_caption_text{
	padding: 0 2% 2% 2%;
	font-size: 16px;
}
*//* リニューアル後は必要ないためコメントアウト */


.sachikoi_omikuji{
	position: relative;
	overflow: hidden;
	/*margin-bottom: 5%;*//* リニューアル後は必要ないためコメントアウト */
}
.omikuji_item{
	position: absolute;
}
.sachikoi_omikuji img{
	width: 100%;
}
.omikuji_wind{
	width: 78%;
	top: 4%;
	left: 0%;
	animation: horizontal 15s linear 0.01s infinite;
}
.omikuji_torii{
	width: 62%;
	top: 13%;
	left: 0;
	right: 0;
	margin: auto;
}
.omikuji_sakura_1{
	width: 18%;
	top: 22%;
	left: 4%;
	animation: vibe_1 2.5s linear 0.01s infinite;
}
.omikuji_sakura_2{
	width: 28%;
	top: 58%;
	left: 7%;
	animation: vibe_1 3s linear 0.01s infinite;
}
.omikuji_sakura_3{
	width: 14%;
	top: 23%;
	left: 80%;
	animation: vibe_1 3.5s linear 0.01s infinite;
}
.omikuji_sakura_4{
	width: 24%;
	top: 64%;
	left: 68%;
	animation: vibe_1 3s linear 0.01s infinite;
}
.omikuji_start{
	width: 30%;
	top: 32%;
	left: 36%;
	animation: vertical 3s linear 0.01s infinite;
}
.omikuji_btn{
	width: 92%;
	top: 83%;
	left: 0;
	right: 0;
	margin: auto;
	cursor: pointer;
}
.omikuji_skip_btn{
	display: none;
	width: 92%;
	top: 83%;
	left: 0;
	right: 0;
	margin: auto;
	cursor: pointer;
}
.omikuji_end{
	display: none;
	position: absolute;
	top: 6%;
  right: 8%;
  width: 20%;
	transform: rotate(-120deg);
	animation: slide_right 1s ease-out 0.01s forwards;
}
.omikuji_end_inr{
	position: relative;
}
.omikuji_front{
	position: absolute;
	top: 4.5%;
	left: 0;
	right: 0;
	margin: auto;
}
.omikuji_stick{
	position: absolute;
	width: 17%;
	top: 7%;
	left: 41%;
	transform: rotate(180deg);
}
.omikuji_body{
	display: none;
	width: 26%;
  top: 8%;
  left: 37%;
	animation: size_scale 0.8s linear forwards;
}


/* おみくじアニメーション用 */
.omikuji_intro{
	animation: omikujiIntro 0.8s ease-in forwards;
}
.omikuji_shuffle{
	animation: Shuffle 2.3s linear infinite alternate;
}
.omikuji_drow{
	animation: drow 0.3s ease-in 0.01s 4 forwards alternate;
}
.omikuji_stick_drow{
	animation: stick_drow 0.3s linear 0.01s forwards;
}

/* 花びら */
.omikuji_flake{
	opacity: 0;
	animation: Drop 10s linear infinite;
}
.omikuji_flake_1{
	width: 3%;
  top: 8%;
  left: 20%;
  animation-duration: 6.5s;
}
.omikuji_flake_2{
	width: 2%;
	top: 11%;
	left: 15%;
	animation-duration: 6.7s;
}
.omikuji_flake_3{
	width: 2%;
	top: 11%;
	left: 85%;
	animation-duration: 6.2s;
}
.omikuji_flake_4{
	width: 2%;
	top: 17%;
	left: 83%;
	animation-duration: 6.5s;
}
.omikuji_flake_5{
	width: 3%;
	top: 20%;
	left: 91%;
	animation-duration: 6s;
}
.omikuji_flake_6{
	width: 3%;
	top: 35%;
	left: 71%;
	animation-duration: 6.2s;
}
.omikuji_flake_7{
	width: 3%;
	top: 45%;
	left: 83%;
	animation-duration: 6.7s;
	animation-delay: 1s;
}
.omikuji_flake_8{
	width: 3%;
	top: 49%;
	left: 91%;
	animation-duration: 6.5s;
	animation-delay: 1.5s;
}
.omikuji_flake_9{
	width: 4%;
	top: 41%;
	left: 30%;
	animation-duration: 6.7s;
	animation-delay: 2.5s;
}
.omikuji_flake_10{
	width: 4%;
	top: 55%;
	left: 72%;
	animation-duration: 6.3s;
	animation-delay: 1.5s;
}
.omikuji_flake_11{
	width: 4%;
	top: 59%;
	left: 82%;
	animation-duration: 6.7s;
	animation-delay: 1s;
}
.omikuji_flake_12{
	width: 4%;
	top: 12%;
	left: 52%;
	animation-duration: 6.5s;
	animation-delay: 2s;
}
.omikuji_flake_13{
	width: 4%;
  top: 59%;
  left: 36%;
	animation-duration: 6.7s;
	animation-delay: 3s;
}

/* △△△おみくじ占いTOP用△△△ */




/* ▽▽▽おみくじ占い結果用▽▽▽ */
.omikuji_result{
	margin-bottom: 5%;
}
.omikuji_result img{
	width: 100%;
}
.omikuji_result_top img{
	vertical-align: bottom;
}
.omikuji_result_btm img{
	vertical-align: top;
}
.omikuji_result_mid{
	background: url(../img/omikuji/omikuji_result_mid.jpg) top center repeat-y;
	-webkit-background-size: 100%;
	background-size: 100%;
	padding: 0 10%;
}
.omikuji_result_head{
	position: relative;
}
.omikuji_head_title{
	position: absolute;
	width: 22%;
	top: 34%;
	left: 20%;
}
.omikuji_number{
	position: absolute;
	width: 30%;
	top: 43%;
	left: 16%;
}
.omikuji_fortune{
	position: absolute;
	width: 30%;
	top: 25%;
	left: 53%;
}
.omikuji_underline{
	text-align: center;
}
/* 今日の運勢 */
.today_fortune{
	overflow-y: scroll;
	padding-bottom: 5%;
}
.today_fortune_title{
	float: right;
	width: 8%;
	margin-left: 3%;
}
.today_fortune_text{
	float: right;
	-ms-writing-mode: tb-rl;
	-webkit-column-fill: auto;
	-webkit-column-gap: 16px;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	columns: 14em;
  column-gap: 20px;
  column-rule: 1px dashed orangered;
	width: 89%;
	height: 620px;/* リニューアル後に全体幅がかわるため400pxから若干調整しました */
	margin: 0 auto;
	font-size: 0.9em;
	line-height: 1.8;
}

/* 小項目 */
.today_fortune_small{
	overflow: hidden;
}
.small_item{
	float: right;
	width: 14.28%;
	padding: 3% 1%;
}
.small_item_title{
	padding-bottom: 16%;
}
.small_item_text{
	-ms-writing-mode: tb-rl;
	-webkit-column-fill: auto;
	-webkit-column-gap: 16px;
	-webkit-writing-mode: vertical-rl;
	column-fill: auto;
	column-gap: 16px;
	height: 340px;/* 240624_修正 */
	margin: 0 auto;
	writing-mode: vertical-rl;
	font-size: 0.9em;
}

@media only screen and (max-width: 640px) {

/*
	.sachikoi_omikuji_caption_title{
		font-size: 4vw;
	}
	.sachikoi_omikuji_caption_text{
		padding: 0 2% 2% 2%;
		font-size: 3vw;
	}
*//* リニューアル後は必要ないためコメントアウト */



	.today_fortune_text{
	overflow: scroll;
	height: 400px;
	}
	.small_item_text{
	height: 230px;
	}
}
/* △△△おみくじ占い結果用△△△ */





/* アニメーション設定 */

@keyframes Drop {
	0% {
	    transform: translate(0,0px) rotateY(0);
	    opacity: 0;
	}

	50% {
	    transform: translate(-200%,200%) rotateY(360deg);
	    opacity: 1;
	}

	100% {
	    transform: translate(-500%,500%) rotateY(540deg);
	    opacity: 0.3;
	}
}
@keyframes vertical{
	0% { transform:translateY(0px); }
	50% { transform:translateY(3%); }
	100% { transform:translateY(0px); }
}
@keyframes horizontal{
	0% { transform:translateX(0); }
  50% { transform:translateX(5%); }
  100% { transform:translateX(0); }
}
@keyframes vibe_1 {
	0%{
		transform: scale(0.96,0.96);
	}
	50%{
		transform: scale(1,1);
	}
	100% {
		transform: scale(0.96,0.96);
	}
}


/* おみくじ開始 */
@keyframes omikujiIntro {
	0% {
   transform: rotate(0deg);
  }
	100% {
    transform: rotate(25deg) scale(1.2);
	}
}
@keyframes Shuffle {
	0% {
   transform: rotate(0deg) translate(-0% ,0%) rotate(25deg) scale(1.2);
  }
	25% {
		transform: rotate(90deg) translate(-25% ,0%) rotate(-75deg) scale(0.8);
	}
	50% {
    transform: rotate(180deg) translate(-25% ,0%) rotate(-145deg) scale(1);
	}
	75% {
		transform: rotate(270deg) translate(-25% ,0%) rotate(-255deg) scale(1.1);
	}
	100% {
		transform: rotate(360deg) translate(-25% ,0%) rotate(-325deg) scale(1);
  }
}

@keyframes slide_right{
	0% { transform:translateX(50%) rotate(-120deg); }
	100% { transform:translateX(0) rotate(-120deg); }
}

@keyframes drow{
	0% { transform:translate(0 ,0) rotate(-120deg); }
	50% { transform:translate(-10% ,10%) rotate(-120deg); }
	100% { transform:translate(0 ,0%) rotate(-120deg); }
}
@keyframes stick_drow{
	0% { transform:translate(0 ,0) rotate(-180deg); }
	100% { transform:translate(0 ,-70%) rotate(-180deg); }
}
@keyframes size_scale{
	0% { transform:scale(0); opacity: 0;}
	100% {transform:scale(1); opacity: 1;}
}