@charset "utf-8";
/* layout */
@import '../../parts/css/v3/v3_layout.css';
/* header */
@import '../../parts/css/v3/v3_header.css';
/* visual */
@import '../../parts/css/v3/v3_visual.css';
/* titles */
@import '../../parts/css/v3/v3_titles.css';
/* subimage */
@import '../../parts/css/v3/v3_subimage.css';
/* steps */
@import '../../parts/css/v3/v3_steps.css?pz';
/* present */
@import '../../parts/css/v3/v3_present.css';
/* mainlist */
/* @import '../../parts/css/mainlist.css'; */
@import '../../parts/css/v3/v3_mainlist_category.css';
/* img_slider02 */
@import '../../parts/css/v3/v3_img_slider.css';
/* tweets */
@import '../../parts/css/v3/v3_tweets_normal.css';
/* caution */
@import '../../parts/css/v3/v3_caution.css';
/* share */
@import '../../parts/css/v3/v3_share.css';
/* footcont */
@import '../../parts/css/v3/v3_footcont.css?pn';
/* footer */
@import '../../parts/css/v3/v3_footer.css';
/* top_bg */
@import '../../parts/css/v3/v3_top_bg.css';

/*以下自由記述*/

/* X in-app browser (iPhone) : #postToTweet が押せない対策 */
.input__btnlists button,
.input__btnlists #postToTweet,
.input__btnlists a.js-xDeepLink {
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	touch-action: manipulation;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.15);
	position: relative;
	z-index: 5;
	min-height: 44px;
}
.input__btnlists button *,
.input__btnlists #postToTweet *,
.input__btnlists a.js-xDeepLink * {
	pointer-events: none;
}
.input__btnlists button.is-posting,
.input__btnlists #postToTweet.is-posting {
	opacity: 0.6;
	pointer-events: none;
}
.input__btnlists button:hover {
	opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
	.input__btnlists button:hover {
		opacity: 0.75;
	}
}
.input__error {
	display: none;
	color: #c00;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	padding-top: 12px;
	white-space: pre-line;
}
.input__error.is-show {
	display: block;
}
#inputWrap {
	padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
}
@media screen and (max-width: 768px) {
	.input__btnlists button,
	.input__btnlists #postToTweet,
	.input__btnlists a.js-xDeepLink {
		min-height: 44px;
		height: auto;
		padding: 12px 16px;
	}
	.input__error {
		font-size: 1.3rem;
	}
}

.goTweet__wrap.is-xapp {
	width: 100%;
	padding: 40px 0 20px;
}
.goTweet__lead {
	text-align: center;
	margin: 0 0 24px;
	font-size: 14px;
	line-height: 1.7;
}
.input__btnlists a.js-xDeepLink {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	font-weight: 700;
	background: var(--mainbg-color);
	color: var(--maintext-color);
	text-decoration: none;
	height: 64px;
	position: relative;
}
@media screen and (max-width: 768px) {
	.goTweet__lead {
		font-size: 1.4rem;
		margin-bottom: 4rem;
	}
}