@charset "UTF-8";
/*@import url('https://fonts.googleapis.com/css?family=Sawarabi+Mincho');*/
/*=*=*=*=*=*=*=*=*=*=* parts =*=*=*=*=*=*=*=*=*=*=*/
.result_box {
	overflow: hidden;
}
.to {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
	font-size: 0;
}

#komi .sub_title {
	text-align: center;
}

#komi .txt, #yudo .txt {
	margin-bottom: 0;
	text-align: left;
	font-size: 15px;
}

.btn-top {
	padding: 30px 10px 30px;
	font-size: 15px;
}

.ver_top {
	vertical-align: top !important;
}

p.txt {
	color: #000;
	text-align: left;
	margin-bottom: 0;
	font-size: 14px;
}
.lead {
	font-size: 14px;
}
.txt_alt {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.txt_shadow_purple, .txt_shadow_purple a {
	color: #fff;
	text-shadow: 0 0 10px #4a1668, 0 0 10px #4a1668, 0 0 10px #4a1668, 0 0 10px #4a1668;
	text-align: center;
	padding: 10px 0px;
	font-size: 14px;
}

.inner_txt {
	position: relative;
	z-index: 100;
}

.tit_komi {
	width: 260px;
	margin: 0 auto;
	box-sizing: border-box;
	margin-bottom: 20px;
	background: url(../images/result/parts/bg_tit.jpg) top center no-repeat;
	background-size: 100%;
	min-height: 80px;
	display: table;
}

.tit_komi.ver2 {
    padding: 15px;
	background: url(../images/result/parts/bg_tit_mid.jpg) repeat-y;
    background-size: 100%;
    box-sizing: border-box;
	text-align: center;
	position: relative;
	top: -1px;
}
.tit_komi.ver2:before {
    background-image: url(../images/result/parts/bg_tit_top.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    content: '';
    width: 100%;
    height: 20px;
    position: absolute;
    top: -7px;
    left: 0;
}
.tit_komi.ver2:after {
    background-image: url(../images/result/parts/bg_tit_btm.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
    content: '';
    width: 100%;
    height: 20px;
    position: absolute;
	bottom: -9px;
    left: 0;
}
.tit_komi.ver3 {
    width: 260px;
	margin: 0 auto;
	box-sizing: border-box;
	margin-bottom: 20px;
	background: url(../images/result/parts/bg_tit_br.jpg) top center no-repeat;
	background-size: 100%;
	min-height: 80px;
	display: table;
}

.tit_komi.ver3 h3, .tit_komi.ver3 h4 {
	padding-top: 10px;
}

.tit_komi h3, .tit_komi h4 {
	text-align: center;
	color: #fff;
	font-size: 15px;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	top: 0px;
	/* line-height: 1.2; */
	padding: 0 2px;
	font-weight: normal;
}
.tit_komi h3 span {
	display: block;
}
.para .gender.woman .gender02, .para .gender.man .gender01 {
	display: block;
}
.para .gender.woman .gender01, .para .gender.man .gender02 {
	display: none;
}

.disp-0 {
	display: none !important;
}

/*==================
ボタン
====================*/
.btn a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
	background: url(../images/result/parts/btn_more.png) no-repeat;
	margin: 0 auto;
	background-size: 100% auto;
	width: 205px;
	margin: 0 auto;
	height: 65px;
}

.btn_yudo {
	width: 269px;
	margin: 0 auto;
}
.btn_yudo_ichibu {
	width: 280px;
	height: 74px;
	background-position: 0 -234px;
}

/*==================
モザイク出し分け
====================*/
.komi_msg .bokashi {
	margin: 0 8px 0 12px;
}
.btn_yudo .btn {
	display: block;
	background: url(../images/result/btn_regist_next.png) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	min-height: 74px;
	position: relative;
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
	font-size: 0;
	width: 90%;
	margin: 0 auto;
}
.list_s .btn_yudo .btn {
	width: 100%;
	top: 0;
}
.btn_yudo_free .btn {
	display: block;
	background: url(../images/result/btn_regist_free.png) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	min-height: 77px;
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
	font-size: 0;
	width: 100%;
	margin: 0 auto;
	top: 145px;
}


/*==================
タイトル
====================*/
.menu_title {
	background: url(../images/result/parts/bg_menu_mid.jpg) repeat-y;
    background-size: 100%;
    box-sizing: border-box;
	position: relative;
	overflow: hidden;
	display: table;
	width: 100%;
	top: -1px;
	margin-top: 10px;
    padding: 26px 28px 29px;
}
.menu_title:before {
    background-image: url(../images/result/parts/bg_menu_top.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    content: '';
    width: 100%;
    height: 20px;
    position: absolute;
    top: 0px;
    left: 0;
}
.menu_title:after {
    background-image: url(../images/result/parts/bg_menu_btm.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    content: '';
    width: 100%;
    height: 29px;
    position: absolute;
    bottom: -1px;
    left: 0;
}
.menu_title .menu_icon {
	width: 70px;
	padding: 0 7px 0 0;
	float: left;
}
.menu_title h1,
.menu_title h2 {
	line-height: 1.3;
	width: 100%;
	line-height: 1.4;
	text-align: center;
	font-size: 14px;
	color: #fff;
	display: table-cell;
	vertical-align: middle;
	word-break: break-all;
}

/*=======================================
common
========================================*/
.ppv_view p, .free_view p, .free_view section {
	margin-bottom: 0;
}
.ppv_view {
	overflow: hidden;
}

/*--- lead ---*/
.lead {
	position: relative;
	z-index: 100;
	color: #2b1900;
	text-align: left;
	padding: 0 30px;
}
.lead_txt {
	margin: 0 15px;
}
.lead .sample {
	position: absolute;
	top: 70px;
	left: 22px;
	font-family: Calibri;
	font-weight: bold;
	font-size: 60px;
	color: #343E83;
	opacity: 0.8;
	transform: rotate(15deg);
}
.txt {
	color: #2b1900;
	text-align: left;
	margin-left: 5px;
}

/* 吹き出し */
.box_teller p, .box_teller2 p, .box_teller4 p {
	position: relative;
	color: #2b1900;
	text-align: left;
	line-height: 1.6;
	font-size: 13px;
	width: 295px;
	margin: 20px 0 20px 15px;
}
.teller_space {
    width: 120px;
    float: left;
    min-height: 150px;
    display: block;
}

/*.box_teller p:after, .box_teller2 p:after, .box_teller4 p:after {
	content: "";
	position: absolute;
	top: 25%;
	right: -20px;
	background: url(../images/result/parts/fuki.png) no-repeat;
	background-size: 100% auto;
	width: 20px;
	min-height: 19px;
	margin: 0 auto;
	}*/

/*=====================
無料挨拶
=====================*/
.aisatsu_msg {
	padding: 30px 20px;
	background: url(../images/result/free/aisatsu/aisatsu_bg_mid.jpg) repeat-y;
	background-size: 100%;
	position: relative;
	margin: 0;
}

.aisatsu_msg:before {
	background-image: url(../images/result/free/aisatsu/aisatsu_bg_top.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	content: '';
	width: 100%;
	height: 105px;
	position: absolute;
	top: -1px;
	left: 0;
}

.aisatsu_msg:after {
	background-image: url(../images/result/free/aisatsu/aisatsu_bg_btm.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	content: '';
	width: 100%;
	height: 180px;
	position: absolute;
	bottom: -1px;
	left: 0;
}

.aisatsu_msg .txt{
	color: #3c0b00;
	text-align: center;
	line-height: 1.7;
}

/*=====================
挨拶
=====================*/
.view_common .lead {
	padding: 0 15px;
}
.komi_aisatsu .box_teller {
	min-height: 260px;
	background: url(../images/result/parts/bg_aisatsu02.jpg) no-repeat;
	background-size: 51%;
	background-position: top 18px left -9px;
	width: 100%;
}
.komi_aisatsu .box_teller .serif span:nth-child(6) {
  color: red;
}

.free_view .komi_aisatsu{
	background: #fff;
}

.free_view .komi_aisatsu .box_teller{
	min-height: 260px;
	background: url(../images/result/parts/bg_aisatsu02.jpg) no-repeat;
	background-size: 51%;
	background-position: top 18px left -9px;
	width: 100%;
}

.free_view .komi_aisatsu .box_teller.teller_none{
	background: none;
}

.free_view .komi_aisatsu .box_teller p{
	width: 280px;
	margin: 20px 0 20px 20px;
	color: #3c0b00;
	text-align: center;
}

.free_view .komi_aisatsu .box_teller span{
	color: red;
}

/*=====================
共通小見出し
=====================*/

.para {
	font-size: 14px;
	margin: 0px 10px 0px 10px;
	text-align: center;
	position: relative;
}

.para.woman span {
    color: #ff7ad2;
}
.para.woman .anohito {
    color: #40e0d0!important;
}
.para.man span {
    color: #40e0d0;
}
.para.man .anohito {
    color: #ff7ad2!important;
}
.box_name .gender, .para .gender {
    display: inline-block;
}
.para .gender.woman .gender02, .para .gender.man .gender01 {
    display: block;
}
.para .gender.woman .gender01, .para .gender.man .gender02 {
    display: none;
}

.para .woman {
	color: #ff65a0;
}

.para .man {
	color: #00ffdc;
}

.free_view {
	font-family: "Sawarabi Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

/* 一人用 */
.view_common.one {
	position: relative;
	overflow: hidden;
	background: #fff;
}

#result_anime_one.result_anime {
	position: relative;
	min-height: 300px;
	background: url(../images/result/common/base.jpg) no-repeat;
	background-size: 100%, 100%;
}
.free_view #result_anime_one.result_anime{
	background: url(../images/result/common/free/base.jpg) no-repeat;
	background-size: 100%, 100%;
}
.view_common.one .base_box .bg_aura {
	position: relative;
	min-height: 300px;
	background: url(../images/result/common/base.jpg) no-repeat;
	background-size: 100%, 100%;
}
.menudo.daily .view_common.one .base_box .bg_aura {
	min-height: 250px;
}
.free_view .view_common.one,.free_view .view_common.two{
	background: #fffef5;
}
.free_view .view_common.one .base_box .bg_aura, .free_view .view_common.two .base_box .bg_aura {
	position: relative;
	min-height: 300px;
	background: url(../images/result/common/free/base.jpg) no-repeat;
	background-size: 100%, 100%;
}
.view_common.one .result_anime .base_box2 {
	width: 51%;
    height: 195px;
    position: absolute;
    top: 28px;
    left: 79px;
}
.view_common .base_box {
    position: relative;
}
.view_common .base_box .bg_aura li {
	width: 51%;
    height: 195px;
    position: absolute;
    top: 28px;
    left: 79px;
}
.view_common.two .base_box .bg_aura li:nth-child(5) {
	top: 163px;
}
.view_common .bg_aura li.red-dot {
	width: 5px;
    height: 5px;
    background: url(../images/result/common/reddot.png) no-repeat;
	background-size: 100%, 100%;
	animation: flash 1.5s linear infinite;
	-webkit-animation: flash 1.5s linear infinite;
	-moz-animation: flash 1.5s linear infinite;
	top: 130px;
    left: 181px;
}
.view_common .base_box2 .bg_aura li.red-dot {
    position: absolute;
    top: 107px;
    left: 105px;
}
@keyframes flash {
	0% {
		transform: scale(1);
	}
	30% {
		transform: scale(1.2);
	}
	50% {
		transform: scale(1.5);
	}
	80% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
  }
  @-webkit-keyframes flash {
	0% {
		transform: scale(1);
	}
	30% {
		transform: scale(1.2);
	}
	50% {
		transform: scale(1.5);
	}
	80% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
  }
  @-moz-keyframes flash {
	0% {
		transform: scale(1);
	}
	30% {
		transform: scale(1.2);
	}
	50% {
		transform: scale(1.5);
	}
	80% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
  }
.base_box .parameter {
	width: 260px;
	position: absolute;
	bottom: 6px;
	color: #000;
	font-size: 14px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	text-align: center;
	z-index: 2;
}
.view_common.two .parameter {
	bottom: 17px;
}
.parameter span {
	display: inline-block;
}

.bg_pin {
	position: absolute;
	bottom: 50px;
}

.view_common .bg_aura li {
    position: absolute;
}
.view_common #result_anime_one.man .bg_aura li.silhouette {
    width: 104%;
}
.view_common #result_anime_one.woman .bg_aura li.silhouette {
    width: 103%;
}
.view_common .bg_senja {
	width: 40%;
    height: 222px;
    position: absolute;
    top: 92px;
    left: 0px;
}
.view_common .bg_hand {
	display: none;
	width: 52%;
    height: 127px;
    position: absolute;
    top: 106px;
    right: 5px;
}
#result_anime_one.woman .base_box2.anime_in {
	background: url(../images/result/common/anime/woman.jpg) 0px 0px no-repeat;
	-webkit-background-size: 1691px auto;
	background-size: 1691px auto;
  }
  #result_anime_one.man .base_box2.anime_in {
	background: url(../images/result/common/anime/man.jpg) 0px 0px no-repeat;
	-webkit-background-size: 1691px auto;
	background-size: 1691px auto;
  }
  #result_anime_one .base_box2.anime_in {
	-webkit-animation: side_anime 1s steps(9) 1 forwards;
	-moz-animation: side_anime 1s steps(9) 1 forwards;
	animation: side_anime 1s steps(9) 1 forwards;
  }
  @-webkit-keyframes side_anime {
	0% {
	  background-position: 0 0;
	}
	100% {
		background-position: -1523px 0px;
	}
  }
  @-moz-keyframes side_anime {
	0% {
	  background-position: 0 0;
	}
	100% {
		background-position: -1523px 0px;
	}
  }
  @keyframes side_anime {
	0% {
	  background-position: 0 0;
	}
	100% {
		background-position: -1523px 0px;
  }
}
.komi_common {
	padding: 30px 20px;
	background: url(../images/result/common/komi_common_bg_mid.jpg) repeat-y;
	background-size: 100%;
	position: relative;
	margin: 0 5px 0 5px;
}

