html,body{height:100%}*,*:before,*:after{box-sizing:border-box}html,body{font-size:100%}body{background:#fff;color:#222;cursor:auto;font-family:Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.6;margin:0;padding:0;position:relative}a:hover{cursor:pointer}img{max-width:100%;height:auto}img{-ms-interpolation-mode:bicubic}.hide{display:none}.invisible{visibility:hidden}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:inline-block;vertical-align:middle}textarea{height:auto;min-height:50px}select{width:100%}.box-profile-detail{margin-top:20px}@media only screen and (min-width:48em){.box-profile-detail{margin-top:0}}.box-profile-detail__login{text-align:right;font-size:12px;margin-bottom:10px}@media only screen and (min-width:48em){.box-profile-detail__login{font-size:14px}}.box-profile-detail .profile-main{margin-bottom:30px;position:relative}@media only screen and (min-width:48em){.box-profile-detail .profile-main{display:table;width:100%;margin-bottom:40px}}.box-profile-detail .profile-main__image{position:relative;width:200px;margin:0 auto 15px;font-size:0}@media only screen and (min-width:48em){.box-profile-detail .profile-main__image{display:table-cell;vertical-align:top}}.box-profile-detail .profile-main__image .prof-thumb{width:100%;height:280px;padding-top:100%;display:inline-block;border-radius:5px;background-position:center center;background-repeat:no-repeat;background-size:cover;overflow:hidden}.box-profile-detail .profile-main__sub{margin-bottom:20px}@media only screen and (min-width:48em){.box-profile-detail .profile-main__sub{position:absolute;bottom:0;left:230px;margin-bottom:0}}.box-profile-detail .profile-main__sub .slide-sub-photo{letter-spacing:-.4em;font-size:0;white-space:nowrap;text-align:center}@media only screen and (min-width:48em){.box-profile-detail .profile-main__sub .slide-sub-photo{overflow:hidden;min-width:100%}}.box-profile-detail .profile-main__sub .slide-sub-photo li{display:inline-block;margin-right:9px;min-width:40px;min-height:40px}@media only screen and (min-width:48em){.box-profile-detail .profile-main__sub .slide-sub-photo li{width:45px;margin-right:10px}}.box-profile-detail .profile-main__sub .slide-sub-photo li a{display:block}.box-profile-detail .profile-main__sub .slide-sub-photo li a span{width:100%;height:56px;border-radius:5px;padding-top:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;overflow:hidden;display:inline-block}.box-profile-detail .profile-main__summary{position:relative;text-align:center}@media only screen and (min-width:48em){.box-profile-detail .profile-main__summary{text-align:left;margin-left:30px;margin-top:20px}}@media(max-width:320px){.box-profile-detail .profile-main__name{font-size:14px}}.box-profile-detail .profile-main__name em{font-size:22px}@media(max-width:320px){.box-profile-detail .profile-main__name em{font-size:18px}}@media only screen and (min-width:48em){.box-profile-detail .profile-main__name{font-size:14px;margin-bottom:5px}.box-profile-detail .profile-main__name em{font-size:24px}}@media only screen and (min-width:64.0625em){.box-profile-detail .profile-main__name{font-size:24px;margin-bottom:5px}.box-profile-detail .profile-main__name em{font-size:28px}}.box-profile-detail .profile-main__age{font-size:14px;margin-bottom:10px}@media only screen and (min-width:48em){.box-profile-detail .profile-main__age{font-size:16px;margin-bottom:20px}}.box-profile-detail .profile-main__certificate{letter-spacing:-.3em}.box-profile-detail .profile-main__certificate li{display:inline-block;width:26%;font-size:14px;letter-spacing:0;color:#ccc;text-align:left}@media(max-width:320px){.box-profile-detail .profile-main__certificate li{width:30%}}@media only screen and (min-width:48em){.box-profile-detail .profile-main__certificate li{width:40%}}.box-profile-detail .profile-main__certificate li.is-active{color:#222}.box-profile-detail .profile-main__certificate li.is-active i{color:#9ece18}.box-profile-detail .profile-main__certificate li i{font-size:16px;vertical-align:middle;padding-right:2px}.box-profile-detail .profile-main__edit{position:absolute;font-weight:700;top:5px;right:20px}@media only screen and (min-width:48em){.box-profile-detail .profile-main__edit{top:10px;right:-130px}}.box-profile-detail .profile-main__edit a{color:#9ece18}.box-profile-detail .profile-main__edit a i{font-size:20px;vertical-align:-3px}.js-change-nav-target>.prof-thumb:not(.is-active){display:none}.js-change-nav .is-active span{box-shadow:0 0 0 3px #9ece18 inset}.profile-detail{position:relative}.profile-detail__body{padding:0 20px 40px}.profile-detail__edit{position:absolute;font-weight:700;top:12px;right:20px}.profile-detail__edit a{color:#9ece18}.profile-detail__edit a i{font-size:20px;vertical-align:-3px}@media only screen and (min-width:48em){.list-profile{letter-spacing:-.5em;line-height:0}}.list-profile li{font-size:0;margin-bottom:20px}@media only screen and (min-width:48em){.list-profile li{vertical-align:top;border-top:1px solid #eee;padding-top:20px;display:inline-block;width:48%;letter-spacing:0}}@media only screen and (min-width:48em){.list-profile li:nth-child(odd){margin-right:25px}}@media only screen and (min-width:64.0625em){.list-profile li:nth-child(odd){margin-right:30px}}@media only screen and (min-width:48em){.list-profile li:nth-child(1),.list-profile li:nth-child(2){border-top:none;padding-top:0}}.list-profile li:last-child{margin-bottom:0}.list-profile__item{font-size:14px;color:#999;vertical-align:top;display:inline-block;width:40%}@media only screen and (min-width:48em){.list-profile__item{font-size:16px;vertical-align:top}}.list-profile__value{font-size:16px;display:inline-block;width:60%}@media only screen and (min-width:48em){.list-profile__value{font-size:18px;vertical-align:top}}.list-profile__value span{color:#eaa2be;font-weight:700}.list-profile__value span i{font-size:20px;vertical-align:middle}.reaction-button{vertical-align:middle}.reaction-button a{padding:4px 20px 8px}.reaction-button a i{font-size:26px}.reaction-button a:hover,.reaction-button a:active{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}.reaction-button__name{display:block;font-size:12px;color:#222;line-height:1}@media only screen and (min-width:48em){.profile-diary-list{letter-spacing:-.5em}}.profile-diary-list .profile-diary{position:relative;margin-bottom:15px}@media only screen and (min-width:48em){.profile-diary-list .profile-diary{display:inline-block;width:50%;letter-spacing:0;vertical-align:top;padding:0 10px}}.profile-diary-list .profile-diary__body{border-radius:5px;border:1px solid #eee;box-shadow:1px 1px 2px rgba(0,0,0,.1);background:#fff;z-index:1;line-height:0;padding:20px;width:100%}@media only screen and (min-width:48em){.profile-diary-list .profile-diary__body{height:215px}}.profile-diary-list .profile-diary__image{float:left;margin-right:15px;margin-bottom:0}@media only screen and (min-width:48em){.profile-diary-list .profile-diary__image{margin-bottom:10px}}.profile-diary-list .profile-diary__image span{width:90px;height:60px;background-position:center;background-size:100%;display:inline-block;border-radius:5px}@media only screen and (min-width:48em){.profile-diary-list .profile-diary__image span{width:130px;height:87px}}.profile-diary-list .profile-diary__title{font-size:18px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media only screen and (min-width:48em){.profile-diary-list .profile-diary__title{margin-bottom:5px}}.profile-diary-list .profile-diary__text{margin-bottom:35px;display:none}@media only screen and (min-width:48em){.profile-diary-list .profile-diary__text{height:75px;display:inherit;height:125px;overflow:hidden}}.good-icon{position:absolute;bottom:15px;right:20px}.good-icon i{font-size:30px;vertical-align:middle}.community-heart__count{font-size:14px;vertical-align:middle}@media only screen and (min-width:48em){.hope-area span{font-size:16px}}.hope-area span:before{content:none}.kkr-member{top:-15px;left:-15px}@media only screen and (min-width:48em){.kkr-member{top:-20px;left:-20px}}.kokoro-result__body{background:#f7f7f7;border:1px solid #999;border-radius:5px;padding:15px 20px;margin-bottom:20px;text-align:left;position:relative}@media only screen and (min-width:48em){.kokoro-result__body{padding:25px 40px;margin:0 60px 20px}}.kokoro-result__nickname{font-size:14px;margin-bottom:5px}@media only screen and (min-width:48em){.kokoro-result__nickname{font-size:16px}}.kokoro-result__type{font-size:24px;font-weight:700;text-indent:-10px;margin-bottom:10px}@media only screen and (min-width:48em){.kokoro-result__type{font-size:36px;text-indent:-20px}}@media(max-width:320px){.kokoro-result__type{font-size:20px}}.kokoro-result__type--none{text-indent:0}.kokoro-result__type--none .strong-line{background:transparent linear-gradient(transparent 80%,#ccc 0) repeat scroll 0 0}.kokoro-result__read{font-size:14px}@media only screen and (min-width:48em){.kokoro-result__read{font-size:16px}}@media(max-width:320px){.kokoro-result__read{font-size:12px}}.kokoro-result__detail{text-align:left;margin-bottom:20px}@media only screen and (min-width:48em){.kokoro-result__detail{margin:0 60px 30px}}.kokoro-result .hakase{position:absolute;top:-12px;right:-12px}@media only screen and (min-width:48em){.kokoro-result .hakase{top:-30px;right:10px}}.kokoro-result .hakase img{width:126px}@media only screen and (min-width:48em){.kokoro-result .hakase img{width:180px}}@media(max-width:320px){.kokoro-result .hakase img{width:110px}}.kokoro-result__about{text-align:right}.kokoro-result__about i{font-size:20px;vertical-align:-3px}.strong-line{background:transparent linear-gradient(transparent 80%,#ff6 0) repeat scroll 0 0}

.profile-detail__body ul.kokoro-result__about li{
	padding-bottom: 10px;
}

/* ---------------
20240213追加 
-----------------*/
.box-profile-detail .profile-main__certificate {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 300px;
	margin: 0 auto;
}
.box-profile-detail .profile-main__certificate li {
	width: calc(100%/3);
}
.box-profile-detail .profile-main__certificate li:nth-of-type(3),
.box-profile-detail .profile-main__certificate li:nth-of-type(6) {
	width: 74px;
}

.profile-main__ftof {
	display: inline-block;
	border-radius: 2px;
	padding: 2px 4px 2px 2px;
	background: #ECF8CA;
	color: #6F9700;
	font-size: 12px;
	margin-top: 10px;
}

.profile-main__ftof::before {
	content: "";
	display: inline-block;
	background: url(/img/profile/icon_ftof.svg) no-repeat center center;
	background-size: contain;
	width: 18px;
	height: 18px;
	margin-right: 4px;
	vertical-align: middle;
}

.ftof-detail .tit-bar {
	display: flex;
	align-items: center;
}

.ftof-detail .tit-bar::before {
	content: "";
	display: inline-block;
	background: url(/img/profile/icon_ftof_white.svg) no-repeat center center;
	background-size: contain;
	width: 26px;
	height: 26px;
	margin-right: 6px;
	vertical-align: middle;
}

.tit-bar .modal-open {
	background: none;
	border: none;
	padding: 0;
	vertical-align: middle;
	margin-left: auto;
}

.profile-main__ftof button {
	background: none;
	border: none;
	padding: 0;
}

@media only screen and (min-width:48em){
	.box-profile-detail .profile-main__certificate {
		justify-content: flex-start;
		margin: 0;
		white-space: nowrap;
	}
}

/* modal */
.modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0, 0, 0, 50%);
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	box-sizing: border-box;
	z-index: 100;
}

