@media screen and (min-width: 768px) {
	.sp_view {
		display: none !important
	}
}
@media screen and (max-width: 767px) {
	.pc_view {
		display: none !important
	}
}

.wf-roundedmplus1c {
	font-family: "M PLUS Rounded 1c"
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}
body {
	margin: 0
}
main {
	display: block
}
h1 {
	font-size: 2em;
	margin: 0.67em 0
}
hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

a {
	background-color: transparent
}

b, strong {
	font-weight: bolder
}
img {
	border-style: none;
	vertical-align: middle;
	border: 0
}
button, input, optgroup, select, textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}
button, input {
	overflow: visible
}
button, select {
	text-transform: none
}
button, [type="button"], [type="reset"], [type="submit"] {
	-webkit-appearance: button
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText
}
[type="checkbox"], [type="radio"] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}
[hidden] {
	display: none
}
html {
	font-size: 110%
}
@media (min-width: 992px) {
	html {
		font-size: 130%
	}
}
body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #effbff;
	background: url(../img_top/cont_back_green.png);
	margin: 0
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	line-height: 1.1
}
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
#QR_space {
	font-size: 14px;
	line-height: 1.42857143;
	position: fixed;
	right: 20px;
	top: 100px
}
#QR_space .QR_top {
	background: #4adbd6;
	border-radius: 4px 4px 0 0;
	color: #FFF;
	padding: 6px;
	font-size: 14px
}
#QR_space .QR_bottom {
	height: 220px;
	background: #f88;
	background: #fff;
	border: #c7edec 1px solid;
	border-radius: 0 0 4px 4px;
	padding: 8px;
	font-weight: bold;
	text-align: center
}
#QR_space .QR_bottom p {
	margin: 0
}
#QR_space .QR_bottom a {
	color: #337ab7;
	text-decoration: none
}
@media (max-width: 1400px) {
	#QR_space {
		display: none
	}
}

#header {
	background: #FFF;
	border-bottom: #eaeaea 1px solid
}

.header_allyear {
	border: 3px solid #67d1cd;
	background: #10b9b3;
	color: #FFF;
	margin-right: 8px;
	margin-bottom: 6px;
	padding: 2px 4px
}
.header_allyear p {
	line-height: 1.32;
	margin: 0
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.header_allyear {
		border: 3px solid #67d1cd;
		background: #10b9b3;
		color: #FFF;
		margin-right: 8px;
		margin-bottom: 6px;
		padding: 2px 4px
	}
	.header_allyear p {
		font-size: 6px;
		font-size: 0.6rem;
		line-height: 9px;
		line-height: 0.9rem;
		margin: 1px 0 0 0
	}
}

.pc_header_wrap {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-box;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #FFF;
	font-size: 14px;
	line-height: 1
}
.pc_header_wrap .head_logo_pc {
	margin-left: 6px
}
.pc_header_wrap .head_btn_pc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row;
	flex-flow: row;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin-top: 6px
}
.head_btn_txt {
	font-size: 14px;
	line-height: 1;
	color: #23aca7;
	margin: 0
}
@media (min-width: 992px) {
	.head_btn_txt {
		margin: 3px 0 3px 0
	}
}
.head_btn {
	width: 100px;
	margin-right: 6px;
	text-align: center
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.head_btn {
		width: 90px;
		font-size: 12px;
		padding: 4px 0
	}
}
.head_btn a {
	display: block;
	padding: 6px;
	border-radius: 4px
}
.head_btn a:hover {
	text-decoration: none;
	-webkit-transform: translateY(2px);
	transform: translateY(2px)
}
.head_btn a:link, .head_btn a:visited, .head_btn a:active {
	text-decoration: none
}
.head_telwrap {
	padding-top: 4px;
	margin-right: 12px
}
.head_telwrap p {
	margin-top: 8px;
	margin-bottom: 0;
	color: #10b9b3;
	font-size: 14px
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.head_telwrap p {
		margin-top: 6px;
		font-size: 14px
	}
}
.header_button_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row;
	flex-flow: row
}
.header_button_pink a {
	color: #FFF;
	background: #f783c2;
	-webkit-box-shadow: 0 2px 0 #ac6089;
	box-shadow: 0 2px 0 #ac6089
}
.header_button_pink a:hover {
	background: #be4c89;
	-webkit-box-shadow: 0 0 0 #FFF;
	box-shadow: 0 0 0 #FFF
}
.header_button_purple a {
	color: #FFF;
	background: #c291e8;
	-webkit-box-shadow: 0 2px 0 #835f9d;
	box-shadow: 0 2px 0 #835f9d
}
.header_button_purple a:hover {
	background: #8353a7;
	-webkit-box-shadow: 0 0 0 #FFF;
	box-shadow: 0 0 0 #FFF
}

