/*
Theme Name: Ide clinic 4
Theme URI: https://ide-clinic.com
Version: 4.0
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body { line-height: 1; }
h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; }
ol, ul { list-style: none; }
blockquote { quotes: none; }
blockquote:before, blockquote:after { content: ''; content: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
a img { border: none; }
img { vertical-align: bottom; }
strong { font-weight: normal; }
em { font-style: normal; }
.en { font-family: 'Montserrat', sans-serif; }
a { color: #554331; text-decoration: underline; outline: none; outline: none; }
a:hover { color: #666666; text-decoration: none; }
figure { margin: 0; padding: 0; }

/*------------------------------------------------------*/
.clearfix{ display:block;} 
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

p.transmissioner{
	margin-top: 26px;
}

p.transmissioner a{
	background: #EC655A;
	padding: 7px 13px;
	color: #ffffff;
	font-size: 11px;
	letter-spacing: 3px;	
	text-decoration: none;
}

body{
	background: #FCF8E4;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', "ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", 'Arial', 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Sans', 'ＭＳ Ｐゴシック', Osaka, sans-serif;
}

body.noscroll { position: fixed; width: 100%; }

img { max-width: none; }

div#headerBg{
	background: url(img/share/bg_top.png) repeat-x 0 0 ;	
	z-index: 9999!important;
	position: fixed;
	top: -150px;
	left: 0;
	width: 100%;
	height: 120px;
}

div#footerBg{
	background: url(img/share/bg_bottom.png) repeat-x 0 0 ;	
	z-index: 9999!important;
	position: fixed;
	bottom: -150px;
	left: 0;
	width: 100%;
	height: 120px;
}

div#wrawpper{
	width: 960px;
	margin: 0 auto;
}

body.single div#slider,
body.archive div#slider,
body.blog div#slider,
body.page div#slider{
	position: relative;
	left: -30px;
}

/* #slider .character
---------------------------------------------------------------------------*/
#slider .character {
	position: absolute;
	bottom: -18px;
	left: 92px;
	width: 104px;
	height: 161px;
	margin-left: 200px;
	opacity: 0;
}

#slider .character img {
	display: block;
}

#slider.active .character { animation: character-body 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards; }

@keyframes character-body {
	0%   { opacity: 0; margin-left: 200px; transform: rotate(0deg); }
	20%  { opacity: 1; margin-left: -20px; transform: rotate(-12deg); }
	35%  { opacity: 1; margin-left: 8px; transform: rotate(6deg); }
	50%  { opacity: 1; margin-left: -6px; transform: rotate(-4deg); }
	65%  { opacity: 1; margin-left: 2px; transform: rotate(2deg); }
	80%  { opacity: 1; margin-left: 0; transform: rotate(0deg); }
	100% { opacity: 1; margin-left: 0; transform: rotate(0deg); }
}

#slider .character .body {
	position: absolute;
	bottom: 0;
	left: 18px;
	width: 78px;
	height: auto;
	z-index: 1;
}

#slider .character .face {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

#slider .character .face img {
	position: absolute;
	top: 0;
	left: 0;
	width: 104px;
	height: 96px;
}

#slider.active .character .face-base { animation: face-base .25s ease-out .4s forwards; }

@keyframes face-base {
	0%   { opacity: 1; margin-top: 0; }
	33%  { opacity: 1; margin-top: 0; }
	50%  { opacity: 1; margin-top: 6px; }
	100% { opacity: 0; margin-top: 0; }
}

#slider .character .face-change {
	margin-top: -20px;
	z-index: 3;
	opacity: 0;
}

#slider.active .character .face-change { animation: face-change .25s ease-out .4s forwards; }

@keyframes face-change {
	0%   { opacity: 0; margin-top: -20px; margin-left: 0; }
	1%   { opacity: 1; margin-top: -20px; margin-left: -20px; }
	50%  { opacity: 1; margin-top: 6px; margin-left: 6px; }
	100% { opacity: 1; margin-top: 0; margin-left: 0; }
}