.modal.is-active {
	opacity: 1;
	visibility: visible;
}

.modal-container {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	max-width: 640px;
	background: #fff;
}

.modal-close {
	position: fixed;
	top: 8px;
	right: 8px;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	color: #fff;
	background: #9ece18;
	border-radius: 50%;
	cursor: pointer;
}

.modal-close::before, .modal-close::after { 
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 3px; 
	height: 20px; 
	background: #fff;
  }
   
  .modal-close::before {
	transform: translate(-50%,-50%) rotate(45deg);
  }
   
  .modal-close::after {
	transform: translate(-50%,-50%) rotate(-45deg);
  }

.modal-content {
	background: #fff;
	text-align: left;
	padding: 20px 20px 64px;
	font-size: 14px;
	color: #222;
}

.ftof-modal-mv {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 16px;
	background: #F1FAD7;
	padding: 48px 0 24px;
}

.ftof-modal-title {
	color: #222;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
}

.ftof-modal-title span {
	color: #91C00D;
	font-size: 22px;
	font-weight: bold;
	padding-top: 12px;
}

.ftof-modal-mv img {
	max-width: 220px;
	margin: 0 auto;
}

.ftof-sample {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 20px;
	padding: 20px 0;
}

.detail-sample {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 4px;
	width: 100%;
}

