@charset "UTF-8";
header nav, header ul {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #e61d64), color-stop(0, #ea6198));
	background: -webkit-linear-gradient(#ea6198, #e61d64);
	background: -moz-linear-gradient(#ea6198, #e61d64)
}
header .logo, header h1, label.selectLabel, select {
	position: relative
}
.anime {
	opacity: 0;
	-webkit-transition: all .5s linear;
	transition: all .5s linear
}
.anime.animeStart {
	opacity: 1
}
header {
	padding-top: 28px
}
header .logo {
	top: -34px
}
header .logo img {
	width: 200px
}
header h1 {
	bottom: -10px;
	font-size: 12px
}
header h1 a, header h1 a:visited {
	color: #555
}
header nav {
	background: near-gradient(#ea6198, #e61d64) -o-li;
	background: -ms-linear-gradient(#ea6198, #e61d64);
	background: linear-gradient(#ea6198, #e61d64)
}
header ul {
	width: 900px;
	margin: 0 auto;
	overflow: hidden;
	background: -o-linear-gradient(#ea6198, #e61d64);
	background: -ms-linear-gradient(#ea6198, #e61d64);
	background: linear-gradient(#ea6198, #e61d64)
}
header li {
	float: left;
	width: 14.2827%
}
header li+li {
	border-left: solid 1px #ce1a59
}
header li a {
	display: block;
	padding: 10px 0;
	font-weight: 500;
	color: #fff
}
header span {
	padding-left: 22px;
	background-repeat: no-repeat !important;
	background-position: center left !important;
    display: inline-block;    
}
header .gNavI_00 {
	background: url('../img/gNavI_00.png');
	background-size: 12px auto
}
header .gNavI_01 {
	background: url('../img/gNavI_01.png');
	background-size: 12px auto
}
header .gNavI_02 {
	background: url('../img/gNavI_02.png');
	background-size: 16px auto
}
header .gNavI_03 {
	background: url('../img/gNavI_03.png');
	background-size: 16px auto
}
header .gNavI_04 {
	background: url('../img/gNavI_04.png');
	background-size: 16px auto
}
header .gNavI_05 {
	background: url('../img/gNavI_05.png');
	background-size: 14px auto
}
header .gNavI_06 {
	background: url('../img/gNavI_06.png');
	background-size: 14px auto
}
header .gNavI_dg {
	background: url('https://honeytalk.com/tmpl_sp/img/myp-01.svg');
	background-size: 18px auto
}
header .gNavI_cam {
	background: url('https://honeytalk.com/tmpl_sp/img/myp-02.svg');
	background-size: 18px auto
}
header .gNavI_pr {
	background: url('https://honeytalk.com/tmpl_sp/img/myp-03.svg');
	background-size: 18px auto
}
header .gNavI_his {
	background: url('https://honeytalk.com/tmpl_sp/img/myp-04.svg');
	background-size: 18px auto
}
header .gNavI_pt {
	background: url('https://honeytalk.com/tmpl_sp/img/myp-05.svg');
	background-size: 18px auto
}
header .gNavI_lo {
	background: url('https://honeytalk.com/tmpl_sp/img/myp-06.svg');
	background-size: 18px auto
}
.btnBase, .btnBase_s {
	text-align: center;
	color: #fff;
	font-weight: 700;
	background-position: right 14px center !important
}
a:hover, input[type=submit]:hover {
	opacity: .8;
	cursor: pointer
}
.btnBase {
	font-size: 16px;
	padding: 8px 48px;
	border-radius: 40px;
	background-size: 16px 16px, 100% 100% !important
}
.btnBase_s {
	font-size: 14px;
	padding: 4px 30px;
	border-radius: 4px;
	background-size: 12px 12px, 100% 100% !important
}
.c_gray, .c_pink {
	border: 1px solid #ccc
}
.inline {
	display: inline-block
}
.block {
	display: block
}
.c_pink {
	background: url('../img/btn_arrow.png') no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1, #e42664), color-stop(.5, #ba1f52), color-stop(.5, #e62665));
	background: url('../img/btn_arrow.png') no-repeat, -webkit-linear-gradient(top, #e62665 50%, #ba1f52 50%, #e42664 100%);
	background: url('../img/btn_arrow.png') no-repeat, -moz-linear-gradient(top, #e62665 50%, #ba1f52 50%, #e42664 100%);
	background: url('../img/btn_arrow.png') no-repeat, -o-linear-gradient(top, #e62665 50%, #ba1f52 50%, #e42664 100%);
	background: url('../img/btn_arrow.png') no-repeat, -ms-linear-gradient(top, #e62665 50%, #ba1f52 50%, #e42664 100%)
}
.c_blue {
	background: url('../img/btn_arrow.png') no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1, #0082c5), color-stop(.5, #006ca5), color-stop(.5, #0085ca));
	background: url('../img/btn_arrow.png') no-repeat, -webkit-linear-gradient(top, #0085ca 50%, #006ca5 50%, #0082c5 100%);
	background: url('../img/btn_arrow.png') no-repeat, -moz-linear-gradient(top, #0085ca 50%, #006ca5 50%, #0082c5 100%);
	background: url('../img/btn_arrow.png') no-repeat, -o-linear-gradient(top, #0085ca 50%, #006ca5 50%, #0082c5 100%);
	background: url('../img/btn_arrow.png') no-repeat, -ms-linear-gradient(top, #0085ca 50%, #006ca5 50%, #0082c5 100%)
}
.c_orange {
	background: url('../img/btn_arrow.png') no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1, #fd8700), color-stop(.5, #d06f00), color-stop(.5, #f80));
	background: url('../img/btn_arrow.png') no-repeat, -webkit-linear-gradient(top, #f80 50%, #d06f00 50%, #fd8700 100%);
	background: url('../img/btn_arrow.png') no-repeat, -moz-linear-gradient(top, #f80 50%, #d06f00 50%, #fd8700 100%);
	background: url('../img/btn_arrow.png') no-repeat, -o-linear-gradient(top, #f80 50%, #d06f00 50%, #fd8700 100%);
	background: url('../img/btn_arrow.png') no-repeat, -ms-linear-gradient(top, #f80 50%, #d06f00 50%, #fd8700 100%);
	background: url('../img/btn_arrow.png') no-repeat, linear-gradient(to bottom, #f80 50%, #d06f00 50%, #fd8700 100%)
}
.c_gray {
	color: #555;
	background: url('../img/btn_arrow.png') no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(.51, #d9d9d9), color-stop(.49, #e6e6e6));
	background: url('../img/btn_arrow.png') no-repeat, -webkit-linear-gradient(top, #e6e6e6 49%, #d9d9d9 51%);
	background: url('../img/btn_arrow.png') no-repeat, -moz-linear-gradient(top, #e6e6e6 49%, #d9d9d9 51%);
	background: url('../img/btn_arrow.png') no-repeat, -o-linear-gradient(top, #e6e6e6 49%, #d9d9d9 51%);
	background: url('../img/btn_arrow.png') no-repeat, -ms-linear-gradient(top, #e6e6e6 49%, #d9d9d9 51%);
	background: url('../img/btn_arrow.png') no-repeat, -linear-gradient(to bottom, #e6e6e6 49%, #d9d9d9 51%)
}
.c_green {
	border: 2px solid #ccc;
	background: url('../img/btn_arrow.png') no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1, #1b9717), color-stop(.51, #047725), color-stop(.5, #1b9717));
	background: url('../img/btn_arrow.png') no-repeat, -webkit-linear-gradient(top, #1b9717 50%, #047725 51%, #1b9717 100%);
	background: url('../img/btn_arrow.png') no-repeat, -moz-linear-gradient(top, #1b9717 50%, #047725 51%, #1b9717 100%);
	background: url('../img/btn_arrow.png') no-repeat, -o-linear-gradient(top, #1b9717 50%, #047725 51%, #1b9717 100%);
	background: url('../img/btn_arrow.png') no-repeat, -ms-linear-gradient(top, #1b9717 50%, #047725 51%, #1b9717 100%);
	background: url('../img/btn_arrow.png') no-repeat, linear-gradient(to bottom, #1b9717 50%, #047725 51%, #1b9717 100%)
}
.btnBase+p, .table+a, label+.btnBase, p+.btnBase {
	margin-top: 16px
}
img+.btnBase {
	margin-top: 24px
}
.table+.align_r, p+.align_r {
	margin-top: 16px
}
.btnBase+.btnBase {
	margin-left: 32px
}
.formKiyaku+.btnBase {
	margin-bottom: 24px
}
input[type=text] {
	width: 100%;
	padding: 8px;
	border: 1px solid #ccc
}
select {
	width: 100px;
	padding: 8px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #ccc;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #ededed), color-stop(0, #fff));
	background: -webkit-linear-gradient(#fff, #ededed);
	background: -moz-linear-gradient(#fff, #ededed);
	background: -o-linear-gradient(#fff, #ededed);
	background: -ms-linear-gradient(#fff, #ededed);
	background: linear-gradient(#fff, #ededed);
	cursor: pointer
}
label.selectLabel::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 5px 0;
	border-color: #999 transparent transparent
}
.f_red {
	color: #f00
}
.align_l {
	text-align: left !important
}
.align_c {
	text-align: center !important
}
.align_r {
	text-align: right !important
}
ul#bread {
	width: 860px;
	margin: 0 auto;
	text-align: left
}
ul#bread li {
	display: inline-block;
	position: relative;
	padding: 10px
}
ul#bread li:not(:last-child):after {
	content: ">";
	width: 10px;
	height: 10px;
	font-size: 14px;
	position: absolute;
	right: -5px
}
.swing {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}
.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}
.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}