.free_view .komi_common{
	margin: 0;
	padding: 40px 20px 30px;
}

.komi_common:before {
	background-image: url(../images/result/common/komi_common_bg_top.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	content: '';
	width: 100%;
	height: 38px;
	position: absolute;
	top: -1px;
	left: 0;
}

.komi_common:after {
	background-image: url(../images/result/common/komi_common_bg_btm.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	content: '';
	width: 100%;
	height: 47px;
	position: absolute;
	bottom: -1px;
	left: 0;
}

.free_view .komi_common:before {
	background-image: url(../images/result/common/free/komi_common_bg_top.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	content: '';
	width: 100%;
	height: 32px;
	position: absolute;
	top: -1px;
	left: 0;
}

.free_view .komi_common:after {
	background-image: url(../images/result/common/free/komi_common_bg_btm.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	content: '';
	width: 100%;
	height: 20px;
	position: absolute;
	bottom: -1px;
	left: 0;
}

.menudo.daily .komi_common{
	background: #fffef5;
	padding: 10px 20px;
	margin: 0;
}
.menudo.daily .komi_common:before,.menudo.daily .komi_common:after{
	display: none;
}

.komi_common .txt {
	clear: both;
}
.free_view .komi_common .txt {
	color: #3c0b00;
}
.menudo.daily  .komi_common .txt{
	color: #2b1900;
}

 .ppv_view .view_common.one .komi_common .txt span, .view_common.two .komi_common .txt span {
	background-color: #fff600;
	color: red;
}

.free_view .view_common.one .komi_common .txt span:nth-child(8), .free_view .view_common.one .komi_common .txt span:nth-child(9){
	color: #3c0b00;
}
.view_common.one .komi_common.two .txt span {
	color: red;
	font-size: 20px;
}
.free_view .regist{
	width: 264px;
	margin: 0 auto;
}

/* 二人用 */
.view_common.two {
	background: #fff;
}
.view_common.two .base_box {
	position: relative;
	min-height: 300px;
	background: url(../images/result/common/base.jpg) no-repeat;
	background-size: 100%, 100%;
}
#result_anime_two.result_anime {
	width: 100%;
    position: relative;
    min-height: 268px;
    background: url(../images/result/common_affinity/base.jpg) no-repeat;
	background-size: 100%, 100%;
	padding-top: 32px;
	margin-bottom: 0;
}
.view_common.two .base_box2 {
	width: 76%;
    height: 165px;
    margin: auto;
    background-color: #000;
}
.view_common.two .base_box3 {
    position: relative;
    width: 80%;
    margin: 10px auto;
    min-height: 123px;
    background: url(../images/result/free/two/waku.jpg) no-repeat;
    background-size: 100%, 100%;
}
.view_common.two .base_box3.man .bg_aura {
    position: relative;
    min-height: 122px;
    width: 90%;
    margin: auto;
    background: url(../images/result/common_affinity/man.png) bottom no-repeat;
    background-size: 100%, 100%;
}
.view_common.two .base_box3.woman .bg_aura {
    position: relative;
    min-height: 122px;
    width: 90%;
    margin: auto;
    background: url(../images/result/common_affinity/woman.png) bottom no-repeat;
    background-size: 100%, 100%;
}
.komi_common .base_box3 .bg_aura li:nth-child(1) {
    width: 200px;
    position: absolute;
    bottom: -3px;
    left: -5px;
}
.komi_common .base_box3 .bg_aura li:nth-child(2) {
    width: 200px;
    height: 57px;
    position: absolute;
    top: 50px;
    left: -5px;
}
/* 背景のオーラアニメ */
#result_anime_two .anime_base {
	height: 165px;
	margin: auto;
	display: none;
}
#result_anime_two .anime_base.aura-01 {
    background: url(../images/result/common_affinity/anime/01.jpg) 0px 0px no-repeat;
    -webkit-background-size: 5824px auto;
	background-size: 5824px auto;
}
#result_anime_two .anime_base.aura-02 {
    background: url(../images/result/common_affinity/anime/02.jpg) 0px 0px no-repeat;
    -webkit-background-size: 5824px auto;
	background-size: 5824px auto;
}
#result_anime_two .anime_base.aura-03 {
    background: url(../images/result/common_affinity/anime/03.jpg) 0px 0px no-repeat;
	-webkit-background-size: 5824px auto;
	background-size: 5824px auto;
}
#result_anime_two .anime_base.aura-04 {
    background: url(../images/result/common_affinity/anime/04.jpg) 0px 0px no-repeat;
    -webkit-background-size: 5824px auto;
	background-size: 5824px auto;
}
#result_anime_two .anime_base.aura-05 {
    background: url(../images/result/common_affinity/anime/05.jpg) 0px 0px no-repeat;
    -webkit-background-size: 5824px auto;
	background-size: 5824px auto;
}
#result_anime_two .anime_base.aura-06 {
    background: url(../images/result/common_affinity/anime/06.jpg) 0px 0px no-repeat;
    -webkit-background-size: 5824px auto;
	background-size: 5824px auto;
}
#result_anime_two .anime_base.aura-07 {
    background: url(../images/result/common_affinity/anime/07.jpg) 0px 0px no-repeat;
    -webkit-background-size: 5824px auto;
	background-size: 5824px auto;
}
#result_anime_two .anime_base.aura-08 {
    background: url(../images/result/common_affinity/anime/08.jpg) 0px 0px no-repeat;
	-webkit-background-size: 5824px auto;
	background-size: 5824px auto;
}
#result_anime_two .anime_base.aura-09 {
    background: url(../images/result/common_affinity/anime/09.jpg) 0px 0px no-repeat;
	-webkit-background-size: 5824px auto;
	background-size: 5824px auto;
}
#result_anime_two .anime_base.aura-10 {
    background: url(../images/result/common_affinity/anime/10.jpg) 0px 0px no-repeat;
    -webkit-background-size: 5824px auto;
	background-size: 5824px auto;
}
#result_anime_two .base_box2.anime_in .anime_base {
	-webkit-animation: side_anime2 4s steps(21) infinite forwards;
	-moz-animation: side_anime2 4s steps(21) infinite forwards;
	animation: side_anime2 4s steps(21) infinite forwards;
  }
  @-webkit-keyframes side_anime2 {
	0% {
	  background-position: 0 0;
	}
	to {
		background-position: -5559px 0px;
	}

  }
  @-moz-keyframes side_anime2 {
	0% {
		background-position: 0 0;
	  }
	  to {
		background-position: -5559px 0px;
	  }

  }
  @keyframes side_anime2 {
	0% {
		background-position: 0 0;
	  }
	  to {
		background-position: -5559px 0px;
	  }

}
@-webkit-keyframes side_anime3 {
	0% {
	  background-position: 0 0;
	}
	to {
		background-position: -5559px 0px;
	}

  }
  @-moz-keyframes side_anime3 {
	0% {
		background-position: 0 0;
	  }
	  to {
		background-position: -5559px 0px;
	  }

  }
  @keyframes side_anime3 {
	0% {
		background-position: 0 0;
	  }
	  to {
		background-position: -5559px 0px;
	  }

}
@-webkit-keyframes side_anime4 {
	0% {
	  background-position: 0 0;
	}
	to {
		background-position: -5559px 0px;
	}

  }
  @-moz-keyframes side_anime4 {
	0% {
		background-position: 0 0;
	  }
	  to {
		background-position: -5559px 0px;
	  }

  }
  @keyframes side_anime4 {
	0% {
		background-position: 0 0;
	  }
	  to {
		background-position: -5559px 0px;
	  }

}

.bg_text {
	position: absolute;
	bottom: 50px;
	z-index: 3;
}

.view_common.two .base_box2 .profile.woman, .default.free_view .view_common.two .base_box2 .profile.woman {
	position: absolute;
    bottom: 20px;
    left: 0px;
    background: url(../images/result/common_affinity/name.jpg) no-repeat;
    background-size: 100%, 100%;
    height: 56px;
	margin: auto;
	width: 320px;
    font-size: 10px;
    font-weight: normal;
}
.view_common.two .base_box2 .profile.man, .default.free_view .view_common.two .base_box2 .profile.man {
	position: absolute;
    bottom: 20px;
    left: 0px;
    background: url(../images/result/common_affinity/name2.jpg) no-repeat;
    background-size: 100%, 100%;
    height: 56px;
	width: 320px;
    margin: auto;
    font-size: 10px;
	font-weight: normal;
}
.free_view .view_common.two .base_box2 .profile.woman {
    background: url(../images/result/common_affinity/name2.jpg) no-repeat;
    background-size: 100%, 100%;
}
.free_view .view_common.two .base_box2 .profile.man {
    background: url(../images/result/common_affinity/name.jpg) no-repeat;
    background-size: 100%, 100%;
}
.view_common.two .base_box2 .profile li {
	height: 52px;
    font-size: 11px;
    width: 49%;
    color: #490775;
    line-height: 13px;
    display: table;
    box-sizing: border-box;
}
.view_common.two .base_box2 .profile li:nth-child(1) {
	padding: 9px 11px 5px 10px;
    float: left;
}
.view_common.two .base_box2 .profile li:nth-child(2) {
	padding: 9px 13px 5px 13px;
    float: right;
}
.view_common.two .base_box2 .profile li p {
	display: table-cell;
    width: 100%;
    vertical-align: middle;
}
/* シルエットアニメ */
#result_anime_two.woman .base_box2 .bg_aura li:nth-child(2) {
    width: 60px;
    height: 147px;
    position: absolute;
    top: 50px;
    left: 43px;
}
#result_anime_two.woman .base_box2 .bg_aura li:nth-child(1) {
    width: 63px;
    height: 153px;
    position: absolute;
    top: 47px;
    right: 43px;
	transform: scaleX(-1);
}
#result_anime_two.man .base_box2 .bg_aura li:nth-child(1) {
	width: 63px;
    height: 153px;
    position: absolute;
    top: 45px;
    left: 43px;
}
#result_anime_two.man .base_box2 .bg_aura li:nth-child(2) {
    width: 61px;
    height: 147px;
    position: absolute;
    top: 48px;
    right: 43px;
	transform: scaleX(-1);
}
/* キラキラアニメ */
#result_anime_two .bg_kirakira {
	display: none;
}
#result_anime_two .base_box2 .bg_kirakira li:nth-child(1) {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 30px;
	left: 35px;
}
#result_anime_two .base_box2 .bg_kirakira li:nth-child(2) {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 110px;
    left: 40px;
}
#result_anime_two .base_box2 .bg_kirakira li:nth-child(3) {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 102px;
    left: 140px;
}
#result_anime_two .base_box2 .bg_kirakira li:nth-child(4) {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 35px;
    right: 40px;
}
#result_anime_two .base_box2 .bg_kirakira li:nth-child(5) {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 130px;
    right: 40px;
}
#result_anime_two .base_box2 .bg_kirakira.kirakira_anime li:nth-child(1) {
	animation: loop 2s linear infinite;
  }
  #result_anime_two .base_box2 .bg_kirakira.kirakira_anime li:nth-child(2) {
	animation: loop 3s linear infinite;
  }
  #result_anime_two .base_box2 .bg_kirakira.kirakira_anime li:nth-child(3) {
	animation: loop 2.5s linear infinite;
  }
  #result_anime_two .base_box2 .bg_kirakira.kirakira_anime li:nth-child(4) {
	animation: loop 3s linear infinite;
  }
  #result_anime_two .base_box2 .bg_kirakira.kirakira_anime li:nth-child(5) {
	animation: loop 2s linear infinite;
  }