.Gnavi_wrap {
	background: #28c6c0
}
.Gnavi_wrap .Gnavi_ul {
	color: #FFF;
	margin: 0;
	width: 992px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0
}
.Gnavi_wrap .Gnavi_ul li {
	list-style: none;
	border-right: solid 1px #FFF;
	margin: 4px 0
}
.Gnavi_wrap .Gnavi_ul li:last-child {
	border-right: none
}
.Gnavi_wrap .Gnavi_ul li a {
	display: block;
	text-decoration: none;
	color: #FFF;
	margin: 4px 0;
	width: 140px;
	text-align: center;
	font-size: 16px
}
.Gnavi_wrap .Gnavi_ul li a:link, .Gnavi_wrap .Gnavi_ul li a:visited, .Gnavi_wrap .Gnavi_ul li a:hover, .Gnavi_wrap .Gnavi_ul li a:active {
	text-decoration: none
}

.footer_copy {
	font-size: 14px;
	margin-bottom: 20px
}
.footer_copy a {
	text-decoration: none
}
#copyright {
	text-align: center;
	font-size: 16px
}
.cont_wrap {
	background: #effbff;
	background: url(../img_top/cont_back_green.png)
}

.cont_title {
	background: #28c6c0;
	color: #FFF;
	font-weight: bold;
	text-align: left;
	padding: 15px 0;
	line-height: 0;
	text-align: center
}
.cont_title h2, .cont_title2 h2 {
	font-size: 24px;
	font-weight: bold;
	margin: 0
}
.cont_margin {
	padding: 1% 0
}

.frame_wrap {
	width: 100%;
	margin: 0 auto
}

@media (min-width: 992px) {
	.frame_wrap {
		width: 992px;
		margin: 0 auto
	}
}

.cont_frame {
	background: #fff;
	border: #c7edec 1px solid;
	border-radius: 4px;
	margin-top: 2%;
	margin-bottom: 2%;
	padding: 16px
}
.kizuna_frame {
	background: #fff;
	border: #c7edec 1px solid;
	border-radius: 4px;
	margin-top: 12px;
	margin-bottom: 12px;
	padding: 16px
}
.cont_head_typeB {
	background: #e0faf9;
	border-bottom: #c7edec 1px solid;
	border-radius: 4px 4px 0 0;
	padding: 4px 8px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.cont_frame_typeB {
	background: #fff;
	border: #c7edec 1px solid;
	border-radius: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0;
	line-height: 1.42857143
}
.benefits_h3::before {
	background-color: #f3719c;
	color: #fff;
	padding: 0;
	border-radius: 100px;
	font-size: 24px;
	width: 32px;
	height: 32px;
	display: inline-block;
	text-align: center;
	line-height: 1.5;
	margin-right: 6px;
	font-family: "logotypejp_corpmin"
}
.benefits_1::before {
	content: '1'
}
.benefits_2::before {
	content: '2'
}
.benefits_3::before {
	content: '3'
}

.benefits_wrap {
	line-height: 1.3
}

.benefits_wrap .benefits_img {
	margin-bottom: 16px
}
.benefits_wrap hr {
	background-color: #28c6c0;
	border: none;
	height: 1px;
	margin: 20px 0 20px 0
}

.benefits_wrap .benefits_h3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 20px 0 12px 0
}
.benefits_wrap .benefits_h3 .benefits_title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0;
	font-size: 28px;
	color: #555
}
.benefits_wrap .benefits_h3 .benefits_title span {
	color: #f3719c
}

.benefits_wrap .benefits_txt {
	color: #555555;
	margin: 10px 0 16px 0;
	font-size: 18px
}
.benefits_wrap .benefits_txt span {
	color: #f3719c
}
.benefits_wrap .benefits_txt a {
	color: #df4377;
	text-decoration: underline
}
.benefits_wrap .benefits_txt a:link, .benefits_wrap .benefits_txt a:visited, .benefits_wrap .benefits_txt a:hover, .benefits_wrap .benefits_txt a:active {
	color: #df4377;
	text-decoration: underline
}