/* .face-orange
------------------------------------*/
#slider.active .character .face-orange { animation: face-orange1 2.5s linear 1s infinite; }
#slider.active .character .face-orange2 { animation: face-orange2 2.5s linear 1s infinite; }

@keyframes face-orange1 {
	0%   { margin-left: 0; }
	18%  { margin-left: 3px; }
	20%  { margin-left: -4px; }
	22%  { margin-left: 0; }
	24%  { margin-left: 2px; }
	26%  { margin-left: -2px; }
	28%  { margin-left: 0; }
	98%  { margin-left: 0; }
	100% { margin-left: 0; }
}
@keyframes face-orange2 {
	0%   { opacity: 1; margin-left: 0; }
	18%  { opacity: 1; margin-left: 3px; }
	20%  { opacity: 0; margin-left: -4px; }
	22%  { opacity: 0; margin-left: 0; }
	24%  { opacity: 0; margin-left: 2px; }
	26%  { opacity: 0; margin-left: -2px; }
	28%  { opacity: 0; margin-left: 0; }
	98%  { opacity: 0; margin-left: 0; }
	100% { opacity: 1; margin-left: 0; }
}

/* .face-green
------------------------------------*/
#slider.active .character .face-green { animation: face-green1 2.5s linear 1.2s infinite; }
#slider.active .character .face-green2 { animation: face-green2 2.5s linear 1.2s infinite; }

@keyframes face-green1 {
	0%   { margin-top: 0; }
	5%   { margin-top: 2px; }
	8%   { margin-top: 0; }
	98%  { margin-top: 0; }
	100% { margin-top: 0; }
}
@keyframes face-green2 {
	0%   { opacity: 1; margin-top: 0; }
	5%   { opacity: 1; margin-top: 2px; }
	8%   { opacity: 0; margin-top: 0; }
	98%  { opacity: 0; margin-top: 0; }
	100% { opacity: 1; margin-top: 0; }
}

/* .face-purple
------------------------------------*/
#slider.active .character .face-purple { animation: face-purple 2.5s linear 1.6s infinite; }

@keyframes face-purple {
	0%   { margin-left: 0; }
	2%   { margin-left: 3px; }
	6%   { margin-left: -2px; }
	10%  { margin-left: 3px; }
	14%  { margin-left: -2px; }
	16%  { margin-left: 0; }
	100% { margin-left: 0; }
}

/* .face-blue
------------------------------------*/
#slider.active .character .face-blue { animation: face-blue 2.5s linear 1.6s infinite; }

@keyframes face-blue {
	0%   { margin-top: 0; }
	2%   { margin-top: 4px; }
	10%  { margin-top: 0px; }
	12%  { margin-top: 4px; }
	20%  { margin-top: 0px; }
	100% { margin-top: 0; }
}

/* .face-yellow
------------------------------------*/
#slider.active .character .face-yellow {
	transform-origin: center bottom;
	animation: face-yellow 2s linear 1.6s infinite;
}
@keyframes face-yellow {
	0%   { margin-top: 0; margin-left: 0; }
	10%  { margin-top: 1px; margin-left: -2px; }
	20%  { margin-top: 0px; margin-left: 0; }
	30%  { margin-top: 1px; margin-left: -2px; }
	40%  { margin-top: 0px; margin-left: 0; }
	100% { margin-top: 0; margin-left: 0; }
}


/* .content
---------------------------------------------------------------------------*/
.cloTxt{ color: #EB6559; }

section.content{
	display: block;
/* 	width: 770px; */
	margin: 120px auto 0!important;
	text-align: left;
	position: relative;

	width: 710px;
	padding: 0 30px;
}

section.content:first-child{}

section.content h1{}
section.content h2{
	font-size: 16px;
	line-height: 1.9;
	letter-spacing: 3px;
	margin: 15px 0 20px;
}

section.content span{
	color: #666666;
	line-height: 2.1;
	letter-spacing: 1px;
	font-size: 13px;
}

/* header
------------------------------------*/
header{
	display: block;
	margin: 35px 0;
	width: 100%;
}

header h1{
	float: left;
	margin: 0 55px 0 35px;
}

header nav#gNavi{
	float: left;
	width: 670px;
	display: inline;
	margin: 24px 0 0 10px;
}