@keyframes loop {
	0% {
		transform: scale(1);
	}
	30% {
		transform: scale(1.2);
	}
	50% {
		transform: scale(1.4);
	}
	80% {
		transform: scale(1.2);
	}
	to {
		transform: scale(1);
	}
  }
  @-webkit-keyframes loop {
	0% {
		transform: scale(1);
	}
	30% {
		transform: scale(1.2);
	}
	50% {
		transform: scale(1.4);
	}
	80% {
		transform: scale(1.2);
	}
	to {
		transform: scale(1);
	}
  }
  @-moz-keyframes loop {
	0% {
		transform: scale(1);
	}
	30% {
		transform: scale(1.2);
	}
	50% {
		transform: scale(1.4);
	}
	80% {
		transform: scale(1.2);
	}
	to {
		transform: scale(1);
	}
  }
	/* キラキラちりばめ */
	.kirakira_wrap {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.kirakira_wrap li {
		position: absolute;
		z-index: 2000;
	}
	.kirakira_wrap.wrap1 li:nth-child(1) {
		top: -45px;
		left: -35px;
		width: 95px;
		animation: loop 3s linear infinite;
	}
	.kirakira_wrap.wrap1 li:nth-child(2) {
		top: 15%;
		right: -25px;
		width: 60px;
		animation: loop 2s linear infinite;
	}
	.kirakira_wrap.wrap1 li:nth-child(3) {
		bottom: -30px;
		left: 15px;
		width: 65px;
		animation: loop 2.5s linear infinite;
	}
	.kirakira_wrap.wrap1 li:nth-child(4) {
		bottom: -30px;
		right: -35px;
		width: 100px;
		animation: loop 1.5s linear infinite;
	}
	.kirakira_wrap.wrap2 li:nth-child(1) {
		top: -25px;
		left: -15px;
		width: 85px;
		animation: loop 2s linear infinite;
	}
	.kirakira_wrap.wrap2 li:nth-child(2) {
		top: 20%;
		right: -15px;
		width: 60px;
		animation: loop 3s linear infinite;
	}
	.kirakira_wrap.wrap2 li:nth-child(3) {
		top: 35%;
		left: -5px;
		width: 70px;
		animation: loop 2.5s linear infinite;
	}
	.kirakira_wrap.wrap2 li:nth-child(4) {
		bottom: -20px;
		right: -30px;
		width: 100px;
		animation: loop 3s linear infinite;
	}
	.kirakira_wrap.wrap3 li:nth-child(1) {
		top: -10px;
		left: -22px;
		width: 80px;
		animation: loop 2s linear infinite;
	}
	.kirakira_wrap.wrap3 li:nth-child(2) {
		top: -20px;
		right: -15px;
		width: 50px;
		animation: loop 3s linear infinite;
	}
	.kirakira_wrap.wrap3 li:nth-child(3) {
		bottom: -15px;
		left: -20px;
		width: 80px;
		animation: loop 1.5s linear infinite;
	}
	.kirakira_wrap.wrap3 li:nth-child(4) {
		bottom: 0px;
		right: 10px;
		width: 50px;
		animation: loop 2.5s linear infinite;
	}
	.kirakira_tsunagi {
		position: relative;
		z-index: 2;
	}
	.kirakira_wrap.tshnagi_wrap li {
		z-index: -1;
	}
	.kirakira_wrap.tshnagi_wrap li:nth-child(1) {
    top: -20px;
    left: 0px;
    width: 100px;
		animation: loop 2.8s linear infinite;
	}
	.kirakira_wrap.tshnagi_wrap li:nth-child(2) {
		bottom: -10px;
    left: 80px;
    width: 80px;
		animation: loop 2.4s linear infinite;
	}
	.kirakira_wrap.tshnagi_wrap li:nth-child(3) {
		top: 20px;
    right: 80px;
    width: 60px;
		animation: loop 2s linear infinite;
	}
	.kirakira_wrap.tshnagi_wrap li:nth-child(4) {
		top: 5px;
    right: -5px;
    width: 100px;
		animation: loop 2.5s linear infinite;
	}
	
	.free_view .view_common.two .bokashi .btn{
    width: 210px;
    height: 57px;
    background: url(../images/result/komi_yogen/btn_regist2.png) no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

/*=====================
小見出し
=====================*/
.lead p {
	margin-left: 9px;
}
.komi_txt {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	min-height: 80px;
	text-shadow: 0 0 1px #fff, 0 0 3px #001962, 0 0 5px #001962, 0 0 5px #001962, 0 0 5px #001962, 0 0 5px #001962, 0 0 10px #001962, 0 0 10px #001962, 0 0 10px #001962, 0 0 10px #001962;
	font-family: "Sawarabi Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
	line-height: 22px;
	background: url(../images/result/parts/bg_komi_txt.jpg) no-repeat;
	background-size: 100%;
}
.komi_txt span {
	display: contents;
}

/*--- komi_normal .komi_fukidashi komi_senja ---*/
.komi_normal, .komi_fukidashi {
	margin-bottom: 10px;
}
.komi_normal, .komi_fukidashi, .komi_senja {
	padding: 40px 0 30px;
	background: url(../images/result/parts/bg_normal_mid.jpg) repeat-y;
	background-size: 100%;
	margin-bottom: 15px;
	position: relative;
}

.komi_normal:before, .komi_fukidashi:before, .komi_senja:before {
	background-image: url(../images/result/parts/bg_normal_top.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	content: '';
	width: 100%;
	height: 40px;
	position: absolute;
	top: -1px;
	left: 0;
}

.komi_normal:after, .komi_fukidashi:after, .komi_senja:after {
	background-image: url(../images/result/parts/bg_normal_btm.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	content: '';
	width: 100%;
	height: 40px;
	position: absolute;
	bottom: -1px;
	left: 0;
}
.komi_fukidashi .lead {
	padding: 10px 28px 0 23px;
	background: url(../images/result/komi_fukidashi/bg_mid.jpg) repeat-y;
	background-size: 100%;
	position: relative;
	margin: 0;
}
.komi_fukidashi .bg_senja {
    position: relative;
    background: url(../images/result/komi_fukidashi/senja.jpg) no-repeat top;
    background-size: 100%;
    min-height: 130px;
    width: 100%;
    margin-top: 20px;
}

.komi_fukidashi .bg_senja .box_fukidashi {
    padding: 20px 10px;
    background: url(../images/result/komi_fukidashi/bg_fuki_mid.jpg) repeat-y;
    background-size: 100%;
    margin-bottom: 15px;
    position: relative;
    width: 44%;
    bottom: 0;
    left: 30px;
}
.komi_fukidashi .bg_senja .box_fukidashi:before {
    background-image: url(../images/result/komi_fukidashi/bg_fuki_top.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    content: '';
    width: 100%;
    height: 20px;
    position: absolute;
    top: -1px;
    left: 0;
}
.komi_fukidashi .bg_senja .box_fukidashi:after {
    background-image: url(../images/result/komi_fukidashi/bg_fuki_btm.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
    content: '';
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: -1px;
    left: 0;
}
.komi_fukidashi .bg_senja .box_fukidashi .senja_mes {
	margin: 0!important;
}
.komi_fukidashi .bg_senja .box_fukidashi .senja_mes:after {
    content: "";
    position: absolute;
    top: 25%;
    right: -16px;
    background: url(../images/result/komi_fukidashi/fuki.jpg) no-repeat;
    background-size: 100% auto;
    width: 18px;
    min-height: 18px;
    margin: 0 auto;
}
.free_view .komi_fukidashi .lead span {
	display: inline-block;
	background: url(../images/result/bokashi/fuki01.png) no-repeat;
	background-size: 100%;
	height: 46px;
	width: 100%;
}
.komi_senja .lead .teller_img01 {
    background-image: url(../images/teller/result/01.png);
    width: 105px;
    height: 105px;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 0 -3px 0px 8px;
    float: right;
}
.komi_senja .lead .teller_img02 {
    background-image: url(../images/teller/result/02.png);
    width: 110px;
    height: 110px;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 0 15px 0px 3px;
    float: left;
}
.komi_senja .lead .teller_img03 {
    background-image: url(../images/teller/result/03.png);
	width: 115px;
    height: 115px;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 0 -3px 0px 8px;
    float: right;
}
.komi_senja .mosaic .btn {
    bottom: 12px;
}
.komi_senja .lead {
    padding: 0 31px!important;
}
.komi_senja .lead p {
	margin-left: 2px;
}

/*--- 無料吹き出し ---*/
.fukidashi{
	background-image: url(../images/result/free/renewal/bg_fukidashi.jpg);
	background-size: 100%;
	height: 235px;
	position: relative;
}

.fukidashi p{
	text-align: center;
	color: #3c0b00;
	position: absolute;
	margin: 0;
	width: 200px;
	right: 10px;
	top: 37px;
}

.free_view.two .fukidashi p{
	top: 50px;
}

/*--- komi_yogen ---*/
.komi_yogen .tit_komi.ver2 {
	width: 240px;
    padding: 30px 10px;
	background: url(../images/result/komi_yogen/bg_tit_mid.jpg) repeat-y;
    background-size: 100%;
    box-sizing: border-box;
	text-align: center;
	position: relative;
}
.komi_yogen .tit_komi.ver2:before {
    background-image: url(../images/result/komi_yogen/bg_tit_top.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    content: '';
    width: 100%;
    height: 20px;
    position: absolute;
    top: -1px;
    left: 0;
}
.komi_yogen .tit_komi.ver2:after {
    background-image: url(../images/result/komi_yogen/bg_tit_btm.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    content: '';
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: -1px;
    left: 0;
}
.komi_yogen {
	padding: 30px 0 40px 0;
	background: url(../images/result/komi_yogen/bg_mid.jpg) repeat-y;
	background-size: 100%;
	position: relative;
}
.komi_yogen:before {
	background-image: url(../images/result/komi_yogen/bg_top.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	content: '';
	width: 100%;
	height: 60px;
	position: absolute;
	top: -1px;
	left: 0;
}
.komi_yogen:after {
	background-image: url(../images/result/komi_yogen/bg_btm.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	content: '';
	width: 100%;
	height: 60px;
	position: absolute;
	bottom: -1px;
	left: 0;
}
.komi_yogen .lead {
	background: url(../images/result/komi_yogen/hane.png) center no-repeat;
	background-size: 130px 130px;
  color: #fff;
}
.komi_yogen .yogen_txt{
	width: 85%;
	position: relative;
	width: 85%;
	margin: auto;
	min-height: 114px;
	background: url(../images/result/komi_yogen/yogen.png) no-repeat;
	background-size: 100%, 100%;
}
.komi_yogen.yogen .yogen_txt .box{
	width: 100%;
	min-height: 65px;
	position: absolute;
  top: 43px;
}
.komi_yogen.yogen .yogen_txt .box p span {
	background: url(../images/result/bokashi/yogen.png) no-repeat;
	background-size: cover;
	width: 30%;
	height: 20px;
	display: inline-block;
	vertical-align: bottom;
}
.komi_yogen.kao .base_box {
	position: relative;
	min-height: 230px;
	width: 80%;
	margin: auto;
	background: url(../images/result/komi_yogen/yogen_kao.png) no-repeat;
	background-size: 100%, 100%;
}
.free_view .komi_yogen.jiki .yogen_txt{
	position: relative;
	width: 85%;
	margin: auto;
	min-height: 138px;
	background: url(../images/result/komi_yogen/yogen_jiki.png) no-repeat;
	background-size: 100%, 100%;
}
.komi_yogen.yogen .yogen_txt p{
	font-size: 16px;
	color: #2b1900;
	text-align: center;
	position: absolute;
	top: 29px;
	width: 100%;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
}
.komi_yogen.yogen .yogen_txt.bokashi-1 p {
	-webkit-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
	text-shadow: 0 0 10px #272727, 0 0 10px #000;
}
.free_view .komi_yogen.jiki .btn a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
	background: url(../images/result/free/renewal/btn_jiki.png) no-repeat;
	margin: 5px auto 0;
	background-size: 100% auto;
	width: 200px;
	margin: 0 auto;
	height: 65px;
}
/*----- komi_yogen kao -----*/
.komi_yogen.kao .base_box img {
	position: absolute;
	top: 53px;
	left: 43px;
	width: 70%!important;
}
.komi_yogen.kao .open-0 .close, .komi_yogen.kao .open-1 .open {
  display: none;
}
.komi_yogen.kao .open-1 .close, .komi_yogen.kao .open-0 .open {
  display: block;
}

.free_view .komi_yogen.kao .btn{
	position: absolute;
	top: 200px;
	left: 63px;
}
.free_view .komi_yogen.kao .btn a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
	background: url(../images/result/free/renewal/btn_kao.png) no-repeat;
	margin: 5px auto 0;
	background-size: 100% auto;
	width: 200px;
	margin: 0 auto;
	height: 65px;
}

/*----- komi_yogen jiki -----*/
.komi_yogen.jiki .yogen_txt {
	width: 85%;
	position: relative;
	margin: auto;
	min-height: 140px;
	background: url(../images/result/komi_yogen/yogen_jiki.png) no-repeat;
	background-size: 100%, 100%;
}
.komi_yogen.jiki .lead span {
	-webkit-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
	text-shadow: 0 0 5px #fff, 0 0 5px #000;
}

.komi_yogen.jiki .clock {
	width: 80%;
	margin: auto;
}
.komi_yogen.jiki .yogen_txt .jiki_txt {
	width: 100%;
	position: absolute;
	top: 52px;
	font-size: 15px;
}
.komi_yogen.jiki .yogen_txt p {
	width: 100%;
	margin: auto;
	color: #2b1900;
}
.jikiBox.ymd, .jikiBox {
	margin: auto;
  width: 87%;
}
.jikiBox p {
	width: 100%;
	letter-spacing: -4px;
	margin-bottom: 0px;
}
.komi-box .core {
	display: none;
}
.jikiBox img {
	width: 18px !important;
	height: auto !important;
	margin-right: 2px;
	opacity: 0;
}
.jikiBox .ymd {
	width: 16px !important;
	height: auto !important;
	margin: 0 0px;
}
.jikiBox .ymd.mb0 {
	margin: 0 2px;
}
.jikiBox .ymd_month {
	width: 16px !important;
}
.jikiBox .ymd_day {
	width: 16px !important;
}
.jikiBox img[src*="spacer"] {
	width: 0px !important;
	height: 0;
}

.bg_jiki {
	/*background: url(../images/result/komi_jiki/bg_jiki.png) no-repeat;
	background-size: 100%;*/
	width: 100%;
	height: 37px;
	position: absolute;
	bottom: 10px;
}

.free_view .komi_yogen.jiki .lead {
	padding: 20px 37px 20px 120px;
	margin-top: 20px;
	background-image: url(../images/result/free/two/bg_free_mid3.jpg);
	background-repeat: repeat-y;
	background-size: 100% auto;
	background-position: center top;
	position: relative;
}
.free_view .komi_yogen.jiki .lead:before {
	background-image: url(../images/result/free/two/bg_free_top3.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	content: '';
	width: 100%;
	height: 38px;
	position: absolute;
	top: -1px;
	left: 0;
}
.free_view .komi_yogen.jiki .lead:after {
	background-image: url(../images/result/free/two/bg_free_btm3.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	content: '';
	width: 100%;
	height: 47px;
	position: absolute;
	bottom: -1px;
	left: 0;
}
.free_view .komi_yogen.jiki .bg_senja {
	width: 34%;
	position: absolute;
	bottom: -5px;
	left: 0px;
	z-index: 999;
}
.free_view .komi_yogen.jiki .lead p {
	color: #000;
	font-family: none;
	font-weight: normal;
	margin-left: 4px;
}
.free_view .komi_yogen.jiki .lead p span img {
	width: 70%!important;
}
/*----- komi_yogen yesno -----*/
.komi_yogen .yesno_box {
	position: relative;
	min-height: 224px;
	background: url(../images/result/komi_yogen/yesno/base.jpg) no-repeat;
	background-size: 100%, 100%;
}
.komi_yogen.yesno .bg_yesno li {
	position: absolute;
}
.komi_yogen.yesno .bg_yesno li:nth-child(1) {
	top: 62px;
	right: 53px;
	width: 70px;
}
.komi_yogen.yesno .bg_yesno li:nth-child(2) {
	top: 62px;
	left: 53px;
	width: 70px;
}
.komi_yogen.yesno .bg_yesno li:nth-child(3) {
	top: 47px;
	right: 73px;
	width: 175px;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.komi_yogen.yesno .bg_yesno li:nth-child(4) {
	top: 15px;
	right: 115px;
	width: 85px;
}
.komi_yogen.yesno .bg_yesno li:nth-child(5) {
	display: none;
	width: 70px;
}
.komi_yogen.yesno .bg_yesno.yes li:nth-child(5) {
	top: 102px;
  right: 53px;
}
.komi_yogen.yesno .bg_yesno.no li:nth-child(5) {
	top: 102px;
  left: 53px;
}
.komi_yogen.yesno .bg_yesno.yes.tenbin_anime li:nth-child(1) {
	-webkit-animation: tenbinAnime 1.8s ease-in-out forwards;
	-moz-animation: tenbinAnime 1.8s ease-in-out forwards;
	animation: tenbinAnime 1.8s ease-in-out forwards;
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center;
	-webkit-transition: 1.8s;
	transition: 1.8s;
  }
  @keyframes tenbinAnime {
	100% {
	  top: 75px;
	  right: 53px;
	}
  }
  @-webkit-keyframes tenbinAnime {
	100% {
		top: 75px;
		right: 53px;
	  }
  }
  @-moz-keyframes tenbinAnime {
	100% {
		top: 75px;
		right: 53px;
	  }
  }
  .komi_yogen.yesno .yesno_disp-0 .bg_yesno.yes.tenbin_anime li:nth-child(2) {
	-webkit-animation: tenbinAnime2 1.8s ease-in-out forwards;
	-moz-animation: tenbinAnime2 1.8s ease-in-out forwards;
	animation: tenbinAnime2 1.8s ease-in-out forwards;
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center;
	-webkit-transition: 1.8s;
	transition: 1.8s;
  }
  @keyframes tenbinAnime2 {
	100% {
		top: 50px;
		left: 53px;
	}
  }
  @-webkit-keyframes tenbinAnime2 {
	100% {
		top: 50px;
		left: 53px;
	}
  }
  @-moz-keyframes tenbinAnime2 {
	100% {
		top: 50px;
		left: 53px;
	}
  }
.komi_yogen.yesno .yesno_disp-0 .bg_yesno.yes.tenbin_anime li:nth-child(3) {
	-webkit-animation: tenbinAnime3 1.8s ease-in-out forwards;
	-moz-animation: tenbinAnime3 1.8s ease-in-out forwards;
	animation: tenbinAnime3 1.8s ease-in-out forwards;
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center;
	-webkit-transition: 1.8s;
	transition: 1.8s;
  }
  @-webkit-keyframes tenbinAnime3 {
	100% {
	  -webkit-transform: rotate(10deg);
	}
  }
  .komi_yogen.yesno .yesno_disp-0 .bg_yesno.no.tenbin_anime li:nth-child(1) {
	-webkit-animation: tenbinAnime4 1.8s ease-in-out forwards;
	-moz-animation: tenbinAnime4 1.8s ease-in-out forwards;
	animation: tenbinAnime4 1.8s ease-in-out forwards;
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center;
	-webkit-transition: 1.8s;
	transition: 1.8s;
  }
  @keyframes tenbinAnime4 {
	100% {
		top: 50px;
		right: 53px;
	  }
  }
  @-webkit-keyframes tenbinAnime4 {
	100% {
	  top: 50px;
	  right: 53px;
	}
  }
  @-moz-keyframes tenbinAnime4 {
	100% {
		top: 50px;
		right: 53px;
	  }
  }
  .komi_yogen.yesno .yesno_disp-0 .bg_yesno.no.tenbin_anime li:nth-child(2) {
	-webkit-animation: tenbinAnime5 1.8s ease-in-out forwards;
	-moz-animation: tenbinAnime5 1.8s ease-in-out forwards;
	animation: tenbinAnime5 1.8s ease-in-out forwards;
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center;
	-webkit-transition: 1.8s;
	transition: 1.8s;
  }
  @keyframes tenbinAnime5 {
	100% {
		top: 74px;
		left: 53px;
	}
  }
  @-webkit-keyframes tenbinAnime5 {
	100% {
		top: 74px;
		left: 53px;
	}
  }
  @-moz-keyframes tenbinAnime5 {
	100% {
		top: 74px;
		left: 53px;
	}
  }
.komi_yogen.yesno .yesno_disp-0 .bg_yesno.no.tenbin_anime li:nth-child(3) {
	-webkit-animation: tenbinAnime6 1.8s ease-in-out forwards;
	-moz-animation: tenbinAnime6 1.8s ease-in-out forwards;
	animation: tenbinAnime6 1.8s ease-in-out forwards;
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center;
	-webkit-transition: 1.8s;
	transition: 1.8s;
}
@keyframes tenbinAnime6 {
	100% {
		-webkit-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		transform: rotate(-10deg);
	  }
  }
  @-webkit-keyframes tenbinAnime6 {
	100% {
	  -webkit-transform: rotate(-10deg);
	  -moz-transform: rotate(-10deg);
	  transform: rotate(-10deg);
	}
}
  @-moz-keyframes tenbinAnime6 {
	100% {
		-webkit-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		transform: rotate(-10deg);
	  }
  }
/* 一部無料 ループ */
.komi_yogen.yesno .yesno_disp-1 .bg_yesno li:nth-child(1) {
	-webkit-animation: tenbinAnime7 3s linear infinite;
	-moz-animation: tenbinAnime7 3s linear infinite;
	animation: tenbinAnime7 3s linear infinite;
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center;
	-webkit-transition: 3s;
	transition: 3s;
  }

  @keyframes tenbinAnime7 {
	0% {
		top: 62px;
        right: 53px;
	  }
	30% {
		top: 75px;
	  right: 53px;
	  }
	50% {
		top: 62px;
        right: 53px;
	  }
	80% {
		top: 50px;
		right: 53px;
	  }
	100% {
		top: 62px;
        right: 53px;
	}
  }
  @-webkit-keyframes tenbinAnime7 {
	0% {
		top: 62px;
        right: 53px;
	  }
	30% {
		top: 75px;
	  right: 53px;
	  }
	50% {
		top: 62px;
        right: 53px;
	  }
	80% {
		top: 50px;
		right: 53px;
	  }
	100% {
		top: 62px;
        right: 53px;
	}
  }
  @-moz-keyframes tenbinAnime7 {
	0% {
		top: 62px;
        right: 53px;
	  }
	30% {
		top: 75px;
	  right: 53px;
	  }
	50% {
		top: 62px;
        right: 53px;
	  }
	80% {
		top: 50px;
		right: 53px;
	  }
	100% {
		top: 62px;
        right: 53px;
	}
  }
.komi_yogen.yesno .yesno_disp-1 .bg_yesno li:nth-child(2) {
	-webkit-animation: tenbinAnime8 3s linear infinite;
	-moz-animation: tenbinAnime8 3s linear infinite;
	animation: tenbinAnime8 3s linear infinite;
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center;
	-webkit-transition: 3s;
	transition: 3s;
  }

@keyframes tenbinAnime8 {
	0% {
		top: 62px;
        left: 53px;
	  }
	30% {
		top: 50px;
		left: 53px;
	  }
	50% {
		top: 62px;
        left: 53px;
	  }
	80% {
		top: 75px;
	  left: 53px;
	  }
	100% {
		top: 62px;
        left: 53px;
	}
  }
  @-webkit-keyframes tenbinAnime8 {
	0% {
		top: 62px;
        left: 53px;
	  }
	30% {
		top: 50px;
		left: 53px;
	  }
	50% {
		top: 62px;
        left: 53px;
	  }
	80% {
		top: 75px;
	  left: 53px;
	  }
	100% {
		top: 62px;
        left: 53px;
	}
}
  @-moz-keyframes tenbinAnime8 {
	0% {
		top: 62px;
        left: 53px;
	  }
	30% {
		top: 50px;
		left: 53px;
	  }
	50% {
		top: 62px;
        left: 53px;
	  }
	80% {
		top: 75px;
	  left: 53px;
	  }
	100% {
		top: 62px;
        left: 53px;
	}
  }
.komi_yogen.yesno .yesno_disp-1 .bg_yesno li:nth-child(3) {
	-webkit-animation: tenbinAnime9 3s linear infinite;
	-moz-animation: tenbinAnime9 3s linear infinite;
	animation: tenbinAnime9 3s linear infinite;
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center;
	-webkit-transition: 3s;
	transition: 3s;
  }

@keyframes tenbinAnime9 {
	0% {
		-webkit-transform: rotate(0deg);
	  }
	30% {
		-webkit-transform: rotate(10deg);
	  }
	50% {
		-webkit-transform: rotate(0deg);
	  }
	80% {
		-webkit-transform: rotate(-10deg);
	  }
	100% {
		-webkit-transform: rotate(0deg);
	}
  }
  @-webkit-keyframes tenbinAnime9 {
	0% {
	  -webkit-transform: rotate(0deg);
	}
  30% {
	  -webkit-transform: rotate(10deg);
	}
  50% {
	  -webkit-transform: rotate(0deg);
	}
  80% {
	  -webkit-transform: rotate(-10deg);
	}
  100% {
	  -webkit-transform: rotate(0deg);
  }
}
  @-moz-keyframes tenbinAnime9 {
	0% {
		-webkit-transform: rotate(0deg);
	  }
	30% {
		-webkit-transform: rotate(10deg);
	  }
	50% {
		-webkit-transform: rotate(0deg);
	  }
	80% {
		-webkit-transform: rotate(-10deg);
	  }
	100% {
		-webkit-transform: rotate(0deg);
	}
  }
.komi_yogen.yesno .yogen.yogen_disp-0, .komi_yogen.yesno .yogen.yogen_disp-1 {
	display: none;
}
.komi_yogen.yesno .yogen_txt .box p.yudo_text {
	width: 90%;
    height: 50px;
    padding: 5px 0 0;
    margin: 0 0 30px;
    background: #ff4a15;
    border: 2px solid #cca300;
	border-radius: 10px;
	color: #fff;
	font-size: 13px;
	left: 14px;
}
.komi_yogen.yesno .box_teller {
    min-height: 260px;
    padding: 0 20px;
}
.komi_yogen.yesno .box_teller p {
    position: relative;
    color: #fff;
    text-align: left;
    line-height: 1.6;
    font-size: 13px;
    width: 268px;
    margin: 20px 0px 20px 10px;
}
.komi_yogen.yesno .box_teller .teller_space {
    width: 110px;
    margin-right: 5px;
}
/*--- komi_keikoku ---*/
.komi_yogen.keikoku .yogen_txt {
	width: 85%;
	position: relative;
	width: 85%;
	margin: auto;
	min-height: 97px;
	background: url(../images/result/komi_yogen/yogen_keikoku.png) no-repeat;
	background-size: 100%, 100%;
}
.komi_yogen.keikoku .yogen_txt .box {
	height: 98px;
    width: 100%;
    position: absolute;
    top: 0px;
}
.komi_yogen.keikoku .yogen_txt .box p {
	position: absolute;
	top: 50px;
}
.komi_yogen.keikoku .yogen_txt.bokashi-1 p {
	-webkit-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
	text-shadow: 0 0 10px #272727, 0 0 10px #000;
}
/*--- komi_omoi ---*/
.komi_yogen.omoi .yogen_txt {
	width: 85%;
	position: relative;
	margin: auto;
	min-height: 190px;
}
.komi_yogen.omoi .yogen_txt.woman {
	background: url(../images/result/komi_omoi/omoi_woman.png) no-repeat;
	background-size: 100%, 100%;
}
.komi_yogen.omoi .yogen_txt.man {
	background: url(../images/result/komi_omoi/omoi_man.png) no-repeat;
	background-size: 100%, 100%;
}
.komi_yogen.omoi .yogen_txt .box{
	width: 100%;
	min-height: 190px;
	position: absolute;
  top: 0;
}

.komi_yogen.omoi .yogen_txt p{
	font-size: 20px;
	color: #f01700;
	text-align: center;
	font-weight: bold;
	text-shadow: 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #ffffff, 0 0 7px #ffffff, 0 0 7px #ffffff, 0 0 7px #ffffff, 0 0 7px #ffffff, 0 0 7px #ffffff, 0 0 7px #ffffff, 0 0 7px #ffffff, 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff;
	position: absolute;
	top: 135px;
	width: 100%;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
}

.komi_yogen.omoi .yogen_txt.bokashi-1 p {
	-webkit-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
	text-shadow: 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #ffffff, 0 0 7px #ffffff, 0 0 7px #ffffff, 0 0 7px #ffffff, 0 0 7px #ffffff, 0 0 7px #ffffff, 0 0 7px #ffffff, 0 0 7px #ffffff, 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #ffffff, 0 0 7px #ffffff, 0 0 7px #ffffff, 0 0 7px #ffffff, 0 0 7px #ffffff, 0 0 7px #ffffff, 0 0 7px #ffffff, 0 0 7px #ffffff, 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff, 0 0 7px #fff;
}

/* 大予言そのxのスタイル */
.ppv_view .yogen_sono_nam {
	position: absolute;
	left: 110px;
	color: #fbe9e7;
	font-size: 20px;
	font-family: "Sawarabi Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.ppv_view .komi_yogen.yogen .yogen_sono_nam {
	top: 10px;
}
.ppv_view .komi_yogen.jiki .yogen_sono_nam,.ppv_view .komi_yogen.omoi .yogen_sono_nam {
	top: 7px;
}
.ppv_view .komi_yogen.kao .yogen_sono_nam {
	top: 11px;
	left: 113px;
}
.box_sns {
	position: relative;
}
.box_sns .bokashi.white {
	padding: 50px 0 40px;
	background: url(../images/result/bokashi/02.png) repeat-y;
	background-size: 100%;
}
.box_sns.bokashi .lead {
	/*display: none;*/
}
.box_sns .inner {
	padding: 15px 15px;
	border: 2px solid #ab854a;
	border-radius: 10px;
	line-height: 20px;
	text-align: left;
	font-size: 14px;
	color: #000;
	background: #fff;
	margin: -165px 0 50px;
	position: relative;
}
.box_sns .inner > .text{
	font-size: 12px;
	line-height: 1.3;
}
.icon-sns {
	padding-top: 10px;
	display: flex;
	justify-content: space-between;
}
.icon-sns li {
	width: 48px;
	margin: 0 2px;
	display: inline-block;
}
.box_share_sns {
	display: none;
	width: 80%;
	height: 100%;
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 100;
}
.box_share_sns .modal-body {
	width: 100%;
	color: #fff;
	display: block;
	box-sizing: border-box;
	padding: 10px 0 0 0;
	/*overflow: hidden;*/
}
.box_share_sns .modal-window {
	position: relative;
	z-index: 1;
	animation: fadein .3s 1, zoomin .3s 1;
}
.box_share_sns .modal-check {
	width: 35px;
	height: 35px;
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 2;
	background: url(../images/pay/popup/icon_close.png) no-repeat;
	background-size: 100%;
}
.box_share_sns .inner {
	width: 100%;
	height: 350px;
	margin: 0 auto;
	padding: 0 10px;
	border-radius: 5px;
	box-sizing: border-box;
	text-align: left;
	color: #f7efe2;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	background: rgba(0,0,0,0.8);
}
.box_share_sns h4 {
	padding: 20px 0 15px;
	text-align: center;
	color: #d8c19e;
	background: url(../images/line/01.png) no-repeat center 40px;
	background-size: 80%;
}
.sns_img{
	width: 80%;
	margin: 0 auto 15px !important;
}
.txt_copy {
	padding: 10px;
	border-radius: 3px;
	font-size: 12px;
	color: #333;
	background: #fff;
}
.open_app {
	padding: 15px 0;
	text-align: center;
}
.open_app img {
	width: 30px !important;
	margin-right: 10px;
	vertical-align: -10px;
	filter: drop-shadow(0px 0px 1px #fff);
}
.open_app a {
	color: #f7efe2;
}
@keyframes fadein {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadeout {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes zoomin {
	0% {
		transform: scale(0.9);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes zoomout {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(0.9);
	}
}
@keyframes hide {
	0% {
		visibility: visible;
	}
	100% {
		visibility: hidden;
	}
}
/*--- komi_mes ---*/
.komi_mes {
	position: relative;
}
.komi_mes .open-1, .komi_mes .close-0 {
	display: none;
}
.komi_mes .tarot_tit {
	height: 160px;
}
.komi_mes .card_name {
	position: absolute;
	top: 380px;
	width: 100%;
	display: none;
}
.komi_mes .card_name p{
	width: 80%;
	margin: auto;
	color: #dac170;
	font-size: 18px;
	font-weight: bold;
	font-family: "Sawarabi Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.komi_mes .lead {
	padding: 30px 30px 50px;
	background: url(../images/result/komi_mes/bg_mid.jpg) repeat-y;
	background-size: 100%;
	position: relative;
}
.komi_mes .lead:before {
	background-image: url(../images/result/komi_mes/bg_top.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	content: '';
	width: 100%;
	height: 60px;
	position: absolute;
	top: -1px;
	left: 0;
}
.komi_mes .lead:after {
	background-image: url(../images/result/komi_mes/bg_btm.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	content: '';
	width: 100%;
	height: 60px;
	position: absolute;
	bottom: -1px;
	left: 0;
}
.komi_mes .lead p{
  color: #fff;
}
.komi_mes .lead .inner_txt .message {
	opacity: 0;
}
.komi_mes .lead .teller {
	position: relative;
	float: right;
	width: 36%;
	height: 150px;
}
.komi_mes .lead .teller:after {
	content: '';
	position: absolute;
	top: -5px;
	right: -32px;
	display: block;
	width: 130%;
	height: 100%;
	background: url(../images/result/komi_mes/teller.png) no-repeat;
	background-size: 100%;
}
.komi_mes .tarot_box {
	background: url(../images/result/komi_mes/base.jpg) no-repeat;
	background-size: 100%;
	width: 320px;
	height: 272px;
	position: relative;
}
.komi_mes .tarot_box li {
	width: 29%;
    height: 174px;
    position: absolute;
    top: 5px;
	left: 114px;
	box-shadow: 0 0 10px #fff;
}
p.mes_txt {
	height: 73px;
}

.komi_mes_tsunagi.open-1{
	display: none !important;
}

/*result_tarot*/
.komi_mes.tarot {
	padding: 30px 0 0 0;
	background: url(../images/result/komi_tarot/menu.do/bg_mid.jpg) repeat-y;
	background-size: 100%;
	position: relative;
}
.komi_mes.tarot:before {
	background-image: url(../images/result/komi_tarot/menu.do/bg_top.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	content: '';
	width: 100%;
	height: 60px;
	position: absolute;
	top: -1px;
	left: 0;
}
.komi_mes.tarot .tit_komi.ver2 {
	width: 240px;
	height: 102px;
	padding: 30px 10px;
	background: url(../images/result/komi_yogen/bg_tit_mid.jpg) repeat-y;
	background-size: 100%;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	margin-bottom: 0;
}
.komi_mes.tarot .tit_komi.ver2:before {
	background-image: url(../images/result/komi_yogen/bg_tit_top.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	content: '';
	width: 100%;
	height: 20px;
	position: absolute;
	top: -1px;
	left: 0;
}
.komi_mes.tarot .tit_komi.ver2:after {
	background-image: url(../images/result/komi_yogen/bg_tit_btm.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	content: '';
	width: 100%;
	height: 20px;
	position: absolute;
	bottom: -1px;
	left: 0;
}

.komi_mes.tarot .tarot_tit {
	height: 128px;
}

.komi_mes.tarot .card_name {
	top: 477px;
}

/* 予言してもいいですか */
/* 一人用 */
.yudo_yogen.one {
    position: relative;
    margin: 20px 0;
    min-height: 268px;
    background: url(../images/result/yudo/img01.jpg) no-repeat;
    background-size: 100%, 100%;
}
.yudo_yogen.one.man .bg_aura {
    position: relative;
    top: 100px;
    min-height: 95px;
    width: 45%;
    margin: auto;
    background: url(../images/result/common_affinity/man.png) bottom no-repeat;
    background-size: 100%, 100%;
}
.yudo_yogen.one.woman .bg_aura {
    position: relative;
    top: 100px;
    min-height: 95px;
    width: 45%;
    margin: auto;
    background: url(../images/result/common_affinity/woman.png) bottom no-repeat;
    background-size: 100%, 100%;
}
.yudo_yogen.one .bg_aura li:nth-child(1) {
    width: 140px;
    position: absolute;
    bottom: 5px;
    left: 2px;
}
.yudo_yogen.one .color_txt {
	width: 100%;
	position: absolute;
	top: 33px;
}
.yudo_yogen.one .color_txt p {
	font-size: 18px;
    color: #301c01;
    font-family: 'YuMincho +36p Kana';
    text-align: center;
}
.yudo_yogen.one .color_txt p span.color_01 {
	color: #b424dc;
}
.yudo_yogen.one .color_txt p span.color_02 {
	color: #ff9c00;
}
.yudo_yogen.one .color_txt p span.color_03 {
	color: #8dd306;
}
.yudo_yogen.one .color_txt p span.color_04 {
	background: -webkit-linear-gradient(left, #ff26fb, #00b3ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.yudo_yogen.one .color_txt p span.color_05 {
	color: #f0c206;
}

.yudo_yogen.two {
    position: relative;
    margin: 20px 0;
    min-height: 290px;
    background: url(../images/result/yudo/img02.jpg) no-repeat;
    background-size: 100%, 100%;
}
.yudo_yogen.two .txt {
	width: 90%;
    position: absolute;
    top: 63px;
    left: 11px;
}
.yudo_yogen.two .txt p {
	font-size: 18px;
    color: #301c01;
    font-family: 'YuMincho +36p Kana';
    text-align: center;
}
.yudo_yogen.two .txt p span {
	color: red;
}
.yudo_yogen.two .aura-03 {
    background: url(../images/result/common_affinity/anime/yudo/03.jpg) 0px 0px no-repeat;
	background-size: 100%;
	height: 164px;
    margin: auto;
}
.yudo_yogen.two .bg_aura li{
   width: 50%;
   position: absolute;
   top: 112px;
   left: 77px;
   border: solid 1px #7e5300;
    border-radius: 3px;
}
.yudo_yogen.two .bg_aura li:nth-child(1) {
	z-index: 999;
}
/*--- komi_chumoku ---*/
.komi_chumoku {
	padding: 35px 0 40px 0;
	background: url(../images/result/komi_chumoku/bg_mid.jpg) repeat-y;
	background-size: 100%;
	position: relative;
}
.komi_chumoku:before {
	background-image: url(../images/result/komi_chumoku/bg_top.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	content: '';
	width: 100%;
	height: 40px;
	position: absolute;
	top: -1px;
	left: 0;
}

.komi_chumoku:after {
	background-image: url(../images/result/komi_chumoku/bg_btm.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	content: '';
	width: 100%;
	height: 40px;
	position: absolute;
	bottom: -1px;
	left: 0;
}
.komi_chumoku .tit_komi.ver2 {
    padding: 20px 10px;
	background: url(../images/result/komi_chumoku/bg_tit_mid.jpg) repeat-y;
    background-size: 100%;
    box-sizing: border-box;
	text-align: center;
	position: relative;
}
.komi_chumoku .tit_komi.ver2:before {
    background-image: url(../images/result/komi_chumoku/bg_tit_top.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    content: '';
    width: 100%;
    height: 20px;
    position: absolute;
    top: -12px;
    left: 0;
}
.komi_chumoku .tit_komi.ver2:after {
    background-image: url(../images/result/komi_chumoku/bg_tit_btm.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
    content: '';
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: -13px;
    left: 0;
}
.chumoku_txt p{
	font-size: 15px;
	color: #2b1900;
	font-family: 'YuMincho +36p Kana';
	text-align: center;
	font-weight: bold;
}
.chumoku_txt p span{
	color: #2b1900;
	font-family: 'YuMincho +36p Kana';
	text-align: center;
}
.chumoku_txt p span.color_01{
	background-color: #bb9d6c;
}
.chumoku_txt p span.color_02{
	background-color: #fcec62;
}
.chumoku_txt p span.color_03{
	background-color: #cfcdcd;
}
.chumoku_txt p span.color_04{
	background-color: #8eb2f5;
}
.chumoku_txt p span.color_05{
	background-color: #fa95cc;
}

/*--- komi_graph ---*/
.komi_graph {
	background: #9d803b;
	position: relative;
}

.komi_graph .lead {
	padding: 40px 25px 35px 110px;
	background: url(../images/result/free/bg_free_mid3.jpg) repeat-y;
	background-size: 100%;
	min-height: 80px;
	position: relative;
}
.komi_graph .lead:before {
	content: "";
	background: url(../images/result/free/bg_free_top3.jpg) no-repeat top;
	background-size: 100%;
	width: 100%;
	height: 34px;
	position: absolute;
	top: -1px;
	left: 0;
}
.komi_graph .lead:after {
	content: "";
	background: url(../images/result/free/bg_free_btm3.jpg) no-repeat bottom;
	background-size: 100%;
	width: 100%;
	height: 25px;
	position: absolute;
	bottom: -1px;
	left: 0;
}

.komi_graph .lead p span{
	color: red;
}

.komi_graph .bg_senja {
	width: 120px;
	position: absolute;
	bottom: 10px;
	left: -5px;
	z-index: 999;
}
/*--- komi_moji ---*/
.komi_moji .lead {
	background: url(../images/result/komi_moji/bg_moji.jpg) top / 100% no-repeat;
	width: 320px;
	height: 154.5px;
	padding: 0;
	position: relative;
	text-align: center;
}
.komi_moji .lead p {
	position: absolute;
	left: 50%;
	top: 30px;
	transform: translateX(-50%);
	margin: 0;
	width: 70%;
	font-size: 25px;
	line-height: 1.5;
}
.komi_moji .lead p span {
	font-size: 30px;
	font-weight: bold;
}
/* .komi_moji .lead p:nth-child(1) {
	font-size: 30px;
	font-weight: bold;
	top: 45px;
}
.komi_moji .lead p:nth-child(2) {
	font-size: 25px;
	top: 84px;
} */

/*--- komi_fuukei ---*/
.komi_fuukei .this_month_fuukei {
	padding: 0 52px;
}
.komi_fuukei .lead {
	padding: 0;
}
.komi_fuukei .inner_txt span {
	color: red;
	font-size: 20px;
}

/*=====================
display control
=====================*/
.disp0, .disp-0, .free-0 .close, .free-1 .open {
	display: none !important;
}
.disp1, .disp-1, .free-0 .open, .free-1 .close {
	display: block !important;
}

/* ぼかし(続きを見る) */
.btn_yudo {
	width: 240px;
    height: 70px;
	margin: 0 auto;
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../images/result/parts/btn_more.png) no-repeat center;
	background-size: 100%;
}
.bokashi .btn {
	display: block;
	background: url(../images/result/parts/btn_more.png) no-repeat;
	-webkit-background-size: 222px auto;
	background-size: 100% auto;
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
	margin: 0 auto;
	width: 222px;
	height: 67px;
	padding: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 33px;
}

.bokashi {
	height: 150px;
	background: url(../images/result/bokashi/01.png) no-repeat;
	background-size: 100%;
	position: relative;
	margin-top: 10px;
}
.free_view .komi_fukidashi .bokashi {
	height: 72px;
	background: url(../images/result/bokashi/fuki01.png) no-repeat;
	background-size: 100%;
	position: relative;
	margin-top: 10px;
}
.free_view .komi_fukidashi .bokashi2 {
	height: 72px;
	background: url(../images/result/bokashi/fuki02.png) no-repeat;
	background-size: 100%;
	position: relative;
	margin-top: 10px;
}
.free_view .komi_fukidashi .bokashi2 .btn {
	display: block;
	background: url(../images/result/parts/btn_more.png) no-repeat;
	-webkit-background-size: 222px auto;
	background-size: 100% auto;
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
	margin: 0 auto;
	width: 185px;
	height: 54px;
	padding: 0;
	position: absolute;
	left: 0;
	right: 0;
}
.free_view .komi_fukidashi .bokashi3{
	height: 150px;
	background: url(../images/result/bokashi/fuki03.png) no-repeat;
	background-size: 100%;
	position: relative;
	margin-top: 10px;
}
.free_view .komi_fukidashi .bokashi3 .btn {
	display: block;
	background: url(../images/result/parts/btn_more.png) no-repeat;
	-webkit-background-size: 222px auto;
	background-size: 100% auto;
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
	margin: 0 auto;
	width: 185px;
	height: 54px;
	padding: 0;
	position: absolute;
	left: 0;
	right: 0;
}
.free_view .komi_free img.free_bokashi {
	width: 20%!important;
}
#yudo .bokashi {
	height: 160px;
	background: url(../images/result/bokashi/yudo.png) no-repeat;
	background-size: 100%;
	position: relative;
	margin-top: 10px;
	margin-bottom: -73px;
}

.bokashi.white {
	height: 120px;
	background: url(../images/result/bokashi/02.png) no-repeat;
	background-size: 100%;
	position: relative;
	margin-top: 10px;
}

.bokashi02 {
	height: 120px;
	background: url(../images/result/bokashi/03.png) no-repeat;
	background-size: 100%;
	position: relative;
	margin-top: 10px;
}

.bokashi03 {
	height: 180px;
	background: url(../images/result/bokashi/04.png) no-repeat;
	background-size: 100%;
	position: relative;
	margin-top: 10px;
}

.bokashi.L1 {
	clear: none;
	height: 270px;
	background: url(../images/result/bokashi/L1.png) no-repeat center -4px;
	background-size: 100%;
	margin-top: 0;
}

.bokashi.L2 {
	clear: none;
	height: 275px;
	background: url(../images/result/bokashi/L2.png) no-repeat center 4px;
	background-size: 100%;
	margin-top: 0;
}

.bokashi.L3 {
	clear: none;
	height: 340px;
	background: url(../images/result/bokashi/L3.png) no-repeat 0px 0px;
	background-size: 100%;
	margin-top: 0;
}
.mosaic, .mosaic_white {
    position: relative;
    line-height: 0;
    text-align: left;
}
.mosaic .btn, .mosaic_btn .btn, .mosaic_white .btn {
	width: 222px;
	height: 67px;
	background: url(../images/result/parts/btn_more.png) no-repeat;
	-webkit-background-size: 222px auto;
	background-size: 100% auto;
	position: absolute;
	bottom: 1em;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index: 999;
	text-indent: -9999px;
}
.komi_mes .mosaic_white .btn {
  bottom: 55px;
}
.mosaic_btn .btn {
	bottom: 4em;
}
.mosaic img, .mosaic_white img {
	width: 28px!important;
	margin: -5px;
	opacity: 0.7;
}

#yudo .bokashi .btn {
	width: 220px;
	height: 63px;
	top: 18px;
}
.bokashi03 .btn {
	top: 60px;
}

.bokashi.L1 .btn {
	top: 155px;
}
.bokashi.L2 .btn {
	top: 150px;
}

.bokashi.L3 .btn {
	top: 230px;
}

.one .komi_common .bokashi {
	margin-top: 10px;
}

.blur {
	-ms-filter: blur(6px);
	filter: blur(6px);
}

/*=====================
誘導
=====================*/
#yudo {
	margin-bottom: 40px;
}

#yudo .box_teller2 .lead {
	padding: 30px 30px 30px 120px;
	background: url(../images/result/yudo/bg_mid.jpg) repeat-y;
	background-size: 100%;
	margin-bottom: 15px;
	position: relative;
}

#yudo .box_teller2 .lead:before {
	background-image: url(../images/result/yudo/bg_top.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	content: '';
	width: 100%;
	height: 20px;
	position: absolute;
	top: -1px;
	left: 0;
}

#yudo .box_teller2 .lead:after {
	background-image: url(../images/result/yudo/bg_btm.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	content: '';
	width: 100%;
	height: 20px;
	position: absolute;
	bottom: -1px;
	left: 0;
}
#yudo .box_teller2 .bg_senja {
	width: 108px;
	margin-bottom: 10px;
	position: absolute;
	left: -125px;
    bottom: 0;
}

#yudo .lead {
	padding: 0px 25px;
	margin-bottom: 5px;
}

#yudo .txt-yudo {
	color: #7d7d7d;
	background: #fff;
	margin: 0;
	text-align: center;
	font-size: 10px;
	padding: 7px 5px;
	position: relative;
	line-height: 1.5;
	border: 1px solid #7d7d7d;
	border-radius: 5px;
}

#yudo .txt-yudo span {
	color: #7d7d7d;
	font-weight: bold;
	font-size: 12px;
}

#yudo .komi_normal {
	margin-bottom: 0px;
}

#yudo .komi_normal.rank{
	padding: 73px 0 40px;
	background: url(../images/result/parts/bg_yudo_mid01.jpg) repeat-y;
	background-size: 100%;
	position: relative;
}
#yudo .komi_normal.rank:before {
	background-image: url(../images/result/parts/bg_yudo_top01.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	content: '';
	width: 100%;
	height: 90px;
	position: absolute;
	top: -1px;
	left: 0;
}
#yudo .komi_normal.rank:after {
	background-image: url(../images/result/parts/bg_yudo_btm01.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	content: '';
	width: 100%;
	height: 70px;
	position: absolute;
	bottom: -1px;
	left: 0;
}

#yudo .komi_normal.rank02{
	padding: 73px 0 40px;
	background: url(../images/result/parts/bg_yudo_mid02.jpg) repeat-y;
	background-size: 100%;
	position: relative;
}
#yudo .komi_normal.rank02:before {
	background-image: url(../images/result/parts/bg_yudo_top02.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	content: '';
	width: 100%;
	height: 90px;
	position: absolute;
	top: -1px;
	left: 0;
}
#yudo .komi_normal.rank02:after {
	background-image: url(../images/result/parts/bg_yudo_btm02.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	content: '';
	width: 100%;
	height: 70px;
	position: absolute;
	bottom: -1px;
	left: 0;
}

#yudo .komi_normal.rank03{
	padding: 73px 0 53px;
	background: url(../images/result/parts/bg_yudo_mid03.jpg) repeat-y;
	background-size: 100%;
	margin-bottom: 15px;
	position: relative;
}
#yudo .komi_normal.rank03:before {
	background-image: url(../images/result/parts/bg_yudo_top03.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	content: '';
	width: 100%;
	height: 90px;
	position: absolute;
	top: -1px;
	left: 0;
}
#yudo .komi_normal.rank03:after {
	background-image: url(../images/result/parts/bg_yudo_btm03.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	content: '';
	width: 100%;
	height: 83px;
	position: absolute;
	bottom: -1px;
	left: 0;
}

#yudo .caption {
	text-align: center;
	padding: 0 20px 0px;
	position: relative;
	z-index: 999;
	font-size: 10px;
	color: #2b1900;
	line-height: 1.3;
}
#yudo .ppv_voice{
	text-align: left;
}
#yudo .ppv_voice .form_wrap{
	background: none;
	padding: 15px 20px 60px;
}
#yudo .ppv_voice .form_wrap:before, #yudo .ppv_voice .form_wrap:after{
	display: none;
}
#yudo .ppv_voice .stars{
	margin: 10px auto 15px;
}
#yudo .ppv_voice .stars span{
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
}
#yudo .ppv_voice .stars input[type='radio']{
	display: none;
}
#yudo .ppv_voice .stars label{
	color: #fff;
	font-size: 30px;
	padding: 0 5px;
	line-height: 30px;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 1px #D2D2D2;
	cursor: pointer;
}
#yudo .ppv_voice .stars input[type='radio']:checked ~ label{
	-webkit-text-stroke: 1px transparent;
}

#yudo .ppv_voice textarea {
	padding: 10px 5px 5px 13px;
	margin-bottom: 10px;
}

#yudo .ppv_voice .form-btn{
	padding-top: 20px;
	text-align: center;
}

.menu_list .inner_box {
	background: url(../images/result/yudo/bg_list_yudo_btm.jpg) no-repeat bottom, url(../images/result/yudo/bg_list_yudo_mid.jpg) repeat-y;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	position: relative;
	padding: 5px 22px 20px 22px;
}
.menu_list .title_list {
	width: 320px;
	margin: 0px auto 0px;
	padding: 0px 0 0 0;
}
.menu_list ul {
	font-size: 1.3em;
	padding: 0px 20px 10px 8px;
}
.menu_list .pack_intro {
	width: 250px;
	margin: 0 auto 15px;
	padding: 5px 10px;
	background: #fff;
	color: #004c60;
	font-size: 1.1em;
	border: 1px solid #92deff;
}
.menu_list .list_wrap .subtitle {
	margin: 20px 0 9px;
	padding-left: 0;
	background: none;
	font-weight: bold;
	border: 2px solid #92deff;
	text-align: center;
	padding: 7px 0 5px 0;
	color: #92deff;
}
.menu_list .pack_intro ul {
	font-size: 1.2em;
	padding: 0 0;
}
.menu_list .pack_intro li {
	margin-bottom: 9px;
	font-weight: bold;
	line-height: 1.2;
	background: none;
	padding: 0 0 0 0;
}

.menu_list li {
	margin: 8px 0;
    padding-top: 1px;
    padding-left: 22px;
	text-align: left;
	font-size: 14px;
	margin-left: 5px;
	line-height: 1.4;
	color: #5e5243;
}
.ic_com_indent:before {
	content: "└";
	padding-right: 5px;
}
.ic_com_indent2:before {
	content: "└";
	padding-right: 5px;
}
.menu_list li.ic_com {
	background: url(../images/icon/02.png) no-repeat 0px 0px;
	background-size: 20px;
	margin-bottom: 0;
	color: #5e5243;
}
.menu_list li.ic_com_indent {
	margin: 3px 0;
	padding-left: 25px;
	padding-top: 0;
	color: #5e5243;
}
.menu_list li.ic_com_indent2 {
	margin: 3px 0;
	padding-left: 25px;
	padding-top: 0;
	color: #5e5243;
}
.menu_list li.ic_default {
	background: url(../images/icon/04.png) no-repeat 0px 0px;
	background-size: 20px;
	color: #274194;
}
.menu_list li.ic_core {
	background: url(../images/icon/03.png) no-repeat 0px 0px;
	background-size: 20px;
	color: #9c4c1c;
}
.menu_list li.ic_core2 {
	background: url(../images/icon/03.png) no-repeat 0px 0px;
	background-size: 20px;
	color: #9c4c1c;
}

.menu_list li.ic_msg {
	background: url(../images/icon/02.png) no-repeat 0px 0px;
	background-size: 20px;
	color: #5e5243;
}



.menu_list .list_pack {
	width: 260px;
	margin: 0 0 30px 16px;
	background: #FFFAEC;
	padding: 15px 15px 15px 15px;
	font-size: 1.1em;
}
.menu_list .list_pack ul {
	padding: 0 0 0 0;
	font-size: 1.2em;
}
.menu_list .list_pack li {
	background: none;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
}


/*=====================
無料
=====================*/
.free_view {
	overflow: hidden;
}

.free_view .menu_title h1 ,
.free_view .menu_title h2 {
	font-size: 16px;
}

.free_view .is-docomo .txt-docomo, .free_view .is-common .txt-common {
	display: table-cell;
}

.free_view .is-common .txt-docomo, .free_view .is-docomo .txt-common {
	display: none;
}

.free_view .tablet_box {
	z-index: 1;
	overflow: hidden;
}

.free_view .komi_free, .free_view .komi_free2{
   background-color: #9d803b;
}
.free_view .komi_free .lead {
	padding: 30px;
	background: url(../images/result/free/bg_free_mid.jpg) repeat-y;
	background-size: 100%;
	position: relative;
}
.free_view .komi_free .lead p span, .free_view .komi_free2.free_1 .lead p span {
	color: red;
}
.free_view .komi_free .lead p span:nth-child(1), .free_view .komi_free2.free_1 .lead p span:nth-child(2) {
	font-size: 20px;
}
.free_view .komi_free .lead:before {
	background-image: url(../images/result/free/bg_free_top.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	content: '';
	width: 100%;
	height: 38px;
	position: absolute;
	top: -1px;
	left: 0;
}

.free_view .komi_free .lead:after {
	background-image: url(../images/result/free/bg_free_btm.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	content: '';
	width: 100%;
	height: 47px;
	position: absolute;
	bottom: -1px;
	left: 0;
}
.free_view .komi_free.free_2 .lead, .free_view .komi_free2.free_3 .lead {
	padding: 40px 100px 35px 25px;
	background: url(../images/result/free/bg_free_mid2.jpg) repeat-y;
	background-size: 100%;
	position: relative;
}

.free_view .komi_free.free_2 .lead:before, .free_view .komi_free2.free_3 .lead:before {
	background-image: url(../images/result/free/bg_free_top2.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	content: '';
	width: 100%;
	height: 38px;
	position: absolute;
	top: -1px;
	left: 0;
}

.free_view .komi_free.free_2 .lead:after, .free_view .komi_free2.free_3 .lead:after {
	background-image: url(../images/result/free/bg_free_btm2.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	content: '';
	width: 100%;
	height: 47px;
	position: absolute;
	bottom: -1px;
	left: 0;
}
.free_view .komi_free2.free_1 .lead, .free_index .komi_free .lead {
	padding: 40px 100px 35px 25px;
	background: url(../images/result/free/two/bg_free_mid.jpg) repeat-y;
	background-size: 100%;
	position: relative;
}
.free_index .komi_free .lead {
	padding: 30px 82px 26px 21px;
	width: 45%;
}
.free_view .komi_free2.free_1 .lead:before, .free_index .komi_free .lead:before {
	background-image: url(../images/result/free/two/bg_free_top.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	content: '';
	width: 100%;
	height: 38px;
	position: absolute;
	top: -1px;
	left: 0;
}

.free_view .komi_free2.free_1 .lead:after, .free_index .komi_free .lead:after {
	background-image: url(../images/result/free/two/bg_free_btm.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	content: '';
	width: 100%;
	height: 47px;
	position: absolute;
	bottom: -1px;
	left: 0;
}
.free_view .komi_free2.free_2 .lead {
	padding: 40px 34px 35px 93px;
	background: url(../images/result/free/two/bg_free_mid2.jpg) repeat-y;
	background-size: 100%;
	position: relative;
}
.free_view .komi_free2.free_2 .lead:before {
	background-image: url(../images/result/free/two/bg_free_top2.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	content: '';
	width: 100%;
	height: 38px;
	position: absolute;
	top: -1px;
	left: 0;
}

.free_view .komi_free2.free_2 .lead:after {
	background-image: url(../images/result/free/two/bg_free_btm2.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	content: '';
	width: 100%;
	height: 47px;
	position: absolute;
	bottom: -1px;
	left: 0;
}
.komi_free .btn-regist {
    height: 80px;
}
.komi_free.free_1 .bg_senja {
    width: 27%;
    position: absolute;
    bottom: -20px;
    right: 0px;
    z-index: 999;
}
.komi_free.free_1 .lead{
	padding: 30px 40px 30px 30px;
}
.komi_free.free_2 .bg_senja, .komi_free2.free_1 .bg_senja {
    width: 27%;
    position: absolute;
    bottom: 20px;
    right: 0px;
    z-index: 999;
}
.komi_free2.free_3 .bg_senja {
    width: 32%;
    position: absolute;
    top: 90px;
    right: 0px;
    z-index: 999;
}
.free_index .komi_free .bg_senja {
    width: 40%;
    position: absolute;
    top: 7px;
    right: 0px;
    z-index: 999;
}
.komi_free2.free_2 .bg_senja {
    width: 32%;
    position: absolute;
    top: 110px;
    left: 0px;
    z-index: 999;
}
.free_view .bokashi .btn {
	width: 250px;
    height: 54px;
	display: block;
	background: url(../images/result/free/btn_regist.png) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.free_view .komi_yogen .bokashi .btn {
	width: 210px;
    height: 57px;
    background: url(../images/result/komi_yogen/btn_regist2.png) no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.box_teller3 {
	min-height: 205px;
	background: url(../images/result/free/lead02.jpg) no-repeat center;
	background-size: 100%;
	width: 100%;
	padding-top: 15px;
}

.box_teller3 p {
	background: rgba(255,255,255,0.9);
	border-radius: 15px;
	border: 2px solid #eada0a;
	padding: 10px;
	position: relative;
	color: #000;
	text-align: left;
	line-height: 1.6;
	font-size: 12px;
	margin: 0 13px 12px auto;
	bottom: 0px;
	width: 145px;
	box-shadow: 3px 3px 10px 0 #490775;
	font-weight: bold;
}
.box_teller3 p:after {
	content: "";
	position: absolute;
	top: 45%;
	left: -20px;
	background: url(../images/result/parts/fuki02.png) no-repeat;
	background-size: 100% auto;
	width: 20px;
	min-height: 19px;
	margin: 0 auto;
}
.free_view .komi_free2.yudo {
    background-color: #fff;
}
.free_view .komi_free2.yudo.two .bg_senja {
    width: 40%;
    position: absolute;
    top: 24px;
    right: -2px;
    z-index: 999;
}
.free_view .komi_free2.yudo.one .bg_senja {
    width: 40%;
    position: absolute;
    top: 40px;
    left: -2px;
    z-index: 999;
}
.free_view .komi_free2.yudo .lead {
    padding: 25px 18px;
    font-size: 12px;
    width: 160px;
    position: relative;
    margin: 0px 100px 30px 20px;
    text-align: left;
    line-height: 1.4;
    color: #2b1900;
    background: url(../images/pay/bg_fuki_top.jpg) no-repeat top, url(../images/pay/bg_fuki_btm.jpg) no-repeat center bottom -1px, url(../images/pay/bg_fuki_mid.jpg) repeat-y;
    background-size: 100%;
    top: 10px;
}
.free_view .komi_free2.yudo.one .lead {
	margin: 0px 20px 30px 100px;
}
.free_view .red {
	color: #ff0000;
}

.free_view .bg_yogen{
	background: #9d803b;
	padding: 15px 0;
}
.free_view .bg_yogen p{
	color: #fff;
	font-size: 17px;
	line-height: 1.5;
}

.free_view .btn_known {
	width: 275px;
	height: 75px;
	margin: 0 auto;
	display: block;
	background: url(../images/result/free/btn_known.png) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

.free_view .btn_known2 {
	width: 275px;
	height: 75px;
	margin: 0 auto;
	display: block;
	background: url(../images/result/free/two/btn_known.png) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

.free_view .two .bg_zone {
	margin: 0;
	background: url(../images/result/free/two/bg_zone.jpg) no-repeat;
	background-size: 100%;
	min-height: 259px;
	position: relative;
}

.free_view .two .bg_zone ul {
	top: 20px;
}

.menu_do .komi_yogen.jiki .yogen_txt{
	position: relative;
	width: 85%;
	margin: auto;
	min-height: 138px;
	background: url(../images/menudo/img09.png) no-repeat;
	background-size: 100%;
}

.menu_do .komi_yogen.jiki .yogen_txt .jiki_txt {
	top: 22px;
}
.menu_do .bg_jiki {
	bottom: 35px;
}

.box_teller.b_box {
	background: url(../images/result/free/two/bg_teller.jpg) no-repeat;
	background-size: 100%;
	min-height: 235px;
}

.box_teller.b_box p {
	width: 160px;
	margin: 0 10px 0 auto;
}

.box_teller.b_box p:after {
	margin: 0;
}
.arrow_text {
    text-align: center !important;
    font-size: 16px;
    line-height: 1.5;
    text-shadow: 0 0 2px #0051ff, 0 0 2px#0051ff, 0 0 2px#0051ff, 0 0 2px#0051ff, 0 0 2px#0051ff, 0 0 2px#0051ff, 0 0 2px#0051ff, 0 0 2px#0051ff, 0 0 2px#0051ff, 0 0 2px#0051ff, 0 0 2px#0051ff, 0 0 2px#0051ff, 0 0 2px#0051ff, 0 0 2px#0051ff;
}

.arrow_text .whi {
    color: #fff;
}
.arrow_text.ora {
    color: #ffdd9c;
}
.arrow_text .bl {
    color:#1690fa;
}
.arrow_text .large {
	font-size: 20px;
}
/*=====================
confirm
=====================*/
.ppvdo .menu_title {
	display: block;
}

/* 追加小見出し komi_waku */
.komi_waku {
	padding: 30px 25px;
	background: url(../images/result/komi_waku/bg_mid.jpg) repeat-y;
	background-size: 100%;
	margin-bottom: 15px;
	position: relative;
}

.komi_waku:before {
	background-image: url(../images/result/komi_waku/bg_top.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	content: '';
	width: 100%;
	height: 40px;
	position: absolute;
	top: -1px;
	left: 0;
}

.komi_waku:after {
	background-image: url(../images/result/komi_waku/bg_btm.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	content: '';
	width: 100%;
	height: 40px;
	position: absolute;
	bottom: -1px;
	left: 0;
}
.komi_waku p {
	color: #fff;
}


/*----- komi_coupon（2022.09.03追加） -----*/
.komi_coupon {
	margin-bottom: 20px;
}

.komi_coupon .use.disp-0 {
	display: block !important;
}

.komi_coupon .use.disp-1 {
	display: none !important;
}

.komi_coupon .txt {
	color: #ff0000;
	font-weight: bold;
	margin: 12px 0 5px 0 !important;
	margin-bottom: 0;
	text-align: left;
	font-size: 15px;
}

.komi_coupon .text-red {
	color: #ff0000 !important;
	font-weight: bold;
}

.komi_coupon .inner_txt {
	background: url(../images/result/parts/coupon_bg_mid.jpg) repeat-y;
	background-size: 100%;
	position: relative;
	padding: 10px 0 10px 0;
}

.komi_coupon .lead {
	position: relative;
	z-index: 100;
	color: #000;
	text-align: left;
	padding: 15px;
	margin: 0px 15px 15px 15px;
	background: #f5fff4;
	border-radius: 10px;
}

.komi_coupon input[type="text"] {
	width: 100%;
	margin-bottom: 5px;
	padding: 10px;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 2px solid #dcb73e;
	font-size: 14px;
	border-radius: 5px;
	background: #fff;
}

.komi_coupon form {
	position: relative;
}

.komi_coupon input.btn_use {
	width: 80px;
	min-height: 27px;
	display: block;
	border: 0;
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../images/result/parts/btn_use.png) no-repeat;
	background-size: 100%;
	position: absolute;
	top: 33px;
	right: 6px;
}

.komi_coupon .txt-yudo {
	font-size: 11px;
	padding: 10px 10px;
	border: 2px solid #e4c356;
	background: rgba(255,255,255,1);
	position: relative;
	line-height: 1.4;
	z-index: 1000;
}

.komi_coupon .txt-yudo span {
	text-align: center;
	font-size: 13px;
	display: block;
}

.komi_coupon .txt-coupon-yudo span {
	color: #ff0000;
	font-weight: bold;
	font-size: 12px;
}

.komi_coupon p {
	margin-left: 0;
}

.komi_coupon .bokashi {
	height: 90px;
	margin: 0;
}

.komi_coupon .bokashi .btn {
	bottom: -5px;
}

.komi_coupon .use_txt {
	text-align: center;
	font-size: 13px;
	padding: 10px 0;
	line-height: 1.5;
}


/* 限定割引ポップアップ */
#yudo_rec_popup_overlay {
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	padding: 20px 0;
}

#yudo_rec_popup {
	width: 100%;
	display: block;
	box-sizing: border-box;
	padding: 15px 0 0 0;
	z-index: 2000;
}

#yudo_rec_popup .yudo_rec_popup_inner {
	margin: 0 10px;
    padding: 0 0 0px;
    position: relative;
    border: 2px solid #e3c02f;
    border-radius: 20px;
    text-align: left;
    color: #0d0a00;
    background: #fafafa;
	z-index: 998;
}

#yudo_rec_popup .yudo_rec_pop_titleWrap {
	position: relative;
	width: 100%;
	height: 70px;
	background: url(../images/pay/popup/tit_sub02.png) no-repeat;
    background-size: 100%;
}

#yudo_rec_popup .yudo_rec_pop_title {
	position: absolute;
	top: -12px;
	left: 50%;
	width: 92%;
	transform: translateX(-50%);
}


#yudo_rec_popup .yudo_rec_pop_btn_close{
	width: 35px;
    height: 35px;
    position: absolute;
    right: -10px;
    top: -34px;
	z-index: 999;
	font-size: 0;
	background: url(../images/pay/popup/icon_close02.png) no-repeat;
	background-size: 100%;
}

/* 今だけ特別クーポン！ポップアップ */
#yudo_cp_popup_overlay {
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	padding: 20px 0;
}

#yudo_cp_popup {
	width: 100%;
	display: block;
	box-sizing: border-box;
	padding: 0;
	z-index: 2000;
}

#yudo_cp_popup .yudo_cp_popup_inner {
	margin: 0 18px;
    padding: 0 0 0px;
    position: relative;
    border: 7px solid #e0bb56;
    border-radius: 20px;
    text-align: left;
    color: #0d0a00;
    background: #fafafa;
	z-index: 998;
}

#yudo_cp_popup .yudo_cp_popup_titleWrap {
	position: relative;
	width: 100%;
	height: 63px;
}

#yudo_cp_popup .yudo_cp_popup_title {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 92%;
	transform: translateX(-50%);
	padding: 13px 0 5px;
}


#yudo_cp_popup .yudo_cp_popup_btn_close{
	width: 35px;
    height: 35px;
    position: absolute;
    right: -10px;
    top: -20px;
	z-index: 999;
	font-size: 0;
	background: url(../images/pay/popup/icon_close03.png) no-repeat;
	background-size: 100%;
}

#yudo_cp_popup .cpArea{
	padding-bottom: 20px;
}

#yudo_cp_popup .cpArea_txt01{
	text-align: center;
	font-size: 11px;
	margin-bottom: 20px;
}

