@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;
	/*font-family: none;*/
}
.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: 1000;
}

.tit_komi {
	width: 270px;
    display: table;
	margin: 0 auto 20px;
    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;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif";
}
.tit_komi: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: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.ver2 {
	width: 300px;
	min-height: 109px;
	background: url(../images/result/parts/bg_tit02.png) top center no-repeat;
	background-size: 100%;
}

.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;
	font-weight: bold;
}

.tit_komi.ver2 h3, .tit_komi.ver2 h4 {
	color: #000;
}

.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_next a {}
.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;
}
.mosaic, .mosaic2, .mosaic_white {
    position: relative;
    line-height: 0;
    text-align: left;
}
.mosaic .btn, .mosaic_btn .btn, .mosaic_white .btn {
	width: 220px;
    height: 82px;
	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;
}
.mosaic_btn .btn {
	bottom: 4em;
}
.komi_mes .mosaic .btn {
	bottom: -29px;
}
.mosaic img, .mosaic2 img, .mosaic_white img {
	width: 28px!important;
	margin: -5px;
	opacity: 0.7;
}

/*==================
タイトル
====================*/
.menu_title {
	min-height: 110px;
	padding: 30px 25px 30px;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
	background: url(../images/result/parts/bg_menu_top.jpg) no-repeat top, url(../images/result/parts/bg_menu_btm.jpg) no-repeat bottom, url(../images/result/parts/bg_menu_mid.jpg) repeat-y;
	background-size: 100%;
	display: table;
	width: 100%;
}
.menu_title .menu_icon {
	width: 80px;
	padding: 0 7px 0 0;
	display: table-cell;
}
.menu_title h2 {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	line-height: 1.3;
	width: 210px;
	line-height: 1.4;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #580c00;
	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: #000;
	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: #000;
	text-align: left;
	margin-left: 5px;
}

/* 吹き出し */
.free_view.one .view_common .box_teller {
	min-height: 264px;
	background: url(../images/result/free/img04.jpg) no-repeat;
	background-size: 100%;
	width: 100%;
}
.box_teller p {
    padding: 20px 18px;
    font-size: 13px;
    width: 182px;
    position: relative;
	margin: 0 0 50px 13px;
    text-align: left;
    line-height: 1.4;
    color: #000;
    background: url(../images/result/parts/bg_fuki_top.png) no-repeat top, url(../images/result/parts/bg_fuki_btm.png) no-repeat center bottom -1px, url(../images/result/parts/bg_fuki_mid.png) repeat-y,#fff;
    background-size: 100%;
    top: 20px;
}
.free_view.one .view_common .box_teller p {
	top: 5px;
	margin: 0 0 8px 7px;
	width: 192px;
}
/*=====================
挨拶
=====================*/
.view_common .lead {
	padding: 0 15px;
}
.komi_aisatsu .box_teller {
	min-height: 260px;
	background: url(../images/result/parts/bg_aisatsu.png) no-repeat;
	background-size: 100%;
	width: 100%;
}

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

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

/* 一人用 */
.view_common.one {
	position: relative;
}

.soul_box {
	position: relative;
	height: 258px;
	background: url(../images/result/common/base.jpg) no-repeat;
	background-size: 100%, 100%;
}
.soul_box.soulmate {
	height: 215px;
}
.soul_box .parameter {
	background: url(../images/result/common/name.png) no-repeat;
    background-size: 100%;
    width: 60%;
    padding: 10px;
    color: #000;
    font-size: 12px;
    text-align: center;
    z-index: 2;
    position: absolute;
    top: -8px;
    left: 54px;
}
.parameter.woman .gender02, .parameter.man .gender01 {
	display: inline-block;
}
.parameter.woman .gender01, .parameter.man .gender02 {
    display: none;
}
.view_common.one .soul_box ul {
	position: relative;
    top: 22px;
    width: 90%;
    margin: auto;
    height: 235px;
}

