@font-face {
  font-family: 'akabara-cinderella';
  src: url('../common/font/akabara-cinderella.ttf') format('truetype');
  font-display: swap;
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.js-marker {/* https://web-dev.tech/front-end/javascript/js-scroll-marker/ */
	display: inline;
	position: relative;
	background-image: linear-gradient(90deg, #9C27B0, #FFC107); /* 単色の場合は同じ色、グラデーションさせる場合は別々の色 */
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: 0 15%; /* '30%'の部分にマーカーの太さを記入 */
	transition: all 1s ease; /* マーカーを引く速度を調整 */
}
	/* アニメーション発火時 */
	.js-marker.animate-on {
		background-size: 100% 15%; /* '30%'の部分は上で設定した太さに合わせる */
	}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.clearfix::after{
	content: "";
	clear: both;
	display: block;
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.fadein_L-to-R,
.fadein_R-to-L,
.fadein_B-to-T,
.fadein_T-to-B,
.fadein_UpperLeft,
.fadein_UpperRight
{
	opacity : 0;
}
.fadein_L-to-R.animate-on,
.fadein_R-to-L.animate-on,
.fadein_B-to-T.animate-on,
.fadein_T-to-B.animate-on,
.fadein_UpperLeft.animate-on,
.fadein_UpperRight.animate-on
{
	opacity : 1;
}
.fadein_L-to-R.animate-on,
.fadein_R-to-L.animate-on {
	transform: translateX(0);
}
.fadein_B-to-T.animate-on,
.fadein_T-to-B.animate-on {
	transform: translateY(0);
}
.fadein_UpperLeft.animate-on,
.fadein_UpperRight.animate-on {
	transform: translate(0);
}

.fadein_L-to-R {
	transform: translateX(-30px);
	transition: all 0.7s;
}
.fadein_B-to-T {
	transform: translateY(20px);
	transition: all 1s;
}

.fadein_R-to-L {
	transform: translateX(30px);
	transition: all 0.7s;
}
.fadein_T-to-B {
	transform: translateY(-20px);
	transition: all 1s;
}


.fadein_UpperLeft {
	transform: translate(-30px, -30px);
	transition: all .7s;
}
.fadein_UpperRight {
	transform: translate(30px, -30px);
	transition: all .7s;
}

.delay100ms {
	transition-delay: .1s;
}
.delay200ms {
	transition-delay: .2s;
}
.delay300ms {
	transition-delay: .3s;
}
.delay400ms {
	transition-delay: .4s;
}
.delay500ms {
	transition-delay: .5s;
}
.delay600ms {
	transition-delay: .6s;
}
.delay700ms {
	transition-delay: .7s;
}
.delay800ms {
	transition-delay: .8s;
}
.delay900ms {
	transition-delay: .9s;
}
.delay1000ms {
	transition-delay: 1s;
}
.delay1100ms {
	transition-delay: 1.1s;
}
.delay1200ms {
	transition-delay: 1.2s;
}
.delay1300ms {
	transition-delay: 1.3s;
}
.delay1400ms {
	transition-delay: 1.4s;
}
.delay1500ms {
	transition-delay: 1.5s;
}



/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/* 共通設定：最初は透明 */
.FinalEYE .texteye span {
	display: inline-block;
	opacity: 0;
}
	/* 初期位置 */
	.FinalEYE .part-final {/* Final */
		transform: translateY(-30px);
	}
	.FinalEYE .part-e1 {/* E */
		transform: translateX(-30px);
	}
	.FinalEYE .part-y {/* Y */
		transform: translateY(30px);
	}
	.FinalEYE .part-e2 {/* E */
		transform: translateX(30px);
	}
		/* アニメーション */
		.FinalEYE.inview .part-final {/* Final：上から降りる */
			animation: fadeInDown .75s forwards;
		}
		.FinalEYE.inview .part-e1 {/* E：左から */
			animation: fadeInLeft .75s forwards 0.2s;
		}
		.FinalEYE.inview .part-y {/* Y：下から */
			animation: fadeInUp .75s forwards 0.4s;
		}
		.FinalEYE.inview .part-e2 {/* E：右から */
			animation: fadeInRight .75s forwards 0.2s;
		}
		@keyframes fadeInDown {
			to {
				transform: translateY(0);
				opacity: 1;
			}
		} @keyframes fadeInLeft {
			to {
				transform: translateX(0);
				opacity: 1;
			}
		} @keyframes fadeInUp {
			to {
				transform: translateY(0);
				opacity: 1;
			}
		} @keyframes fadeInRight {
			to {
				transform: translateX(0);
				opacity: 1;
			}
		}



/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

article img {
	width:100%;
	vertical-align:bottom;
}
article.TopPage section {
	margin-bottom: 30px;
}

.HeadImage {
	width: 100%;
	vertical-align:bottom;
}
	.HeadImagePC { display: initial; }
	.HeadImageSP { display: none; }

/*!!!複数スタイル!!!!!!!!!!!!!!!!!!!!!!!*/

.QandA figcaption,
.img_middle figcaption {/* 2025/07追記してみます */
	color: #666;
}



	.Latest_top .flexwrap {
		align-items: center;
		justify-content: center;
		padding: 0;
		gap: 0 3%;
	}
		.Latest_top .flexleft {
			width: 50%;
		}
		.Latest_top .flexright {
			flex: 1;
		}
.Trouble_form.flexwrap {
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.Latest_foot .flexwrap {
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}

.character_red { color: crimson; }
.character_purple { color: purple; }
.character_blue { color: blue; }
.character_gray { color: gray; }

.overflow-wrap {
	overflow: hidden;
}


.TopPage h2,
.Talk h3
{
	border-left: solid 10px;
	border-bottom: solid 1px;
	margin-bottom: 20px;
	padding: 0 10px;
}
.TopPage .Latest_top h2,
.TopPage .TarekoXross h2 {
	color: #333;
	border-color: #349FA6;
}
.TopPage .Latest_foot h2,
.TopPage .Advertisement h2 {
	color: gray;
	border-color: gray;
}
.TopPage .Latest_foot h2 {
	color: gray;
	border-bottom: none;
	border-left: solid 5px;

}

.TopPage h3,
.Latest_top p.tsuzuki,
.Latest_foot figcaption
{
	color: #4682b4;/* 薄い青 */
	text-decoration: underline;
	transition: 0.5s;
}
.Latest_top a:hover h3,
.Latest_top a:hover p.tsuzuki,
.Latest_foot a:hover h3,
.Latest_foot a:hover figcaption
{
	color: purple;
}

.TopPage h2,
.TopPage h3,
.Talk h3,
.profile h4 {
	line-height: 1.6;
}

	.TopPage p {
		text-align: justify;
		color: #333;
	}
	.TopPage .Latest a:hover img {
		transform: scale(1.1);
	}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/* .Latest */
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/


	.Latest img {
		transition: 0.5s;
		aspect-ratio: 1.5 / 1;
	}
	/* その後サムネイルは345*230(1.5:1.0)で統一しましたが、一応書いたままにしておいてください */

/*!!!.Trouble_form!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.Trouble_form {
	border-bottom: 5px dotted #CCCCCC;
	border-top: 5px dotted #CCCCCC;
	margin: 30px auto;
	padding: 20px;
}
.Trouble_form .btn {/*「お悩み相談フォーム」ボタン*/
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #fdfdfd;
	background-color: #058BA9;
	display: inline-block;
	margin: 0 auto;
	padding: 10px 20px;
	border-radius: 5px;
	background-image: -webkit-linear-gradient(top, #92CDDB, #058BA9);
	background-image: linear-gradient(to bottom, #92CDDB, #058BA9);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#92CDDB', endColorstr='#058BA9');
	border: 1px solid #058BA9;
	box-shadow: 1px 1px 0 #9DDDED inset;
	text-shadow: 0px -1px 0 #333333;
}
	.Trouble_form .btn:hover, .Trouble_form .btn:visited:hover {
		color: #fdfdfd;
		opacity: 0.7;
	}

	.gridwrap {
		display: grid;
	}

/*!!!.Latest_foot!!!!!!!!!!!!!!!!!*/

.Latest_foot {
	padding: 0 15px;
}
.Latest_foot figcaption {
	margin: 5px auto 0;
	text-align: justify;
}

.Latest_foot .flexwrap a {
    width: calc((100% - 10px*2) / 3);
}

.backnumberlink {
	text-align: center;
	margin: 30px auto;
}

.backnumberlink a {
	font-weight: bold;
    line-height: 1.3;
    display: inline-block;
    padding: 10px 30px;
	cursor: pointer;
	border: 3px solid #da3c41;
	border-radius: 3px;
	transition: 0.5s;
}
	.backnumberlink a, .backnumberlink a:visited {
		color: #da3c41;
	}
		.backnumberlink a:hover, .backnumberlink a:visited:hover {
			color: #fdfdfd;
			background: #da3c41;
		}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/* .TarekoXross */
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.TarekoXross {

}
.TarekoXross .blackBG.gridwrap {
	background: black;
	padding: 10px 20px;
	grid-template-rows: auto;
	grid-template-columns: 40% 20% 40%;
	align-items: center;
}
	.Host {
		grid-column: 1;
	}
	.Icon.gridwrap {
		grid-column: 2;
		margin: 0 10px;
		justify-content: center;
	}
		.Icon img.Xline {
			grid-area: 1 / 1;
		}
	.Interviewee {
		grid-column: 3;
	}

.TarekoXross a,
.TarekoXross p {
	font-family: 'akabara-cinderella';
	line-height: 1.2;
	color: #fdfdfd;
	text-align: center;
	word-break: keep-all;
	overflow-wrap: anywhere;
}

	.Interviewee li {
		list-style: none;
	}
		.Interviewee a,
		.Interviewee .comingsoon {
			margin: 10px 0;
			padding: 10px 20px;
		}
		.Interviewee a {
			display: block;
			color: #fdfdfd;
			border: solid 1px #fdfdfd;
			letter-spacing: 0.05em;
		}
			.Interviewee a:hover, .Interviewee a:visited:hover {
				color: #E54C4C;
				border-color: #E54C4C;
			}
		.Interviewee .comingsoon {
			border: dashed 2px gray;
		}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/* .Advertisement */
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.image-rate:after { cursor: zoom-in!important; }/* ホバー時カーソルを拡大鏡に */

.Advertisement {

}

	/*==================================================
	スライダーのためのcss
	===================================*/
	.slider {
	    background: black;
	}
		.slider .image-rate img {
		    width: 100%;/*スライダー内の画像を横幅100%に*/
		    height: auto;
		}
	/*slickのJSで書かれるタグ内、スライド左右の余白調整*/
	.slider .slick-slide {
	    margin: 0 5px;/*スライド左右の余白調整*/
	}
	.slick-slider {
	    padding: 10px 0;
    }
	/*==================================================
	PHOTOSWIPEのためのcss
	===================================*/

	.Advertisement .PHOTOSWIPE li {
		position: relative;
		list-style: none;
	}
		.PHOTOSWIPE li a {
		    cursor: pointer;
		}
		.PHOTOSWIPE li a:after{
			content: '⤢';
			font-weight: bold;
			font-size: 28px;
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			background: rgba(0,0,0,0.8);
			display: -webkit-flex;
			display: flex;
			justify-content: center;
			align-items: center;
			color: #fdfdfd;
			opacity: 0;
			transition: all 300ms ease-in;
		}
			.PHOTOSWIPE li a:hover:after{
				opacity: 1;
			}
		.PHOTOSWIPE li a img {
		    display: block;
		    width: 100%;
		    height: auto;
		}


/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/* .InfoRight.trouble */
/* .InfoOpt.trouble */
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.TROUBLE .DrawerMenu .optwrap {
    /*grid-template-rows: 70px 50px auto 1fr;*/
    /* ヘッダー70px,GSE50px,InfoOpt,AdRnav */
}
	.TROUBLE .DrawerMenu .InfoOpt.trouble {
		/*grid-row: 3;*/
	}
	.TROUBLE .DrawerMenu .AdRnav {
		/*grid-row: 4;*/
	}

.Info.trouble {
	padding: 5%;
	color: #fdfdfd;
	background-color: purple;
}
.Info.trouble img {
	width: 100%;
	margin: 5% auto;
}
.Info.trouble h5, .Info.trouble h6 {
	text-align: center;
}
.Info.trouble h5 {
	border-bottom: solid 2px #fdfdfd;
}
.Info.trouble h6 {
	line-height: 1.6;
	text-decoration: underline;
}
.Info.trouble p {
	word-break: break-all;
	text-align: justify;
}


/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*//*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*//*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/* .Q&A */
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*//*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*//*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

article.QandA {
}
	.QandA figcaption {
		margin-top: 5px;
	}
	.QandA p, .QandA a {
		margin-bottom: 30px;
	}
		.QandA p {
			text-align:justify;
		}
		.QandA a {
			display: inline-block;
		}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.QandA .question {
	border:solid 1px #EFEFEF;
	background:#EFEFEF;
	border-radius: 15px;
	padding: 30px;
}
	.question h2 {
		margin-bottom: 15px;
	}
	.question figure {
	    float: left;
	    width: 40%;
	    margin: 0 30px 30px 0;
	}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.answer .OneWord {
	text-align: center;
	margin: 40px 0;
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.QandA .answer {
	padding: 0 0px;
}
	.answer figure {
		width: 50%;
		float: right;
		margin: 0 0 30px 30px;
	}
		/*figure.verticallylong {
			width: 40%;
		}*/
	.answer figcaption {
		text-align: center;
	}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.answer_foot.gridwrap {
	align-items: end;
	grid-template-columns: min(30%, 180px) 1fr;
	grid-template-rows: auto 1fr;
}
.answer_foot p {
	margin-bottom: 0;
}
	p.toptext {
		grid-row: 1;
		grid-column: 1 / 3;
		text-align: center;
		color: #fdfdfd;
		background: #262626;
		font-family: 'akabara-cinderella';
	}
	p.bottomtext {
		grid-row: 2;
		grid-column: 2 / 3;
		height: 100%;
		align-items: center;
		color: #262626;
		padding: 10px;
		line-height: 1.3;
		font-family: "Kiwi Maru", serif;
	}
	.Hoo {
		grid-row: 1 / 3;
		grid-column: 1;
		width: 100%;
	}
	.forbgcolor {
		grid-row: 2;
		grid-column: 1/ 3;
		display: block;
		width: 100%;
		height: 100%;
		background: #E54C4C;
	}


/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

#contents_foot {
	background: #fdfdfd;
}

	.footpathQandA.gridwrap {
		margin: 0 auto 30px;
		justify-content: center;
		align-items: center;
		grid-template-columns: repeat(5, auto);/* リンク3縦線2 */
	}
		.footpathQandA a {
			text-align: center;/*お悩み相談室Topデザイン崩れ対策*/
		}
		.footpathQandA a, .footpathQandA a:visited {
		    color: #4682b4;/* 薄い青 */
		}
			.footpathQandA a:hover, .footpathQandA a:visited:hover {
			    color: purple;
			}
				.footpathQandA .prev {
				    text-align: right;
				}.footpathQandA .ToIndex {
					text-align: center;
				}.footpathQandA .next {
				    text-align: left;
				}


/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*//*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*//*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/* .Talk */
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*//*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*//*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

article.Talk {
	border: solid 1px #333;
	padding: 20px;
}
	.Talk h2.talk_title {
		border-left: 12.5px solid purple;
		margin-bottom: 30px;
		padding: 10px 0px 10px 15px;
	}
	.Talk h3 {/* 上部複数スタイルに装飾あり.TopPage h2とおなじ */
		border-color: purple;
	}
	.Talk p {
		text-align: justify;
		word-break: break-all;
	}
	.Talk figcaption {
		margin-top: 5px;
	}


/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.Talk .first-eye {
	width: 100%;
	margin: 0 auto;
}
	.first-eye figcaption {
		text-align: right;
	}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.Talk .explanation {
	margin: 30px auto;
	padding: 30px 30px;
	border: solid 1px #EFEFEF;
	border-radius: 15px;
	background: #faecf9;
}
	.explanation p {
		margin-bottom: 20px;
	}
		.explanation p:last-child {
			margin-bottom: 0;
		}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.talk_sentence .flexwrap {
	align-items: flex-start;
	gap: 0 20px;
	margin-bottom: 20px;
}
	.flexwrap.Host {
	    justify-content: flex-start;
	}
	.flexwrap.Guest {
	    justify-content: flex-end;
	}
	.flexwrap.AllTogether {
	    justify-content: center;
	}

.FaceIcon img {
	display: block;
	 width: clamp(60px, 15vw, 80px);
	border-radius: 50%;
}

.SpeechBubble {
	margin-top: 5px;
    padding: 15px 20px;
    border: 1px solid #333;
    border-radius: 5px;
    background: #fdfdfd;
    position: relative;
}
.Talk .SpeechBubble p {
    text-align: initial;
}
/*.AllTogether .SpeechBubble:before,
.AllTogether .SpeechBubble:after {
    display: none;
}*/


/*
.SpeechBubble:before, .SpeechBubble:after {
    content: "";
    width: 0;
    display: block;
    border-style: solid;
    position: absolute;
}
	.SpeechBubble:before {
	    top: 14px;
	    border-color: transparent #333;
	}
	.SpeechBubble:after {
	    top: 15px;
	    border-color: transparent #fdfdfd;
	}
		.SpeechBubble-R:before {
		    right: -18px;
		    border-width: 9px 0 9px 17px;
		}
		.SpeechBubble-R:after {
		    right: -16px;
		    border-width: 8px 0 8px 16px;
		}
		.SpeechBubble-L:before {
		    left: -18px;
		    border-width: 9px 17px 9px 0;
		}
		.SpeechBubble-L:after {
		    left: -16px;
		    border-width: 8px 16px 8px 0;
		}
*/

/* border-widthで三角形 https://www.granfairs.com/blog/entry-3183/ */

.Triangle-L:before, .Triangle-R:before,
.Triangle-L:after, .Triangle-R:after {
    content: "";
    width: 0;
    display: block;
    border-style: solid;
    position: absolute;
}
	.Triangle-L:before, .Triangle-R:before {
	    top: 14px;
	    border-color: transparent #333;
	}
	.Triangle-L:after, .Triangle-R:after {
	    top: 15px;
	    border-color: transparent #fdfdfd;
	}
		.Triangle-L:before {
		    left: -18px;
		    border-width: 9px 17px 9px 0;
		}
		.Triangle-L:after {
		    left: -16px;
		    border-width: 8px 16px 8px 0;
		}
		.Triangle-R:before {
			right: -18px;
			border-width: 9px 0 9px 17px;
		}
		.Triangle-R:after {
			right: -16px;
			border-width: 8px 0 8px 16px;
		}

/*.guest { color: #E54C4C; }*/

.talk_sentence figcaption {
	text-align: center;
}

.talk_sentence .img_middle {
	width:40%;
}
	.img_middle_right {
		float: right;
		margin: 0px 0px 20px 20px;
	}
	.img_middle_left {
		float: left;
		margin: 0px 20px 20px 0px;
	}
	.img_break {
		width: 85%;
		margin: 0 auto 20px;
	}
	img.tarekos_eye {
		margin-bottom: 30px;
	}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.talk_sentence .EYE {
	position: relative;
	background: url('images/background-EYE.jpg') center center / cover no-repeat;/* 左右・上下 / サイズ */
}
	.EYE.landscape, .EYE.portrait {
		margin-bottom: 30px;
		clear: both;
	}
	.EYE:after {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		bottom: 0;
		z-index: 0;
    }
		.EYE.landscape:after { background: url('images/background-EYE_landscape.png') left bottom / contain no-repeat;/* 左右・上下 / サイズ */}
		.EYE.portrait:after { background: url('images/background-EYE_portrait.png') left bottom / contain no-repeat;/* 左右・上下 / サイズ */}

	.EYE .flexwrap {
		width: 100%;
		align-items: center;
		justify-content: center;
		gap: 0 15px;
	}
		.EYE.landscape .flexwrap {
			flex-direction: row;
			min-height: 200px;
			padding: 2.5%;
		}
			.EYE.landscape p.texteye {
				/*flex: 0.3;*/
			}
			.EYE.landscape p.textvariable {
				flex: 1;
			}
		.EYE.portrait .flexwrap {
			padding: 5%;
			flex-direction: column;
			gap: 10px 0;
		}

	.EYE p, .FinalEYE p {
		text-align: center;
		font-family: 'akabara-cinderella';
		font-style: italic;
		z-index: 1;
		filter: drop-shadow( 2px 2px 0px black );
	}
		p.texteye {
			font-weight: bold;
			color: black;
			line-height: 1;
		}
		p.textvariable {
			letter-spacing: 0.05em;
			color: #fdfdfd;
			line-height: 1.2;
			word-break: keep-all;
			overflow-wrap: anywhere;
		}
			p.texteye strong, p.textvariable strong {
				font-size: 120%;
				font-weight: normal;
			}


.talk_sentence .FinalEYE {
	margin-bottom: 30px;
			position: relative;

}
	.FinalEYE img {
		position: relative;
	}
	.FinalEYE p {
		position: absolute;
	}
		.FinalEYE p.texteye {
			padding: 2.5%;
			top: 0;
			left: 0;
		}
		.FinalEYE p.textvariable {
			width: 100%;
			padding: 25px 0px;
			text-align: center;
			bottom: 0;
		}

	.EYE p.texteye, .FinalEYE p.texteye {
		text-shadow:
			#fdfdfd 2.5px 0px 2.5px, #fdfdfd -2.5px 0px 2.5px,
			#fdfdfd 0px -2.5px 2.5px, #fdfdfd -2.5px 0px 2.5px,
			#fdfdfd 2.5px 2.5px 2.5px, #fdfdfd -2.5px 2.5px 2.5px,
			#fdfdfd 2.5px -2.5px 2.5px, #fdfdfd -2.5px -2.5px 2.5px,
			#fdfdfd 1.5px 2.5px 2.5px, #fdfdfd -1.5px 2.5px 2.5px,
			#fdfdfd 1.5px -2.5px 2.5px, #fdfdfd -1.5px -2.5px 2.5px,
			#fdfdfd 2.5px 1.5px 2.5px, #fdfdfd -2.5px 1.5px 2.5px,
			#fdfdfd 2.5px -1.5px 2.5px, #fdfdfd -2.5px -1.5px 2.5px,
			#fdfdfd 1.5px 1.5px 2.5px, #fdfdfd -1.5px 1.5px 2.5px,
			#fdfdfd 1.5px -1.5px 2.5px, #fdfdfd -1.5px -1.5px 2.5px;
	}
	.EYE p.textvariable, .FinalEYE p.textvariable {
		text-shadow:
			#333 2px 0px 2px, #333 -2px 0px 2px,
			#333 0px -2px 2px, #333 -2px 0px 2px,
			#333 2px 2px 2px, #333 -2px 2px 2px,
			#333 2px -2px 2px, #333 -2px -2px 2px,
			#333 1px 2px 2px, #333 -1px 2px 2px,
			#333 1px -2px 2px, #333 -1px -2px 2px,
			#333 2px 1px 2px, #333 -2px 1px 2px,
			#333 2px -1px 2px, #333 -2px -1px 2px,
			#333 1px 1px 2px, #333 -1px 1px 2px,
			#333 1px -1px 2px, #333 -1px -1px 2px;
	}



.talk_sentence .division {
	width: 100%;
	margin: 0 auto 30px;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}
	.division img {
		border: 1px solid #333;
	}

.Division02_04  { grid-template-rows: repeat(2, auto); }
	.Division02_04 img.division01 { grid-area: 1 / 1; }
	.Division02_04 img.division02 { grid-area: 1 / 2; }
	.Division02_04 img.division03 { grid-row: 2; grid-column: 1/ 3; }

.Division03_04 { grid-template-rows: repeat(3, auto); }
	.Division03_04 img.division01 { grid-area: 1 / 1; }
	.Division03_04 img.division02 { grid-area: 1 / 2; }
	.Division03_04 img.division03 { grid-row: 2; grid-column: 1/ 3; }
	.Division03_04 img.division04 { grid-row: 3; grid-column: 1/ 3; }



/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.Talk .profile {
	grid-template-columns: 35% 1fr;
	grid-template-rows: auto auto;
	gap: 0 20px;
	justify-items: center;
	margin: 30px auto;
	padding: 20px 0px;
	border-top: dotted 3px gray;
	border-bottom: dotted 3px gray;
}
	.profile h4 {
		grid-column: 1;
		grid-row: 1;
	}
	.profile img {
		grid-column: 1;
		grid-row: 2;
	}
	.profile p {
		grid-column: 2;
		grid-row: 2;
	}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.Talk .talk_foot {
	margin: 30px auto;
	text-align: center;
}
.talk_foot .footpathTalk.flexwrap {
    justify-content: center;
    gap: 0 5px;
	margin: 30px auto;
}
.talk_foot a {
	display: inline-block;
	color :#333;
	background: #dac5f6;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	border: solid 1.5px #333;
}
		.ovalLink {
			border-radius: 20px 20px 20px 20px;
			padding: 7.5px 30px;
		}
			.ovalLink .flexright {
				flex: 1;
				text-align: left;
				margin-left: 16px;
			}
		.footpathTalk a {
			font-weight: bold;
			/* border-radius: 50%; */
			display: flex;
			width: 50px;
			height: 50px;
			align-items: center;
			justify-content: center;
		}
			.talk_foot a:hover, .talk_foot a:visited:hover,
			.footpathTalk .current {
				background: #c230af;
				color: #fdfdfd;
				box-shadow:none;
			}

		.footpathTalk .forleftmargin { margin-left: 15px; }
		.footpathTalk .forrightmargin { margin-right: 15px; }


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
							/* ↓↓↓( font-size )↓↓↓ */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/




/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
							/* ↓↓↓( 各種条件分岐 )↓↓↓ */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


	.TarekoXross p.Host,
	.TarekoXross ul.Interviewee {/* ×マークを下にしたい */
		z-index: 1;
		position: relative;
	}

@media screen and (orientation: landscape) {

	/* 親要素より大きくしてはみださせてます */
	.Icon img.Xline {
        width: 340px;
        height: auto;
	}

	.landscape, .img_middlePC { display: block; }
	.portrait, .img_middleSP { display: none; }

}
/*-----------------------------------------------*/
/*-----------------------------------------------*/
@media screen and (orientation: portrait) {


	/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

	.HeadImagePC { display: none; }
	.HeadImageSP { display: initial; }

	/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

    .Latest_top .flexwrap {
        flex-direction: column;
        gap: 15px 0;
    }
		.Latest_top .flexleft {
		    width: 100%;
		}
			.TopPage .Latest_top p.tsuzuki {
				text-align: center;
			}

	.Latest_foot .flexwrap a {
        width: calc((100% - 10px*1) / 2);
	}


		.TarekoXross .blackBG.gridwrap {
			display: block;
		}
			.Icon.gridwrap {
				margin: -50px 0 10px;
				height: 150px;
			}
				.Icon img.Xline {
					width: auto;
					height: 250px;
				}

	/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

	.question figure {
	    float: initial;
	    width: 100%;
	    margin: 0 0 20px 0;
	}
	.answer figure {
		width: 100%;
		float: initial;
		margin: 0 0 20px 0;
	}

	/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

	.landscape, .img_middlePC { display: none; }
	.portrait, .img_middleSP { display: block; }

	.talk_sentence .img_middle {
	    width: 100%;
	    float: initial;
	    margin: 0 0 20px 0;
	}
		.img_break {
		    width: 100%;
		}

	.profile.gridwrap {
		display: block;
	}
		.profile img {
			display: block;
			width: 70%;
			margin: 5px auto 15px;
		}

	.talk_sentence .division {
		display: block;
	}
		.division img {
			margin-bottom: 10px;
		}
			.division img:last-child {
				margin-bottom: 0;
			}




}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
							/* ↓↓↓( Z-INDEX指定 )↓↓↓ */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
							/* ↓↓↓( font-size )↓↓↓ */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

	.TopPage h2 {
		font-size: 1.5rem;   /* 24px */
	}
		.TopPage p,
		.Latest_top a.tsuzuki {
			font-size: 1.125rem; /* 18px */
		}
			.Latest_top h3,
			.Latest_foot h2, .Latest_foot h3,
			.Trouble_form .btn, .backnumberlink {
				font-size: 1.375rem; /* 22px */
			}
				.Trouble_form p:first-child {/* あなたもたれ子先生に～ */
					font-size: 1.125rem; /* 18px */
				}
					.Trouble_form p:last-child {/*（※相談内容は原則～）*/
						font-size: 1rem;     /* 16px */
					}
						.Latest_foot figcaption {
							font-size: 1rem;     /* 16px */
						}

	.TarekoXross p.Host {/* デカパイ亭たれ子 */
		font-size: 4.5rem;   /* 72px */
	}
		.TarekoXross .Interviewee a,
		.TarekoXross .Interviewee .comingsoon {/* 対談者名 */
			font-size: 1.875rem; /* 30px */
		}

	/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

	.QandA .question h2 {
		font-size: 1.5rem;   /* 24px */
	}
		.QandA p, .QandA a {
			font-size: 1.125rem; /* 18px */
		}
			.QandA figcaption {
				font-size: 1rem;     /* 16px */
			}
				.QandA .OneWord {
					font-size: 1.75rem;  /* 28px */
				}
					.answer_foot p {
						font-size: 2.25rem;  /* 36px */
					}
						.footpathQandA {
							font-size: clamp(0.625rem, 5vw, 1.25rem);/* 20px */
						}

	/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

	.Talk h2.talk_title {
		font-size: 1.75rem;  /* 28px */
	}
		.first-eye figcaption {
			font-size: 1rem;     /* 16px */
		}
			.Talk h3 {
				font-size: 1.5rem;   /* 24px */
			}
				.Talk p {
					font-size: 1.125rem; /* 18px */
				}
					.Talk figcaption {
						font-size: 1rem;     /* 16px */
					}
						.Talk .FaceIcon figcaption {
						    font-size: 14px;
						}

	.landscape p.texteye {/* Tareko's EYE *//* Final EYE */
		font-size: clamp(0.625rem, 16vw, 4rem);/* 64px */
	}
		.landscape p.textvariable {/* テキスト */
			font-size: clamp(0.625rem, 16vw, 4rem);/* 64px */
		}
	.portrait p.texteye {/* Tareko's EYE *//* Final EYE */
		font-size: clamp(0.625rem, 16vw, 4rem);/* 64px */
	}
		.portrait p.textvariable {/* テキスト */
		    font-size: clamp(0.625rem, 16vw, 4rem);/* 64px */
		}



	.ovalLink {
		font-size: clamp(0.625rem, 5vw, 1.25rem);/* 20px */
	}
		.footpathTalk a {
			font-size: clamp(0.625rem, 5.5vw, 1.375rem);/* 22px */
		}

	.profile h4 {
		font-size: 1.125rem; /* 18px */
	}
		.profile p {
			font-size: 1rem;     /* 16px */
		}


	/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

	.Info.trouble h5 {
		font-size: 1.25rem;  /* 20px */
	}
		.Info.trouble h6, .Info.trouble p {
			font-size: 1rem;     /* 16px */
		}

	/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
							/* ↑↑↑（共通スタイル）↑↑↑ */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
							/* ↓↓↓特殊３カラム（ノートPC--iPadpro横）↓↓↓ */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

@media screen and (1280px <= width <= 1366px) and (orientation: landscape) {


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
}							/* ↓↓↓２カラム（タブ）↓↓↓ */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

@media screen and (933px <= width < 1280px) and (orientation: landscape),
       screen and (768px <= width < 1280px) and (orientation: portrait) {/* ２カラム共通スタイル */

	.TarekoXross p.Host {/* デカパイ亭たれ子 */
		font-size: 4rem;     /* 64px */
	}
		.TarekoXross .Interviewee a,
		.TarekoXross .Interviewee .comingsoon {/* 対談者名 */
			font-size: 1.75rem;  /* 28px */
		}



/*:::::２カラム横向き::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
} @media screen and (933px <= width < 1280px) and (orientation: landscape) {

	.landscape p.texteye {/* Tareko's EYE *//* Final EYE */
		font-size: clamp(0.625rem, 14vw, 3.5rem);/* 56px */
	}
		.landscape p.textvariable {/* テキスト */
		    font-size: clamp(0.625rem, 14vw, 3.5rem);/* 56px */
		}

/*:::::２カラム縦向き::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
} @media screen and (768px <= width < 1280px) and (orientation: portrait) {

	.portrait p.texteye {/* Tareko's EYE *//* Final EYE */
		font-size: clamp(0.625rem, 14vw, 3.5rem);/* 56px */
	}
		.portrait p.textvariable {/* テキスト */
		    font-size: clamp(0.625rem, 14vw, 3.5rem);/* 56px */
		}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
}							/* ↓↓↓１カラム（スマホ）↓↓↓ */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

@media screen and (width < 933px) and (orientation: landscape),
       screen and (width < 768px) and (orientation: portrait) {/* １カラム共通スタイル */

	.TarekoXross p.Host {/* デカパイ亭たれ子 */
		font-size: clamp(0.625rem, 14vw, 3.5rem);/* 56px */
	}
		.TarekoXross .Interviewee a,
		.TarekoXross .Interviewee .comingsoon {/* 対談者名 */
			font-size: 1.75rem;  /* 28px */
		}

/*:::::１カラム横向き::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
} @media screen and (width < 933px) and (orientation: landscape) {

	.landscape p.texteye {/* Tareko's EYE *//* Final EYE */
		font-size: clamp(0.625rem, 14vw, 3.5rem);/* 56px */
	}
		.landscape p.textvariable {/* テキスト */
		    font-size: clamp(0.625rem, 14vw, 3.5rem);/* 56px */
		}

} @media screen and (width < 700px) and (orientation: landscape) {/* iPhoneSE横 */

	article.Talk {
	    border: none;
	    padding: 0;
	}

	.landscape p.texteye {/* Tareko's EYE *//* Final EYE */
		font-size: clamp(0.625rem, 12vw, 3rem);/* 48px */
	}
		.landscape p.textvariable {/* テキスト */
		    font-size: clamp(0.625rem, 12vw, 3rem);/* 48px */
		}

/*:::::１カラム縦向き::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
} @media screen and (width < 768px) and (orientation: portrait) {

	.portrait p.texteye {/* Tareko's EYE *//* Final EYE */
		font-size: clamp(0.625rem, 10vw, 2.5rem);/* 40px */
	}
		.portrait p.textvariable {/* テキスト */
			font-size: clamp(0.625rem, 10vw, 2.5rem);/* 40px */
		}


} @media screen and (width <= 480px) and (orientation: portrait) {

	.QandA .question {
	    padding: 15px;
	}

	article.Talk {
	    border: none;
	    padding: 0;
	}


} @media screen and (width <= 375px) and (orientation: portrait) {/* iPhoneSE縦 */

} @media screen and (width <= 320px) and (orientation: portrait) {

}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* https://pengi-n.co.jp/blog/hover/ */

/*::::::::::::::::::::::::::::::( ホバー時の挙動 )::::::::::::::::::::::::::::::::::*/

@media (hover: hover) {


}


/*::::::::::::::::::::::::::::::( ホバーできない機種の挙動 )::::::::::::::::::::::::::::::::::*/

@media (hover: none) {


}