#yudo_cp_popup .cpArea #ticket_form{
	margin: 0 15px;
	box-sizing: border-box;
	position: relative;
}

#yudo_cp_popup .cpArea #ticket_form input[type="text"]{
	width: 240px;
	border: 2px solid #4c4c4c;
	padding: 8px;
}

#yudo_cp_popup .cpArea #ticket_form p{
	font-weight: bold;
	color: #ff0000;
	font-size: 15px;
}

#yudo_cp_popup .cpArea #ticket_form .use_btn{
	width: 80.5px;
    min-height: 27px;
    padding: 0;
    display: block;
    background: url(../images/pay/popup/btn_get.png) top / 100% no-repeat;
    border: none;
    box-shadow: none;
    position: absolute;
    bottom: 4px;
	right: 4px;
}

#yudo_cp_popup #countdownArea{
	width: 88%;
}

#yudo_cp_popup #countdownArea .countdownArea_inner{
	background: url(../images/pay/popup/bg_countdown_top_02.png) no-repeat top , url(../images/pay/popup/bg_countdown_btm_02.png) no-repeat bottom;
	background-size: 100% 10px,100% 10px;
	padding: 20px 0;
	height: 110px;
	box-sizing: border-box;
	position: relative;
}

#yudo_cp_popup #countdownArea .countdownArea_inner::before{
	content: '';
	width: 42px;
	height: 48px;
	display: inline-block;
	background: url(../images/pay/popup/img_clock.png) no-repeat top/ contain;
	position: absolute;
	top: -15px;
	right: -8px;
}