header nav#gNavi ul{
	width: 670px;
	display: inline;
}

header nav#gNavi ul li{
	float: left;
	margin-left: 28px;
	display: inline;
}

header nav#gNavi ul li:first-child{ margin-left: 0;}

header nav#gNavi ul li a{
	border-bottom: 2px solid #E85C53;
	padding: 0 4px;
	padding-bottom: 4px;
}

/* #mainContents
------------------------------------*/
section#mainContents{
	background: #ffffff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 50px 0;
	width: 980px;
	margin: 0 auto;
}

body.home section#mainContents{
	background: none;
}

section#mainContents div.contHead{
	width: 845px;
	margin: 0 auto;
	padding: 0 37px;
	border-bottom: 3px solid #FCF8E4;
	margin-bottom: 70px;
	padding-bottom: 35px;
}

section#mainContents div.contHead h1.contTitle{ float: left;}
section#mainContents div.contHead nav.cNavi{ float: right;}

section#mainContents div.contHead nav.cNavi ul{
	width: 100%;
	padding-top: 10px;
}

section#mainContents div.contHead nav.cNavi li{
	float: left;
	margin-left: 10px;
	padding-left: 23px;
	letter-spacing: 2px;
	font-size: 14px;
	background: url(img/share/bg_sharp.gif) no-repeat left center;
	font-weight: bold;
}

section#mainContents div.contHead nav.cNavi li:first-child{
	margin-left: 0;
	padding-left: 0;
}

section#mainContents div.contHead nav.cNavi li:nth-child(1) a{ color: #D70B17; border-bottom: 1px dotted #D70B17;}
section#mainContents div.contHead nav.cNavi li:nth-child(2) a{ color: #0090DA; border-bottom: 1px dotted #0090DA;}
section#mainContents div.contHead nav.cNavi li:nth-child(3) a{ color: #00843A; border-bottom: 1px dotted #00843A;}
section#mainContents div.contHead nav.cNavi li:nth-child(4) a{ color: #EA6000; border-bottom: 1px dotted #EA6000;}

section#mainContents div.contHead nav.cNavi li a{
	text-decoration: none;
	padding-bottom: 3px;
	padding-left: 4px;
}

#sliderCont{
	width: 770px;
	margin: 0 auto;
}

.secTit{
	font-size: 11px;
	color: #444444;
	letter-spacing: 2px;	
	margin-bottom: 30px;	
}

/* #topicsHook
------------------------------------*/
p#topicsHook{
	position: relative;
	top: -5px;
}

div#topicsWrap{
	position: relative;
	top: -5px;
	width: 980px;
	background: #95BC40;
	margin-top: 0px;
	margin-bottom: 60px;
}

div#topicsWrap strong{
	width: 80px;
	float: left;
	color: #ffffff;
	letter-spacing: 3px;
	font-size: 13px;
	padding: 15px 20px 15px 20px;
	background: url(img/share/bg_topics_fuki.gif) no-repeat right 7px;
}

ul#newsTicker{
	width: 780px;
	position: absolute;
	color: #ffffff;
	top: 10px;
	left: 140px;
	height: 30px;
	overflow: hidden;
}
ul#newsTicker li{
	font-size: 13px;
	letter-spacing: 1px;
	text-align: left;
	line-height: 2;
	display: block;
	letter-spacing: 2px;
}

ul#newsTicker li span{
	padding-right: 15px;
	font-size: 11px;
}

ul#newsTicker li a{
	color: #ffffff;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px solid #ffffff;
	padding-left: 3px;
}

/* footer
------------------------------------*/
footer {
	position: relative;
	width: 895px;
	margin: 0 auto;
	padding-top: 145px;
	clear: both;
}

footer p#fLogo{
	float: left;
	width: 167px;
}

footer #fNavi{
	width: 680px;
	float: right;
	position: relative;
	right: -16px;
}

footer #fNavi ul{
	width: 680px;
	margin-top: 33px;
}

footer #fNavi ul li{
	float: left;
	margin-left: 20px;
}