.soul_box ul.base_human01 {
	background: url(../images/result/common/human/01.png) no-repeat;
	background-size: 100%;
}
.soul_box ul.base_human02 {
	background: url(../images/result/common/human/02.png) no-repeat;
	background-size: 100%;
}
.soul_box ul.base_human03 {
	background: url(../images/result/common/human/03.png) no-repeat;
	background-size: 100%;
}
.soul_box ul.base_human04 {
	background: url(../images/result/common/human/04.png) no-repeat;
	background-size: 100%;
}
.soul_box ul.base_human05 {
	background: url(../images/result/common/human/05.png) no-repeat;
	background-size: 100%;
}
.soul_box ul.base_human06 {
	background: url(../images/result/common/human/06.png) no-repeat;
	background-size: 100%;
}
.soul_box ul.base_human07 {
	background: url(../images/result/common/human/07.png) no-repeat;
	background-size: 100%;
}
.soul_box ul.base_human08 {
	background: url(../images/result/common/human/08.png) no-repeat;
	background-size: 100%;
}
.soul_box ul.base_human09 {
	background: url(../images/result/common/human/09.png) no-repeat;
	background-size: 100%;
}
.soul_box .base li {
	position: absolute;
}
.soul_box ul .soul {
	width: 45%;
    height: 120px;
    left: 79px;
    top: 89px;
}
.free_view.one .soul_box.soulmate ul .soul {
    width: 130px;
    height: 130px;
    left: 80px;
    top: 94px;
}
.komi_common {
	padding: 105px 38px 44px 36px;
	background: url(../images/result/common/komi_bg_mid.jpg) repeat-y;
	background-size: 100%;
	position: relative;
	border-radius: 26px;
	color: #000;
}
.ppv_view .komi_common.one, .view_common.two .komi_common.one, .free_view .view_common.one .komi_common.two {
	padding: 105px 38px 40px 36px;
}