#yudo_cp_popup #countdownArea .countdown{
	bottom: 0;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#yudo_cp_popup #countdownArea .countdown span{
	display: inline-block;
}



#countdownArea .countdownArea_endtxt{
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 4px;
}

#countdownArea {
	position: relative;
	width: 96%;
	height: 110px;
	margin: 0 auto;
}

#countdownArea .countdownArea_inner {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 130px;
	background: #fff;
	text-align: center;
	vertical-align: middle;
}

#countdownArea .countdown {
	font-size: 45px;
	font-weight: bold;
	color: red;
	position: relative;
	bottom: -68px;
}

#yudo_rec_popup .teller_box {
	position: relative;
	background: url(../images/pay/popup/teller.png) no-repeat;
	background-size: 100%;
	width: 97%;
    min-height: 145px;
    margin: 0 auto 0 8px;
}

#yudo_rec_popup .teller_box p {
	position: absolute;
    top: 30px;
    left: 3px;
    width: 162px;
    font-size: 12px;
    text-align: center;
}

.ppv_reco{
	margin-bottom: 30px;
}
.ppv_reco .text-pink{
	font-size: 22px;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 10px;
}

.pop_chance{
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	text-align: left;
	background: rgba(0, 0, 0, .5);
}
.pop_chance .bnr {
	width: 290px;
	margin: auto;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
}
.pop_chance .bnr img {
	display: block;
}
.pop_chance .btn-close {
	width: 30px;
	height: 30px;
	position: absolute;
	top: -10px;
	right: -10px;
	z-index: 100;
	cursor: pointer;
	background: url(../images/coipo/icon-close.png) no-repeat;
	background-size: 100%;
}