footer #fNavi ul li:first-child{ margin-left: 0;}

footer #fNavi ul li a{
	padding-left: 15px;
	padding-bottom: 2px;
	background: url(img/share/bg_burret.gif) no-repeat left center;
}

footer small{
	font-size: 11px;
	letter-spacing: 2px;
	text-transform: uppercase;
	display: block;
	clear: both;
	text-align: center;
	padding: 25px 0 60px;
	color: #79796A;
}

#btnPagetop{
	position: fixed;
	bottom: -60px;
	right: 30px;
}

#btnPagetop:hover{ cursor: pointer;}

.wp-pagenavi a, .wp-pagenavi span {
	border: none !important;
}

/* .btn-modal-lovot-header
------------------------------------*/
.btn-modal-lovot-header {
	display: none;
	box-sizing: border-box;
	position: absolute;
	bottom: -74px;
	right: calc(50% - 498px);
	width: 287px;
}

.btn-modal-lovot-header button,
.btn-modal-lovot-footer button {
	background: none;
	border: none;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
	cursor: pointer;
}

.btn-modal-lovot-header button {
	box-sizing: border-box;
	padding: 16px 0 0 125px;
}

.btn-modal-lovot-header .img-wrap {
	overflow: hidden;
	position: absolute;
	bottom: -2px;
	left: 0;
	border-radius: 0 0 102px 102px;
	width: 102px;
	height: 140px;
}

.btn-modal-lovot-header .img-inner {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 102px;
	height: 102px;
}

.btn-modal-lovot-header .img-inner-s {
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) !important;
	background-color: #E9E6DB;
	border-radius: 50%;
	/*width: 102px;*/
	width: 0;
	/*height: 102px;*/
	height: 0;
	transform-origin: center center;
}

.btn-modal-lovot-header .img-wrap .img {
	display: block;
	position: absolute;
	bottom: 50%;
	left: 50%;
	transform: translate(-50%,50%) !important;
	margin: 0 0 -108px 10px;
}

.btn-modal-lovot-header .img-wrap .img img {
	display: block;
	width: 148px;
	height: auto;
	transform: rotate(11deg) !important;
	backface-visibility: hidden;
	will-change: transform;
}

/* .btn-modal-lovot-footer
------------------------------------*/
.btn-modal-lovot-footer {
	box-sizing: border-box;
	position: absolute;
	top: 30px;
	right: calc(50% - 475px);
	width: 237px;
}

.btn-modal-lovot-footer .img-wrap {
	overflow: hidden;
	position: absolute;
	bottom: -20px;
	right: 0;
	border-radius: 0 0 102px 102px;
	width: 84px;
	height: 120px;
}

.btn-modal-lovot-footer .img-inner {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 84px;
	height: 84px;
}

.btn-modal-lovot-footer .img-inner-s {
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-color: #E9E6DB;
	border-radius: 50%;
	/*width: 84px;*/
	width: 0;
	/*height: 84px;*/
	height: 0;
	transform-origin: center center;
}

.btn-modal-lovot-footer .img-wrap .img {
	display: block;
	position: absolute;
	bottom: 50%;
	left: 50%;
	transform: translate(-50%,50%) !important;
	/*margin: 0 0 -44px -7px;*/
	margin: 0 0 -64px -6px;
}

.btn-modal-lovot-footer .img-wrap .img img {
	display: block;
	width: 120px;
	height: auto;
	transform: rotate(-11deg) scaleX(-1) !important;
	backface-visibility: hidden;
	will-change: transform;
}