.komi_common:before {
	content: '';
	width: 100%;
	height: 111px;
	position: absolute;
	top: -1px;
	left: 0;
}
.view_common.one .komi_common.one:before {
	background-image: url(../images/result/common/komi_bg_top.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
}
.view_common.one .komi_common.two:before {
	background-image: url(../images/result/common/komi_bg_top03.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
}
.free_view .view_common.one .komi_common.two:before {
	background-image: url(../images/result/common/komi_bg_top02.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
}
.komi_common:after {
    background-image: url(../images/result/common/komi_bg_btm.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
    content: '';
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: -10px;
    left: 0;
}
.ppv_view .komi_common.one:after, .view_common.two .komi_common.one:after {
    background-image: url(../images/result/common/komi_bg_btm03.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
    content: '';
    width: 100%;
    height: 28px;
    position: absolute;
    bottom: -1px;
    left: 0;
}
.komi_common .txt {
	clear: both;
}
.soul_wipe {
	float: left;
	width: 100px;
	margin: 0 7px 5px 0;
}
.free_view .regist_txt_box {
	margin-top: 36px;
    position: relative;
}
.free_view .regist_txt_box .btn-regist {
	position: absolute;
	top: -25px;
    width: 100%;
}
/* ソウルメイト */
.free_view.one .soul_box.soulmate ul {
	position: relative;
	top: -30px;
	width: 90%;
    margin: auto;
    height: 240px;
}
.free_view.one .soul_box ul .soul_mate {
	width: 90%;
    left: 12px;
    top: 3px;
}
.free_view.one .soulmate-txt {
	background: url(../images/result/free/bg_komi_soulmate_mid.jpg) repeat-y;
	background-size: 100%;
	margin: 0 auto 10px;
	padding: 10px 15px 15px;
	color: #000;
	text-align: left;
	font-size: 0.9em;
	position: relative;
}
.free_view.one .soulmate-txt:before {
    background-image: url(../images/result/free/bg_komi_soulmate_top.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
	background-position: center top;
	content: '';
    width: 100%;
    height: 111px;
    position: absolute;
    top: -1px;
    left: 0;
}
.free_view.one .soulmate-txt:after {
    background-image: url(../images/result/free/bg_komi_soulmate_btm.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
    content: '';
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: -1px;
    left: 0;
}
.free_view.one .soulmate-txt .soul_wipe {
	width: 60px;
    height: 50px;
}
.soul_mate-02 li:nth-child(3) .soul_wipe, .soul_mate-04 li:nth-child(3) .soul_wipe {
    width: 45px;
    height: 45px;
    margin: -5px 2px 0 0;
}
.soul_mate-01 .soul_wipe.wipe04, .soul_mate-03 .soul_wipe.wipe04, .soul_mate-05 .soul_wipe.wipe04, .soul_mate-06 .soul_wipe.wipe04, .soul_mate-07 .soul_wipe.wipe04, .soul_mate-08 .soul_wipe.wipe04, .soul_mate-09 .soul_wipe.wipe04 {
  display: none;
}
/* 二人用 */
.bg_text {
	position: absolute;
	bottom: 50px;
	z-index: 3;
}
.view_common.two .soul_box .base {
	background: url(../images/result/common_affinity/human_base.png) no-repeat;
	background-size: 100%, 100%;
	position: relative;
    top: -6px;
    width: 85%;
    margin: auto;
    height: 238px;
}
.view_common.two .soulmate_box .parameter {
	font-size: 10px;
	font-weight: normal;
}
.view_common.two .soulmate_box .parameter span {
	font-size: 12px;
	font-weight: bold;
	color: #490775;
}

.view_common.two .soul_box .base li:nth-child(1) {
	width: 40%;
    left: 27px;
    top: 88px;
}
.view_common.two .soul_box .base li:nth-child(2) {
    width: 40%;
    right: 29px;
    top: 88px;
}
.view_common.two .soul_box .base li:nth-child(3) {
	width: 40%;
    right: 35px;
	top: 86px;
	animation: flash 1.2s ease-in-out infinite alternate;
	-webkit-animation: flash 1.2s ease-in-out infinite alternate;
    -moz-animation: flash 1.2s ease-in-out infinite alternate;
}
.view_common.two .soul_box .base li:nth-child(4) {
	width: 45%;
    right: 66px;
    top: 143px;
}
@keyframes flash {
	0% {opacity:0;}
    100% {opacity:1;}
  }
  @-webkit-keyframes flash {
	0% {opacity:0;}
    100% {opacity:1;}
  }
  @-moz-keyframes flash {
	0% {opacity:0;}
    100% {opacity:1;}
  }
.view_common.two .komi_common.one:before {
	background-image: url(../images/result/common_affinity/komi_bg_top.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
}
.view_common.two .komi_common.two:before {
	background-image: url(../images/result/common_affinity/komi_bg_top02.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
}

.view_common.two .profile {
    background: url(../images/result/common_affinity/name.png) no-repeat;
	background-size: 100%, 100%;
	position: absolute;
    bottom: 23px;
	left: 0px;
	height: 35px;
    width: 320px;
    margin: auto;
    font-size: 10px;
}
.view_common.two .profile li {
    height: 35px;
    font-size: 11px;
    width: 35%;
    color: #000;
    line-height: 13px;
    display: table;
	box-sizing: border-box;
	padding: 10px 10px 5px 10px;
}
.view_common.two .profile li:nth-child(1) {
	float: left;
	margin-left: 40px;
}
.view_common.two .profile li:nth-child(2) {
	float: right;
	margin-right: 40px;
}
.view_common.two .profile li p {
    display: table-cell;
    width: 100%;
	vertical-align: middle;
	text-align: center;
}
/* アニメ */
.view_common.two #result_anime {
	height: 210px;
}
#result_anime.parallax {
	position: sticky;
	position: -webkit-sticky;
	top: 0px;
	z-index: 1;
}
.view_common.two .komi_common.two {
	position: sticky;
	position: -webkit-sticky;
	z-index: 2;
}
#result_anime .base2 {
    width: 93%;
    margin: auto;
	height: 186px;
	position: absolute;
    left: 11px;
    top: 20px;
}
#result_anime .base2.anime_in {
    -webkit-animation: side_anime 1s steps(8) 1 forwards;
    -moz-animation: side_anime 1s steps(8) 1 forwards;
    animation: side_anime 1s steps(8) 1 forwards;
}
#result_anime .base2.planet_01 {
    background-image: url(../images/result/common_affinity/anime/01.jpg);
    -webkit-background-size: 2702px auto;
    background-size: 2702px auto;
}
#result_anime .base2.planet_02 {
    background-image: url(../images/result/common_affinity/anime/02.jpg);
    -webkit-background-size: 2702px auto;
    background-size: 2702px auto;
}
#result_anime .base2.planet_03 {
    background-image: url(../images/result/common_affinity/anime/03.jpg);
    -webkit-background-size: 2702px auto;
    background-size: 2702px auto;
}
#result_anime .base2.planet_04 {
    background-image: url(../images/result/common_affinity/anime/04.jpg);
    -webkit-background-size: 2702px auto;
    background-size: 2702px auto;
}
#result_anime .base2.planet_05 {
    background-image: url(../images/result/common_affinity/anime/05.jpg);
    -webkit-background-size: 2702px auto;
    background-size: 2702px auto;
}
#result_anime .base2.planet_06 {
    background-image: url(../images/result/common_affinity/anime/06.jpg);
    -webkit-background-size: 2702px auto;
    background-size: 2702px auto;
}
#result_anime .base2.planet_07 {
    background-image: url(../images/result/common_affinity/anime/07.jpg);
    -webkit-background-size: 2702px auto;
    background-size: 2702px auto;
}
#result_anime .base2.planet_08 {
    background-image: url(../images/result/common_affinity/anime/08.jpg);
    -webkit-background-size: 2702px auto;
    background-size: 2702px auto;
}
#result_anime .base2.planet_09 {
    background-image: url(../images/result/common_affinity/anime/09.jpg);
    -webkit-background-size: 2702px auto;
    background-size: 2702px auto;
}
@-webkit-keyframes side_anime {
	0% {
	  background-position: 0 0;
	}
	100% {
		background-position: -2402px 0px;
	}
  }
  @-moz-keyframes side_anime {
	0% {
	  background-position: 0 0;
	}
	100% {
		background-position: -2402px 0px;
	}
  }
  @keyframes side_anime {
	0% {
	  background-position: 0 0;
	}
	100% {
		background-position: -2402px 0px;
  }
}
/*=====================
小見出し
=====================*/
.lead p {
	margin-left: 6px;
}
.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_ayano ---*/
.komi_normal, .komi_ayano, .komi_kao {
	padding: 32px 0 50px 0;
	background: url(../images/result/parts/bg_komi_normal_mid.jpg) repeat-y;
	background-size: 100%;
	position: relative;
	border-radius: 10px;
}