.free_view .komi_btn{
	width: 260px;
	margin: 0 auto;
}


/* free18 */

.free_18view .komi_yogen.kao .btn a{
	background: url(../images/result/free/renewal/btn_kao_member.png) no-repeat center/contain;
}

.free_18view .komi_yogen.jiki .btn a{
	background: url(../images/result/free/renewal/btn_jiki_member.png) no-repeat center/contain;
}

.free_view .komi_yogen .bokashi .btn{
	background: url(../images/result/komi_yogen/btn_regist2_member.png) no-repeat center/contain;
}

/* free19 */
.free_view.free_19view .komi_fukidashi .bokashi3 .btn {
	background: url(../images/result/free/free19/btn_more_comp.png) no-repeat;
	-webkit-background-size: 248px auto;
	background-size: 100% auto;
	white-space: nowrap;
	width: 248px;
	height: 70px;
	padding: 0;
	position: absolute;
	top: 35px;
	left: 0;
	right: 0;
}

.free_view.free_19view .tit_komi.ver1 h3{
	top: -5px;
}

.moonResult{
	background: #5f2a9b;
	padding-top: 18px;
}

.moonResult h2{
	padding: 0 4px;
}

.moonResult .moonResult_date{
	font-family: "游明朝体", "Yu Mincho", YuMincho, 'Sawarabi Mincho', "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 30px;
	text-align: center;
	color: #fff;
	min-height: 30px;
}