.sample-img {
	background: #ECF8CA;
	border-radius: 8px;
}

.img1 img {
	display: block;
	max-width: 200px;
	margin: 0 auto;
}

.img2 img {
	display: block;
	max-width: 240px;
	margin: 0 auto;
	padding-top: 8px;
}

.detail-sample figcaption {
	color: #808080;
	font-size: 10px;
	text-align: center;
}

.merit {
	border: 1px solid #9ece18;
	border-radius: 8px;
	padding: 20px;
}

.merit-title {
	font-size: 16px;
	padding-bottom: 4px;
	font-weight: bold;
	color: #9ece18;
}

.merit {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.merit ul li {
	list-style: disc;
	margin-left: 1em;
}
.merit-explain::before {
	content: "";
	display: inline-block;
	background: url(/img/profile/icon_ftof.svg) no-repeat center center;
	background-size: contain;
	width: 24px;
	height: 24px;
	margin-right: 4px;
	vertical-align: middle;
}

.ftof-small-title {
	font-size: 16px;
	font-weight: bold;
	border-left: 6px solid #9ece18;
	border-bottom: 1px solid #9ece18;
	padding: 0 0 4px 16px;
	color: #9ece18;
	margin: 64px 0 24px;
}

.title_how-to-receive {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 8px;
}

.how-to-receive ul li {
	list-style: disc;
   	margin-left: 1em;
}

.receive-step {
	margin-top: 24px;
}

.receive-step ol {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 24px;
	margin-top: 4px;
}

.receive-step ol li {
	background: #F3FED6;
	padding: 6px 8px;
	font-size: 13px;
	text-align: center;
	position: relative;
}

.receive-step ol li span {
	position: absolute;
	top: 8.5px;
	left: 8px;
	font-size: 10px;
	font-weight: bold;
	background: #9ece18;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	color: #fff;
}

.receive-step ol li::after {
	content: "";
	display: block;
	background: #9ECE18;
	height: calc(10px / 2);
	width: 10px;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	position: absolute;
	bottom: -16px;
	left: 0;
	right: 0;
	margin: auto;
}

.receive-step ol li:last-of-type:after {
	content: none;
}

.ftof-reservation {
	display: flex;
	width: 100%;
	padding: 16px 0 12px;
	margin: 64px auto 0;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	background: #F2BA00;
	box-shadow: 0px 3px 0px 0px #B28900;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}
.qa-section {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 24px;
}

.qa-set {
	border: 1px solid #D0EC86;
	border-radius: 4px;
}
.question {
	border-bottom: 1px solid #D0EC86;
	padding: 10px 12px 8px;
	position: relative;
}

.question::before {
	content: "Q";
	display: block;
	font-size: 10px;
	background: #9ece18;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	position: absolute;
	top: -6px;
	left: -4px;
}

.answer {
	background: #F3FED6;
	padding: 10px 12px 8px;
	position: relative;
}

.answer::before {
	content: "A";
	display: block;
	font-size: 10px;
	background: #9ece18;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	position: absolute;
	top: -6px;
	left: -4px;
}

.qa-set a {
	color: #6F9700;
	text-decoration: underline;
}
.sample-img .img_sp {
	display: block;
}
.sample-img .img_pc {
	display: none;
}

@media only screen and (min-width:640px){
	.ftof-modal-mv {
		padding: 24px 0;
	}
	.modal-close {
		left: auto;
		right: auto;
		top: 0;
		margin: 32px 0 0 576px;
	}
	.modal-container {
		font-family:"Meiryo", "メイリオ", sans-serif;
		padding: 24px 24px 64px;
		margin:24px auto 128px;
		border-radius: 8px;
	}
	.modal-content {
		padding: 20px 0;
	}
	.ftof-sample {
		flex-direction: row;
		align-items: start;
	}
	.sample-img .img_sp {
		display: none;
	}
	.sample-img .img_pc {
		display: block;
	}
	.img1 img {
		max-width: 240px;
	}
	.img2 img {
		max-width: 260px;
		padding-top: 20px;
	}
	.ftof-reservation {
		max-width: 360px;
	}
}