.benefits_a {
	text-decoration: none;
	color: #FFF;
	font-size: 28px
}
.benefits_btnwrap {
	margin-bottom: 20px;
	background: #ea7fe9;
	background: -webkit-gradient(linear, left top, right top, from(#ea7fe9), color-stop(20%, #d67fe9), color-stop(35%, #c080ea), color-stop(54%, #a787ed), color-stop(68%, #9296f2), color-stop(86%, #79affb), to(#6cbbff));
	background: linear-gradient(to right, #ea7fe9 0%, #d67fe9 20%, #c080ea 35%, #a787ed 54%, #9296f2 68%, #79affb 86%, #6cbbff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea7fe9', endColorstr='#6cbbff', GradientType=1);
	border-radius: 10px;
	-webkit-filter: drop-shadow(0 4px 2px rgba(0, 0, 0, 0.4));
	filter: drop-shadow(0 4px 2px rgba(0, 0, 0, 0.4))
}
.benefits_btnwrap .benefits_btn {
	text-align: center;
	padding: 16px;
	background-image: url(../img_top/benefits_btnbackPC1.png), url(../img_top/benefits_btnbackPC2.png), url(../img_top/benefits_btnbackPC3.png), url(../img_top/benefits_btnbackPC4.png);
	background-repeat: no-repeat;
	background-position: left top, right top, left bottom, right bottom;
	line-height: 1.2
}

@media (max-width: 991px) {
	.benefits_wrap {
		margin: 0 16px
	}
}

.bene_insert_img2 {
	float: right;
	margin: 25px 0 0 6px
}
.bene_insert_img2 img {
	border: solid 1px #dbdbdb
}

.kw_wrap {
	width: 992px;
	line-height: 1.3;
	margin: 20px auto;
	background: #f2f2e7;
	border-radius: 10px;
	padding: 16px;
	border: solid 1px #eaeacf
}
.kw_wrap .kw_cluster {
	display: -ms-flexbox;
	display: flex;
	display: -webkit-box;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: -10px
}
.kw_wrap .kw_cluster a {
	display: block;
	color: #FFF;
	background: #b7b3af;
	border-radius: 4px;
	margin-right: 8px;
	margin-bottom: 10px;
	padding: 4px;
	font-size: 14px
}
.kw_wrap .kw_cluster a:link, .kw_wrap .kw_cluster a:visited, .kw_wrap .kw_cluster a:hover, .kw_wrap .kw_cluster a:active {
	text-decoration: none
}
.kw_wrap .kw_cluster a:hover, .kw_wrap .kw_cluster a:active {
	background: #2b87ee
}


@media screen and (min-width: 768px) and (max-width: 820px) {
	.btn_topalert {
		font-size: 8px;
		font-size: 0.8rem
	}
}
.button_regular {
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	text-shadow: 1px 1px 0px #cc4162
}
.button_regular a {
	display: block;
	background: #ff517a;
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 0 #b34c65;
	box-shadow: 0 3px 0 #b34c65;
	padding: 14px 8px;
	color: #FFF;
	width: 92%;
	margin: 10px 4%
}
.button_regular a:hover {
	background: #b34c65;
	text-decoration: none;
	-webkit-box-shadow: 0 0 0 #FFF;
	box-shadow: 0 0 0 #FFF;
	-webkit-transform: translateY(3px);
	transform: translateY(3px)
}
.button_regular a:link, .button_regular a:visited, .button_regular a:active {
	text-decoration: none
}
.button_regular img {
	width: 32px;
	height: 22px;
	margin-right: 7px
}

@-webkit-keyframes blink {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
@keyframes blink {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
.br {
	content: "\a";
	white-space: pre
}

.img_center {
	text-align: center
}


.msg_maintxt {
	font-size: 18px;
	color: #333
}
.msg_maintxt2 {
	font-size: 18px;
	color: #ef2554;
	font-weight: bold
}
.msg_alertxt {
	font-size: 16px;
	color: #333;
	line-height: 1.5
}


.amazon_number_wrap {
	display: -ms-flexbox;
	display: flex;
	display: -webkit-box;
	font-size: 10px;
	font-size: 1.0rem
}
.amazon_number {
	border-radius: 4px;
	font-size: 10px;
	font-size: 1.0rem;
	height: 12px;
	height: 1.2rem;
	width: 10px;
	width: 1.0rem;
	padding: 0 6px;
	margin-right: 2px
}
.amazon_number_colorG {
	background: #0abacf;
	color: #FFF
}

pre {
	white-space: pre-wrap;
	border-radius: 0px;
	border: 0px solid #FFF;
	background-color: #FFF;
	margin: 0;
	padding: 0
}


.frame_wrap_PList, .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after {
	display: table;
	content: " "
}
.frame_wrap_PList, .clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after {
	clear: both
}
*:before, *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.no_br {
	white-space: nowrap
}
.clearfix::after {
	content: "";
	display: block;
	clear: both
}


.regi_conf_table {
	font-size: 18px
}
.regi_end_allwrap {
	margin-bottom: 10px
}
.btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info {
	color: #fff;
	background-color: #2e94b3;
	border-color: #269abc
}
.btn-info {
	color: #fff;
	background-color: #28c6c0;
	border-color: #28c6c0
}
.red {
	color: #ef2554 !important;
	font-weight: bold
}
.red_kai {
	color: #ef2554;
	font-weight: bold;
	font-size: 7px;
	font-size: 0.7rem
}
@media (min-width: 992px) {
	.red_kai {
		font-size: 8px;
		font-size: 0.8rem
	}
}
.green {
	color: #02678c;
	font-weight: bold
}
.light_green {
	color: #10b9b3;
	font-weight: bold
}
.blue {
	color: #2768c8;
	font-weight: bold
}
.pink {
	color: #F39;
	font-weight: bold
}
.btn {
	padding: 10.5px 14px
}
.container-fluid {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}
.container-fluid2 {
	margin-right: auto;
	margin-left: auto
}
.P_list_btn_dm {
	width: 96%;
	margin: 0 2% 5px 2%;
	line-height: 1.42857143;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	color: #FFF;
	border-radius: 6px;
	padding: 6px 0 3px 0
}
.P_list_btn_dm_red {
	text-shadow: 1px 1px 0px #cc4162;
	-webkit-box-shadow: 0 2px 0 #b34c65;
	box-shadow: 0 2px 0 #b34c65;
	background: #ff517a
}
.P_list_btn_dm_gray {
	text-shadow: 1px 1px 0px #828282;
	background: #a8a8a8;
	-webkit-box-shadow: 0 2px 0 #828282;
	box-shadow: 0 2px 0 #828282
}
.P_list_btn_dm_blue {
	text-shadow: 1px 1px 0px #4e85da;
	background: #5db4f9;
	-webkit-box-shadow: 0 2px 0 #4e85da;
	box-shadow: 0 2px 0 #4e85da
}
.P_list_btn_dm_purple {
	text-shadow: 1px 1px 0px #7b66c5;
	background: #9d92e7;
	-webkit-box-shadow: 0 2px 0 #7b66c5;
	box-shadow: 0 2px 0 #7b66c5
}
.P_list_btn_dm_orange {
	text-shadow: 1px 1px 0px #b56600;
	background: #ee8a07;
	-webkit-box-shadow: 0 2px 0 #b56600;
	box-shadow: 0 2px 0 #b56600
}

.at_banner_pc img {
	width: 992px;
	height: 123px;
}
.at_bantext_p {
	top: 57px;
}

.box_srcollbar{overflow: hidden !important;}
.above_right{
	border: 1px solid #dcdbd9;
    background-color: #F9F9F9 !important;
	height: 305px;
}
.above_right dl{
    padding: 7px 5px 0;
    border: none;
    height: auto;
}
.above_right dl dt{
    color: #9b9b9b;
    width: unset;
    padding: 5px 0 0;
}
.above_right dd{
    font-size: 13px;
    padding: 23px 0 12px 0px !important;
}
.above_right dd:nth-last-child(1){border-bottom: none;}

/*占い師一覧・鑑定予約*/
.btn-wrap{
    width: 992px;
    margin: 0 auto;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 40px 0 0;
}
.btn-wrap a{
    width: 450px !important;
    background: #ffffff;
    border-radius: 6px;
    color: #ea6d96;
    font-weight: bold;
    font-size: 18px;
    text-decoration: none;
    display: flex;
    align-items: center;
    border: 2px solid #ea6d96;
    padding: 20px 0;
    justify-content: center;
}
.btn-wrap a.diviner:after{
    content: "";
    background-repeat: no-repeat;
    background-size: 100%;
    width: 25px;
    margin-left: 5px;
    background-color: #f3719c;
    -webkit-mask-image: url(https://kizuna3.com/img/search_n.svg);
    mask-image: url(https://kizuna3.com/img/search_n.svg);
    -webkit-mask-repeat: no-repeat;
    aspect-ratio: 150 / 150;
    transform: translate(0,-2px);
}
	


/*キャンペーンバナー*/
.top_campbtn {
	margin: 0 15px
}
.member_campzone {
	margin-top: 20px
}
.at_banner_pc {
	position: relative;
	z-index: 1
}
.at_bantext_p {
	line-height: 1.42857143;
	font-weight: bold;
	font-size: 8px;
	font-size: 0.8rem;
	position: absolute;
	top: 57px;
	left: 4%;
	margin: 0;
	z-index: 2;
	text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF
}
.at_bantext_p2Wrap {
	position: absolute;
	top: 17%;
	left: 69%;
	right: 2%;
	z-index: 2;
	text-align: left
}
.at_bantext_p2 {
	line-height: 1.15;
	font-weight: bold;
	font-size: 7px;
	font-size: 0.7rem;
	margin: 0;
	color: #3d54c4;
	text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF
}
.at_bantext_p2 span {
	color: #ff0072
}
@media screen and (min-width: 768px) and (max-width: 850px) {
	.at_bantext_p2 {
		font-size: 6px;
		font-size: 0.6rem
	}
}
@media screen and (min-width: 768px) and (max-width: 820px) {
	.at_bantext_p {
		font-size: 7px;
		font-size: 0.7rem
	}
}