/* .btn-modal-lovot
------------------------------------*/
.btn-modal-lovot .img-wrap .img .img2 {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.btn-modal-lovot button:hover .img .img1 {
	animation: btn_modal_lovot_hover1 .22s ease-in-out forwards;
}

@keyframes btn_modal_lovot_hover1 {
	0% { margin-bottom: 0; }
	50% { margin-bottom: -4px; }
	100% { margin-bottom: 0; }
}

.btn-modal-lovot button:hover .img .img2 {
	animation: btn_modal_lovot_hover2 .22s ease-in-out forwards;
}

@keyframes btn_modal_lovot_hover2 {
	0% { margin-bottom: 0; opacity: 0; }
	50% { margin-bottom: 7px; opacity: 1; }
	100% { margin-bottom: 0; opacity: 0; }
}

.btn-modal-lovot button .txt {
	opacity: 0;
}

.btn-modal-lovot button .txt img {
	transition: .15s ease-out;
}

.btn-modal-lovot button:hover .txt img {
	opacity: 0.7;
}

/* .modal-lovot
------------------------------------*/
.modal-lovot {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(254,194,97,0.9);
	width: 100%;
	height: 100%;
	color: #532A13;
	font-weight: 600;
	font-feature-settings: 'palt' 1;
	z-index: 10000;
	display: none;
	opacity: 0;
}

.modal-lovot-close {
	appearance: none;
	background: none;
	border: none;
	border-radius: 0;
	cursor: pointer;
	transition: .15s ease-out;
}

.modal-lovot-close:hover {
	opacity: 0.7;
}

.modal-close-top {
	position: absolute;
	top: 50px;
	right: 45px;
	z-index: 2;
}

.modal-close-btm {
	display: block;
	box-sizing: border-box;
	background-color: #532A13;
	border-radius: 10px;
	width: 540px;
	margin: 0 auto;
	padding: 22px;
}

.modal-close img {
	transition: .15s ease-out;
}

.modal-close:hover img {
	opacity: 0.7;
}

.modal-lovot .modal {
	overflow-y: scroll;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 138px 0 100px;
	opacity: 0;
}

.modal-lovot .modal-inner {
	overflow: hidden;
	box-sizing: border-box;
	background-color: #FAF5E3;
	border-radius: 1134px;
	width: 1134px;
	margin: 0 auto 120px;
	padding: 100px 142px 395px;
}

.modal-lovot .modal-inner {
	overflow-x: auto;
	position: relative;
}

.modal-lovot .modal-inner::-webkit-scrollbar { width: 2px; }
.modal-lovot .modal-inner::-webkit-scrollbar-track { border-radius: 2px; background: #FFFFFF; }
.modal-lovot .modal-inner::-webkit-scrollbar-thumb { border-radius: 2px; background: #000000; }

.modal-lovot .modal-inner {
	text-align: center;
}

.modal-lovot .modal-inner h2 {
	margin-bottom: 40px;
}

.modal-lovot .modal-inner h3 {
	margin-bottom: 78px;
}

.modal-lovot .modal-inner h3 strong {
	display: block;
	margin-bottom: 22px;
}

.modal-lovot .modal-inner h3 em {
	display: block;
}

/* .modal-lovot .lead
------------------------------------*/
.modal-lovot .lead {
	display: flex;
	justify-content: space-between;
	width: 690px;
	margin: 0 auto 132px;
	padding: 0 20px 0 0;
	text-align: left;
}

.modal-lovot .lead .img {
	position: relative;
	align-self: flex-start;
	width: 324px;
	margin-top: -45px;
}

.modal-lovot .lead .img figure {
	overflow: hidden;
	position: relative;
	border-radius: 0 0 324px 324px;
	width: 324px;
	height: 364px;
}

.modal-lovot .lead .img figure .mask {
	background-color: #FFFFFF;
	border-radius: 50%;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 324px;
	height: 324px;
}

.modal-lovot .lead .img figure img {
	position: absolute;
	bottom: -25px;
	left: -19px;
	width: 353px;
	height: auto;
}

.modal-lovot .lead .img .dl {
	position: absolute;
	bottom: -106px;
	left: 64px;
}

.modal-lovot .lead .img .dl:before {
	display: block;
	content: '';
	position: absolute;
	bottom: 4px;
	left: -30px;
	background: url(img/lovot/pic-profile.svg) no-repeat;
	width: 14px;
	height: 190px;
} 

.modal-lovot .lead .img .dl dl {
	display: flex;
	margin-bottom: 4px;
	line-height: 1.6;
	letter-spacing: 0.1em;
	white-space: nowrap;
}

.modal-lovot .lead .img .dl dt {
	padding: 1px 2px 0 0;
	font-size: 11px;
}

.modal-lovot .lead .img .dl dd {
	font-size: 13px;
}

.modal-lovot .lead .txt {
	width: 313px;
}

.modal-lovot .lead .txt h4 {
	margin-bottom: 30px;
}

.modal-lovot .lead .txt p {
	margin-bottom: 16px;
	font-size: 13px;
	line-height: 2;
	letter-spacing: 0.12em;
	text-align: justify;
	opacity: 0.8;
}

.modal-lovot .lead .txt p:last-of-type {
	margin-bottom: 0;
}

/* .modal-lovot .point
------------------------------------*/
.modal-lovot .point {
	position: relative;
	background: rgba(255,255,255,0.8);
	padding: 52px 62px 54px;
	text-align: center;
}

.modal-lovot .point:before,
.modal-lovot .point:after {
	display: block;
	content: '';
	position: absolute;
	background: url(img/lovot/pic-corner.svg) no-repeat;
	width: 38px;
	height: 38px;
}

.modal-lovot .point:before { top: -7px; left: -7px; }
.modal-lovot .point:after { bottom: -7px; right: -7px; transform: scale(-1); }

.modal-lovot .point h4 {
	margin-bottom: 26px;
}

.modal-lovot .point h5 {
	margin-bottom: 50px;
}

.modal-lovot .point-list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 0 41px;
	width: 717px;
	margin: 0 auto;
}

.modal-lovot .point-list figure {
	position: relative;
	border-top: 2.5px solid #532A13;
	margin-bottom: 28px;
}

.modal-lovot .point-list figure i:nth-of-type(1),
.modal-lovot .point-list figure i:nth-of-type(2) {
	position: absolute;
	bottom: -1.25px;
	background-color: #532A13;
	height: 2.5px;
}

.modal-lovot .point-list figure i:nth-of-type(1) {
	left: 0;
	width: 99px;
}

.modal-lovot .point-list figure i:nth-of-type(1):after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	right: -14px;
	background-color: #532A13;
	width: 13px;
	height: 2.5px;
	transform-origin: left top;
	transform: rotate(45deg);
}

.modal-lovot .point-list figure i:nth-of-type(2) {
	right: 0;
	width: 102px;
}

.modal-lovot .point-list h6 {
	margin-bottom: 16px;
	text-align: center;
}

.modal-lovot .point-list p {
	font-size: 12px;
	line-height: 2;
	letter-spacing: 0.08em;
	text-align: justify;
}

.modal-lovot .point .pic1 {
	position: absolute;
	top: -72px;
	right: 32px;
}

.modal-lovot .point .pic1 .pic-txt {
	position: absolute;
	top: 18px;
	left: -145px;
}

.modal-lovot .point .pic1 .pic-img {
	display: block;
	width: 77px;
	transform: rotate(-4deg);
}

.modal-lovot .point .pic2 {
	position: absolute;
	bottom: -100px;
	left: 35px;
}

.modal-lovot .point .pic2 .pic-txt {
	position: absolute;
	top: 28px;
	right: -98px;
}

.modal-lovot .point .pic2 .pic-img {
	display: block;
	width: 79px;
	transform: rotate(1deg);
}

/* .modal-lovot .message
------------------------------------*/
.modal-lovot .message {
	position: absolute;
	bottom: 20px;
	right: 180px;
}

.modal-lovot .message .fukidashi {
	box-sizing: border-box;
	position: absolute;
	top: 8px;
	left: -342px;
	background: url(img/lovot/pic-message.svg) no-repeat left top / 100% auto;
	width: 404px;
	height: 237px;
	padding: 77px 0 0 62px;
	z-index: 0;
	opacity: 0;
}

.modal-lovot .message .fukidashi p {
	position: relative;
	font-size: 13px;
	line-height: 2;
	letter-spacing: 0.16em;
	text-align: left;
	white-space: nowrap;
	z-index: 1;
}

.modal-lovot .message figure {
	position: relative;
	z-index: 2;
	opacity: 0;
}

.modal-lovot .message figure img {
	width: 267px;
	height: auto;
}