.komi_normal:before, .komi_ayano:before, .komi_kao:before {
	background-image: url(../images/result/parts/bg_komi_normal_top.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	content: '';
	width: 100%;
	height: 74px;
	position: absolute;
	top: -1px;
	left: 0;
	border-radius: 10px;
}

.komi_normal:after, .komi_ayano:after, .komi_kao:after {
	background-image: url(../images/result/parts/bg_komi_normal_btm.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	content: '';
	width: 100%;
	height: 85px;
	position: absolute;
	bottom: -1px;
	left: 0;
	border-radius: 10px;
}
.komi_ayano .lead {
	padding-top: 10px;
}

.komi_ayano .lead span {
	float: left;
}

.komi_ayano .lead .teller_img01 {
	background-image: url(../images/result/parts/teller01.png);
	width: 135px;
    height: 190px;
	background-size: 100%;
	background-repeat: no-repeat;
	margin: -10px -15px -12px -2px;
	float: right;
}

.komi_ayano .lead .teller_img02 {
	background-image: url(../images/result/parts/teller02.png);
	width: 140px;
    height: 180px;
	background-size: 100%;
	background-repeat: no-repeat;
	margin: -10px 6px -12px -13px;
}

.komi_ayano .lead .teller_img03 {
	background-image: url(../images/result/parts/teller03.png);
	width: 140px;
    height: 180px;
	background-size: 100%;
	background-repeat: no-repeat;
	margin: -10px 6px -12px -13px;
}

/*--- komi_gouka ---*/
.komi_gouka {
	padding: 33px 0 43px 0;
	background: url(../images/result/komi_gouka/bg_komi_mid.jpg) repeat-y;
	background-size: 100%;
	position: relative;
}

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

.komi_gouka:after {
	background-image: url(../images/result/komi_gouka/bg_komi_btm.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	content: '';
	width: 100%;
	height: 137px;
	position: absolute;
	bottom: -1px;
	left: 0;
}
.komi_gouka .tit_komi {
    width: 284px;
    background: url(../images/result/komi_gouka/bg_tit_mid.jpg) repeat-y;
    background-size: 100%;
}
.komi_gouka .tit_komi:before {
    background-image: url(../images/result/komi_gouka/bg_tit_top.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
}
.komi_gouka .tit_komi:after {
    background-image: url(../images/result/komi_gouka/bg_tit_btm.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
}
.gouka_title {
	height: 63px;
}
/*--- komi_kao ---*/
.komi_kao h4 {
	display: table;
	position: relative;
	background: url(../images/result/komi_kao/subtit.jpg) no-repeat;
	background-size: 100%;
	height: 165px;
	width: 100%;
	display: table;
}

.komi_kao h4 span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #000;
	padding: 75px 35px 0 35px;
	font-size: 15px;
	position: relative;
	top: -4px;
	line-height: 1.3;
	font-weight: bold;
	text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
}

.komi_kao .face_box {
	width: 80%!important;
	height: 185px;
	margin: auto;
	background: url(../images/result/komi_kao/base.jpg) no-repeat;
	background-size: 100%;
	position: relative;
}
.komi_kao .face {
	width: 79%;
    margin: auto;
    position: absolute;
    top: 24px;
    left: 27px;
}
.komi_kao .lead {
	padding-top: 10px;
}
.komi_kao .close, .komi_kao .face_box.open-1 .open {
	display: none;
}
.komi_kao .face_box.open-1 .close {
	display: block;
}
.free_view .komi_kao .lead p img {
	width: 40%!important;
}
/*--- komi_yesno ---*/
.glimpse-0 .komi_yesno .open, .glimpse-1 .komi_yesno .close, .glimpse-0.free-1 .komi_yesno .close {
		display: block!important;
}
.glimpse-1 .komi_yesno .open, .glimpse-0.free-0 .komi_yesno .close {
		display: none!important;
}
.yesno_disp-0 .close, .yesno_disp-1 .open {
	display: none !important;
}
.yesno_disp-1 .close {
	display: block !important;
}

.komi_yesno .tit_komi {
    background: url(../images/result/komi_yesno/bg_tit_mid.jpg) repeat-y;
	background-size: 100%;
	width: 100%;
	margin: 0;
	top: 1px;
	padding: 15px 34px 20px;
}
.komi_yesno .tit_komi:before {
    background-image: url(../images/result/komi_yesno/bg_tit_top.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
	background-position: center top;
	top: 0px;
}
.komi_yesno .tit_komi:after {
    background-image: url(../images/result/komi_yesno/bg_tit_btm.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
	background-position: center bottom;
	bottom: -1px;
}
.komi_yesno .lead {
	padding: 0 35px 30px 35px;
	background: url(../images/result/komi_yesno/bg_komi_mid.jpg) repeat-y;
	background-size: 100%;
	position: relative;
}

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

/*----- komi_jiki -----*/
.komi_jiki {
	margin-bottom: 10px;
}
.komi_jiki {
	padding: 132px 0 55px 0;
	background: url(../images/result/parts/bg_komi_normal_mid.jpg) repeat-y;
	background-size: 100%;
	position: relative;
}

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

.komi_jiki:after {
	background-image: url(../images/result/parts/bg_komi_normal_btm.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	content: '';
	width: 100%;
	height: 98px;
	position: absolute;
	bottom: -1px;
	left: 0;
}
.komi_jiki .tit_komi {
    width: 270px;
    display: table;
    margin: 0 auto 20px;
    padding: 15px;
    background: url(../images/result/komi_jiki/bg_tit_mid.jpg) repeat-y;
    background-size: 100%;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    top: -1px;
}
.komi_jiki .tit_komi:before {
    background-image: url(../images/result/komi_jiki/bg_tit_top.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    content: '';
    width: 100%;
    height: 27px;
    position: absolute;
    top: -7px;
    left: 0;
}
.komi_jiki .tit_komi:after {
    background-image: url(../images/result/komi_jiki/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;
}
.jikiBox.ymd, .jikiBox {
	margin: 0 auto 10px auto;
	padding: 0px 0 0px 0;
	text-align: center;
	width: 100%;
	position: relative;
	left: 0px;
}
.jikiBox p {
	width: 100%;
	letter-spacing: -4px;
	margin-bottom: 0px;
	text-align: center !important;
}
.komi-box .core {
	display: none;
}
.jikiBox {
	text-align: center;
}
.jikiBox img {
	width: 30px !important;
    height: auto !important;
    margin-right: -6px;
}
.jikiBox .ymd {
	width: 26px !important;
	height: auto !important;
	margin: 0 0px;
}
.jikiBox .ymd.mb0 {
	margin: 0 2px;
}
.jikiBox .ymd_month {
	width: 26px !important;
}
.jikiBox .ymd_day {
	width: 26px !important;
}
.jikiBox img[src*="spacer"] {
	width: 0px !important;
	height: 0;
}

.bg_jiki {
	margin: 0px 15px 10px 15px;
	background: url(../images/result/komi_jiki/bg_jiki.png) no-repeat;
	background-size: 100%;
	height: 37px;
}

.komi_jiki .jikiBox {
	margin: 0;
	position: relative;
	top: 3px;
	letter-spacing: -1px;
}

.komi_jiki .lead {
	padding: 0 28px;
}

/*----- komi_mes -----*/
.komi_mes {
	overflow: hidden;
}

.komi_mes {
	padding: 110px 25px 45px 22px;
	background: url(../images/result/komi_mes/bg_komi_mid.png) repeat-y;
	background-size: 100%;
	margin-bottom: 15px;
	position: relative;
	border-radius: 16px;
}

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

.komi_mes:after {
	background-image: url(../images/result/komi_mes/bg_komi_btm.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	content: '';
	width: 100%;
	height: 75px;
	position: absolute;
	bottom: -1px;
	left: 0;
}

.komi_mes .teller {
	float: left;
	width: 150px;
    margin: -22px -4px -16px -5px;
}
.komi_mes .lead {
	padding: 0;
}
/*----- komi_sakebi -----*/
.komi_sakebi .base {
    background: url(../images/result/komi_sakebi/base.jpg) no-repeat;
    background-size: 100% auto;
    height: 165px;
}
.komi_sakebi .box_sakebi {
	width: 67%;
    height: 166px;
    position: relative;
    margin: auto;
}
.komi_sakebi .tit_komi2 {
    background: url(../images/result/komi_sakebi/bg_tit.jpg) no-repeat top;
    background-size: 100%;
	display: table;
	height: 112px;
    width: 100%;
    display: table;
	margin-bottom: -10px;
	position: relative;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif";
	font-weight: bold;
}
.komi_sakebi .tit_komi2 h3 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 31px 35px 10px;
    font-size: 15px;
    position: relative;
    top: -4px;
    line-height: 1.3;
}
.komi_sakebi .sakebi {
    position: absolute;
    width: 100%;
	font-size: 1.3em;
	color: #fff;
	text-shadow: 0 0 2px #21bcc6, 0 0 2px #21bcc6, 0 0 2px #21bcc6, 0 0 2px #21bcc6, 0 0 2px #21bcc6, 0 0 3px #21bcc6, 0 0 5px #21bcc6, 0 0 5px #21bcc6, 0 0 5px #21bcc6, 0 0 10px #21bcc6, 0 0 10px #21bcc6, 0 0 10px #21bcc6;
	font-weight: bold;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.komi_sakebi .sakebi.sakebi01 {
	transform: rotate(-3deg);
    top: 34px;
	left: 3px;
	text-align: left;
}
.komi_sakebi .sakebi.sakebi02 {
	transform: rotate(3deg);
    top: 74px;
    width: 85%;
	left: 32px;
	text-align: right;
}
.komi_sakebi .sakebi.sakebi03 {
	transform: rotate(-3deg);
    top: 105px;
    width: 85%;
	left: 16px;
	text-align: left;
}
.komi_sakebi .close .sakebi.sakebi02 {
	top: 58px;
    width: 60%;
    left: 80px;
}
.komi_sakebi .close .sakebi.sakebi03 {
	transform: rotate(-15deg);
    top: 91px;
    width: 60%;
    left: 7px;
}
.komi_sakebi .lead {
	padding: 10px 25px 40px 22px;
	background: url(../images/result/komi_sakebi/bg_komi_mid.jpg) repeat-y;
	background-size: 100%;
	margin-bottom: 15px;
	position: relative;
}
.komi_sakebi .lead:after {
	background-image: url(../images/result/komi_sakebi/bg_komi_btm.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	content: '';
	width: 100%;
	height: 100px;
	position: absolute;
	bottom: -1px;
	left: 0;
}
.komi_sakebi .glimpse-0 .open, .komi_sakebi .glimpse-1 .close {
	display: block!important;
}
.komi_sakebi .glimpse-1 .open, .komi_sakebi .glimpse-0 .close  {
	display: none!important;
}
/*--- komi_point ---*/
.komi_point .tit_komi2 {
    display: table;
	position: relative;
	background: url(../images/result/komi_point/bg_tit.jpg) no-repeat;
	background-size: 100%;
	height: 109px;
	width: 100%;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif";
	font-weight: bold;
}
.komi_point .tit_komi2 h3 {
    display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	padding: 30px 38px 28px;
    font-size: 13px;
    position: relative;
    top: 4px;
	line-height: 1.3;
}
.point_box {
	background: url(../images/result/komi_point/bg_fuki.jpg) no-repeat;
	background-size: 100%;
	min-height: 192px;
	position: relative;
}

.point_box p {
	width: 124px;
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
    color: #7f09eb;
    position: absolute;
    top: 53%;
    left: 51%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	line-height: 1.2;
}

.point_box p span {
	-ms-filter: blur(4px);
	filter: blur(4px);
	color: #7601e2;
}

.komi_point .lead {
	padding: 10px 35px 30px 35px;
	background: url(../images/result/komi_point/bg_komi_mid.jpg) repeat-y;
	background-size: 100%;
	position: relative;
}
.komi_point .lead:before {
    background-image: url(../images/result/komi_point/bg_komi_top.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    content: '';
    width: 100%;
    height: 74px;
    position: absolute;
    top: -1px;
    left: 0;
}
.komi_point .lead:after {
	background-image: url(../images/result/komi_point/bg_komi_btm.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	content: '';
	width: 100%;
	height: 129px;
	position: absolute;
	bottom: -1px;
	left: 0;
}
/*--- komi_line ---*/
.komi_line .tit_komi {
	padding: 20px 40px;
    display: table;
	position: relative;
	background: url(../images/result/komi_line/bg_tit_mid.jpg) repeat-y;
	background-size: 100%;
	width: 100%;
	margin-bottom: -1px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.komi_line .tit_komi:before {
    background-image: url(../images/result/komi_line/bg_tit_top.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
	background-position: center top;
	top: 0px;
}
.komi_line .tit_komi:after {
    background-image: url(../images/result/komi_line/bg_tit_btm.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
	background-position: center bottom;
	bottom: -1px;
}
.komi_line_box {
    background: url(../images/result/komi_line/bg_line.jpg) no-repeat;
    background-size: 100%;
    min-height: 252px;
}
.komi_line_box .mes_box {
    position: relative;
}
.komi_line_box .mes {
    position: absolute;
    top: 115px;
    left: 75px;
    color: #000;
    background: #fff;
    padding: 5px;
    border-radius: 15px;
    max-width: 170px;
    text-align: left;
    min-height: 1.5em;
    font-size: 12px;
}
.komi_line_box .mes:before {
    content: '';
    display: inline-block;
    width: 23px;
    height: 23px;
    background-image: url(../images/result/komi_line/line_icon.png);
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    left: -35px;
    top: -8px;
}
.komi_line_box .mes:after {
    content: "";
    width: 13px;
    height: 15px;
    position: absolute;
    top: 12%;
    left: -8px;
    background: url(../images/result/komi_line/fuki_line_right.png) no-repeat;
    background-size: 100%;
}
.line2 .komi_line_box .mes.mes01 {
	top: 98px;
}
.line1 .komi_line_box .mes.mes02 {
    top: 154px;
}
.line2 .komi_line_box .mes.mes02 {
    top: 127px;
}
.line2 .komi_line_box .mes.mes03 {
    top: 165px;
}
.komi_line_box .glimpse-1 .open, .komi_line_box .glimpse-0 .close {
    display: none!important;
}
.komi_line_box .glimpse-0 .open, .komi_line_box .glimpse-1 .close {
    display: block!important;
}
.komi_line_box .mes.mes02.mes_bokashi, .komi_line_box .mes.mes02.glimpse-1 {
    width: 165px;
}
.line1 .komi_line_box .mes02.mes_bokashi span, .line1 .komi_line_box .mes.mes02.glimpse-1 span {
    position: relative;
    top: -2px;
}
.komi_line .lead {
	padding: 10px 35px 30px 35px;
	background: url(../images/result/komi_line/bg_komi_mid.jpg) repeat-y;
	background-size: 100%;
	margin-bottom: 15px;
	position: relative;
}

.komi_line .lead:after {
	background-image: url(../images/result/komi_line/bg_komi_btm.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	content: '';
	width: 100%;
	height: 129px;
	position: absolute;
	bottom: -1px;
	left: 0;
}
.komi_line_box .mes_name {
    display: block;
    width: 43%;
    position: absolute;
    top: 53px;
    left: 58px;
}
.komi_line_box p.mes_name {
	text-align: center!important;
}
.komi_line_box .mes span {
	line-height: 16px;
}
/*----- komi_okurikake -----*/
.okurikake .komi_line_box {
    background: url(../images/result/komi_line/bg_okurikake.jpg) no-repeat;
    background-size: 100%;
    min-height: 251px;
}
.okurikake .okuri_mes {
    display: block;
    width: 50%;
    position: absolute;
    bottom: 67px;
    left: 80px;
    color: #000;
}
/*----- komi_kensaku -----*/
.kensaku .search_word {
    background: url(../images/result/komi_line/bg_kensaku.jpg) no-repeat;
    background-size: 100%;
    min-height: 251px;
}
.kensaku .box ul, .kensaku .search_word p {
    position: absolute;
    left: 35px;
    width: 65%;
    padding: 0;
    text-align: left;
}
.kensaku .box ul {
    top: 82px;
}
.kensaku .search_word p.close {
    top: 85px;
}
.kensaku .box ul li {
    padding: 5px 15px;
    text-align: left;
    font-weight: bold;
    color: #000;
}
.kensaku .close span {
    padding: 7px;
    text-align: left;
    font-weight: bold;
    color: #000;
}
.kensaku p.close .bokashi_1 {
    top: 29px;
    position: absolute;
    left: 7px;
    width: 55% !important;
}
.kensaku p.close .bokashi_2 {
    top: 62px;
    position: absolute;
    left: 7px;
    width: 77% !important;
}
.kensaku p.close .bokashi_3 {
    top: 88px;
    position: absolute;
    left: 7px;
    width: 55% !important;
}
.kensaku .search_word.open-0 .open, .kensaku .search_word.open-1 .close {
    display: block !important;
}
.kensaku .search_word.open-1 .open, .kensaku .search_word.open-0 .close {
    display: none;
}
/*----- komi_coupon -----*/
.komi_coupon .txt {
	color: #001e55;
	margin-bottom: 10px;
	padding-left: 32px;
	line-height: 35px;
	font-size: 18px;
	font-weight: bold;
	background: url(../images/ticket/icon.png) no-repeat left center;
	background-size: 28px;
	margin: 7px 0 0px 0 !important;
}

.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: 0;
	box-shadow: 2px 3px 3px #e4e4e4 inset, -1px -1px 3px #e4e4e4 inset;
	font-size: 14px;
}

.komi_coupon input.btn_use {
	width: 90%;
	display: block;
	margin: 10px auto 10px;
	border: 0;
	border-radius: 5px;
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: 0 4px #016eba;
	color: #fff;
	background: #0096ff;
}

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

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

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


/*=====================
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: 250px;
    height: 90px;
	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: 210px;
    height: 80px;
	padding: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 25px;
}
.free_view .bokashi .btn {
	width: 215px;
    height: 80px;
    display: block;
    background: url(../images/free/btn_regist2.png) no-repeat;
    -webkit-background-size: 100% auto;
	background-size: 100% auto;
	top: 18px;
}
.komi_coupon .bokashi .btn {
	display: block;
	background: url(../images/result/parts/btn_coupon.png) no-repeat;
	-webkit-background-size: 222px auto;
	background-size: 100% auto;
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
	margin: 0 auto;
	width: 255px;
	height: 65px;
	padding: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 25px;
}

.bokashi {
	height: 132px;
	background: url(../images/result/bokashi/01.png) no-repeat;
	background-size: 100%;
	position: relative;
}
.bokashi2 {
	height: 70px;
	background: url(../images/result/bokashi/05.png) no-repeat;
	background-size: 100%;
	position: relative;
}
#yudo .bokashi {
	height: 166px;
	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: 60px;
	background: url(../images/result/bokashi/03.png) no-repeat;
	background-size: 100%;
	position: relative;
}

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

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

#yudo .bokashi .btn {
	width: 235px;
    height: 90px;
    top: 4px;
}
.bokashi03 .btn {
	top: 60px;
}

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

/*=====================
誘導
=====================*/
#yudo {
	margin-bottom: 40px;
}
#yudo .box_teller {
	min-height: 262px;
	box-sizing: border-box;
	background: url(../images/result/yudo/teller.png) no-repeat left 80%;
	background-size: 100%;
	padding-bottom: 10%;
}
#yudo .box_teller p:after {
    content: "";
    position: absolute;
    top: 48%;
    right: -22px;
    background: url(../images/common/fuki.png) no-repeat;
    background-size: 100% auto;
    width: 26px;
    min-height: 33px;
}
#yudo .box_teller p {
	width: 180px;
    top: 40px;
    margin: 0 0 30px 6px;
}

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

#yudo .komi_point .lead {
	padding: 35px 35px 70px 35px;
}

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

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

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

#yudo .caption {
	text-align: center;
	padding: 0 20px 0px;
	position: relative;
	z-index: 999;
	font-size: 10px;
	color: #000;
	line-height: 1.3;
}

.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: 7px 0;
	padding-top: 3px;
	padding-left: 25px;
	text-align: left;
	color: #531500;
	font-size: 14px;
	margin-left: 5px;
	line-height: 1.4;
}
.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/01.png) no-repeat 2px 2px;
    background-size: 20px;
	margin-bottom: 0;
}
.menu_list li.ic_com_indent {
	margin: 3px 0;
	padding-left: 25px;
	padding-top: 0;
}
.menu_list li.ic_com_indent2 {
	margin: 3px 0;
	padding-left: 25px;
	padding-top: 0;
}
.menu_list li.ic_default {
	background: url(../images/icon/02.png) no-repeat 0px 0px;
    background-size: 25px;
}
.menu_list li.ic_core {
	background: url(../images/icon/03.png) no-repeat 2px 2px;
	background-size: 20px;
}
.menu_list li.ic_core2 {
	background: url(../images/icon/04.png) no-repeat 2px 2px;
	background-size: 20px;
}
.menu_list li.ic_core3 {
	background: url(../images/icon/05.png) no-repeat 2px 2px;
    background-size: 20px;
}

.menu_list li.ic_msg {
	background: url(../images/result/yudo/icon01.png) no-repeat 1px -4px;
    background-size: 23px;
}



.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.one {
	overflow: hidden;
}

.free_view p {
	text-align: left;
}

.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 h2.txt01 {
	margin-top: -35px;
}
.free_view.one .sec_ppvbnr_new {
	background: url(../images/result/free/img10.jpg) no-repeat;
	background-size: 100%;
    height: 240px;
}
.free_view.two .box_teller.right {
    height: 276px;
    background: url(../images/result/free/two/teller.jpg) no-repeat top;
    background-size: 100%;
}
.free_view.two .serif {
    padding: 15px 10px 11px 13px;
    width: 170px;
    margin: 25px 0 50px 130px;
    top: -4px;
    left: 0;
}
/*=====================
confirm
=====================*/
.ppvdo .menu_title {
	display: block;
}

/*=====================
月額
=====================*/
.default .lead {
	color: #fff;
}

.default .komi_kao .lead {
	padding: 0 20px;
	color: #000;
}
/*=====================
追加改修 無料占い スクロール
=====================*/
.endroll {
    width: 96%;
    height: 130px;
    margin: 0 auto 15px;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 5px;
    position: relative;
	box-shadow: 1px -6px 10px #c7c7c7 inset, 0px -6px 20px #c7c7c7 inset, 0px -6px 30px #c7c7c7 inset, 0px 6px 10px #c7c7c7 inset, 0px 6px 20px #c7c7c7 inset, 0px 6px 30px #c7c7c7 inset;
    background: #000;
}
    .endroll ul {
    margin: 0;
    font-size: 11px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    animation: 8s scroll linear infinite;
}
.endroll li {
	width: 90%;
	margin: auto;
}
    .endroll span {
    font-weight: bold;
    font-size: 12px;
    color: palevioletred;
}
    @keyframes scroll {
 0% {
top: 0px;
}
 to {
top: -140%;
}
}