.moonResult .moonResult_img{
	width: 320px;
	height: 317px;
	position: relative;
}

.moonResult .moonResult_img::after{
	content: '';
	width: 320px;
	height: 317px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: url(../images/result/free/free19/img_moon.png) no-repeat top / contain;
}

.moonResult .moonResult_img.moon-4::after{
	content: '';
	width: 320px;
	height: 317px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}

.moonResult .moonResult_img.moon-1::after{
	background: url(../images/result/free/free19/img_moon_01.png) no-repeat top / contain;
}
.moonResult .moonResult_img.moon-2::after{
	background: url(../images/result/free/free19/img_moon_02.png) no-repeat top / contain;
}
.moonResult .moonResult_img.moon-3::after{
	background: url(../images/result/free/free19/img_moon_03.png) no-repeat top / contain;
}
.moonResult .moonResult_img.moon-4::after{
	background: url(../images/result/free/free19/img_moon_04.png) no-repeat top / contain;
}
.moonResult .moonResult_img.moon-5::after{
	background: url(../images/result/free/free19/img_moon_05.png) no-repeat top / contain;
}
.moonResult .moonResult_img.moon-6::after{
	background: url(../images/result/free/free19/img_moon_06.png) no-repeat top / contain;
}
.moonResult .moonResult_img.moon-7::after{
	background: url(../images/result/free/free19/img_moon_07.png) no-repeat top / contain;
}
.moonResult .moonResult_img.moon-8::after{
	background: url(../images/result/free/free19/img_moon_08.png) no-repeat top / contain;
}