@charset "utf-8";

/*　inview
------------------------------------------------------------*/
.inview {
	position: relative;
	opacity: 0;
	transform: translateY(30px);
	transition: none;
	}
	.inview-active {
	opacity: 1;
	transform: translateY(0);
	transition: transform 1.5s ease, opacity 1s ease;
	}
	
/*　instaWrap
------------------------------------------------------------*/
#instaWrap {
	padding-inline: 2.5%;
	max-width: 2200px;
	margin: 1.5% auto 10%;
	}
@media screen and (max-width: 767px) {
#instaWrap {
	padding-inline: 10px;
	margin: 1.5% auto 100px;
	}
}
@media screen and (min-width: 480px) and (max-width: 999px) {
#sb_instagram.sbi_col_5 #sbi_images {
	grid-template-columns: repeat(4, 1fr) !important;
	}
}
@media screen and (min-width: 1000px) {
#sb_instagram.sbi_col_5 #sbi_images .sbi_item:nth-last-of-type(-n+2) {
	display: none;
	}
}

#sb_instagram a.sbi_photo img {
	filter: brightness(70%);
	transition: 0.5s ease;
	}
	#sb_instagram a.sbi_photo:hover img {
	filter: brightness(100%);
	}
	
/*　topNews
------------------------------------------------------------*/
#topNews {
	background-color: var(--gray);
	padding: 2em 0 1.5em;
	}
dl.news {
	margin: 0 auto;
	}
	dl.news dt,
	dl.news dd {
	margin-bottom: 20px;
	}
	dl.news dt {
	display: flex;
/*	align-items: flex-start;*/
	}
	dl.news dt .date {
	width: 40%;
	font-weight: bold;
	letter-spacing: var(--letter);
	font-size: 110%;
	}
	dl.news dt .news_cat {
	flex: 1;
/*	font-weight: bold;*/
	}
	dl.news dd a {
	text-decoration:none;
	border:none;
	padding: 2px;
	}
@media screen and (min-width: 768px) {
#topNews {
	}
dl.news {
	display: flex;
	flex-wrap: wrap;
	}
	dl.news dt {
	width: 40%;
	}
	dl.news dd {
	width: 60%;
	}
	dl.news dt .date,
	dl.news dt .news_cat,
	dl.news dd {
	padding: 2px 0.5em 2px 1em;
	}
	dl.news dt .news_cat,
	dl.news dd {
	border-left: var(--bd);
	padding-left: 1em;
	}

}	
@media screen and (max-width: 767px) {
#topNews {
	}
	dl.news {
	margin-bottom: 2em;
	}
	dl.news dt .date { 
	width: 6em;
	}
	dl.news dt {
	margin-bottom: 0px;
	}
	dl.news dd {
	border-bottom: var(--bd);
	margin: 0 0 20px 0;
	padding:0 0 10px 0;
	}
}
.icon_new {
	padding:0 0 0 3px;
	display:inline-block;
	white-space: nowrap;
	font-size: 85%;
	color: #ff3333;
	}

/* topArtist
------------------------------------------------------------*/
#topArtist {
	font-size: 1.4em;
	}
	#topArtist .artistList li {
	text-align: left;
	font-weight:bold;
	letter-spacing: var(--letter);
	text-transform: uppercase; 
	}
@media screen and (max-width: 767px) {
#topArtist {
	font-size: 1.25em;
	}
}
/* intro
------------------------------------------------------------*/
#intro {
	}
ul.introList {
	font-size: clamp(2.2rem, 1.8vw, 3rem);
	font-weight:bold;
	letter-spacing: var(--letter);
	color: #fff;
	}
	ul.introList li {
	}
	ul.introList li div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -52%);
	z-index: 10;
	text-shadow: 1px 1px 1em rgb(0 0 0 / .5);
	}
	ul.introList li a {
	color: inherit;
	display: block;
	}
	ul.introList li a img {
	filter: brightness(70%);
	}
	ul.introList li:hover a img {
	filter: brightness(100%);
	}

@media screen and (max-width: 767px) {
ul.introList {
	font-size: 1.6rem;
	}
	ul.introList li a img {
/*	height: 100%;*/
	object-fit: cover;
	aspect-ratio: 1 / 0.8;
	}
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* tattoo
------------------------------------------------------------*/
.tattooHeader {
	margin-bottom: 10px; 
	display: flex;
	justify-content: space-between;
	font-size: 1.5rem;
	margin-top: -0.5em;
	}
	.tattooHeader .breadcrumb { margin-block: 0;}
	.breadcrumb {
	display: flex;
	margin-block: -0.5em 1.5em ;
	}
	.breadcrumb li:not(:first-child)::before{
	content: '＞';
	padding: 0 0.8em;	
	}
@media screen and (max-width: 767px) {
.tattooHeader {
	font-size: 1.25rem;
	}
}

/*tattooMain*/
.tattooMain {
	margin: 2em auto;
	padding-inline: 2em;
	}
	#content .tattooMain{
	font-size: 1.08em;
	}
	#content .tattooMain,
	#content .tattooMain p,
	#content .tattooMain figure {
	text-align: center;
	}
	#content .tattooMain p,
	#content .tattooMain figure {
	margin-block: 0.5em 1.8em;
	}
	.tattooMain figure img,
	.tattooMain p img{
	width: auto;
	max-height: 600px;
	}
@media screen and (max-width: 767px) {
.tattooMain {
	padding-inline: 0em;
	}
	#content .tattooMain,
	#content .tattooMain p,
	#content .tattooMain figure {
	text-align: justify !important;
	}
}

/*tattooMeta*/
.tattooMeta {
	position: relative;
	text-align: left;
	padding: 1.2em 0;
	width: fit-content;
	margin: 0 auto 2rem;
	}
	.tattooMeta::after {
	content: '';
	position: absolute;
	z-index: 1;
	background-color: var(--gray);
	top: 0;
	left: calc((150vw - 100%) /2* -1);
	width: 150vw;
	height: 100%;
	}
	.tattooMeta .area_taxonomy,
	.meta-post_tag {
	position: relative;
	z-index: 2;
	}
.area_taxonomy,
.area_taxonomy dl,
.area_taxonomy ul,
ul.meta-post_tag {
	display: flex;
	}
	.area_taxonomy,
	.area_taxonomy ul,
	ul.meta-post_tag {
	flex-wrap: wrap;
	}
/*	.area_taxonomy ul li {display: inline-block;}*/
	.area_taxonomy ul li:not(:first-child)::before{
	content: '|';
	padding: 0 5px;	
	color: #666;
	}
.area_taxonomy dl {
	margin-right: 2em;
	}
	.area_taxonomy dl dt {
	font-weight: bold;
	letter-spacing: var(--letter);
	margin-right: 0.5em;
	font-size: 1.1em;
	}
.meta-post_tag li {
	margin-right: 1em;
	}
@media screen and (max-width: 767px) {
.tattooMeta {
	padding: 1.2em 0;
	}
	.area_taxonomy {
	display: block;
	}
	.area_taxonomy dl dt {
	width: 3.2em;
	}
	.area_taxonomy dl dd {
	flex: 1;
	}
}
	
#content .tattooShare {
	margin: 2em auto;
	display: flex;
	justify-content: center;
	align-items: center;
	}
	#content .tattooShare .tattooShare_header{
	font-weight: bold;
	letter-spacing: var(--letter);
	margin: 0 1.5em 0 0;
	}
	
/* secCate
------------------------------------------------------------*/
@media screen and (max-width: 767px) {
.secCate {
	margin-bottom: 40px;
	}
}
@media screen and (min-width: 768px) {
.secCate {
	margin-bottom: min(6%, 160px);
	}
}
ul.cateList {
	text-align: left;
	line-height: 1.2;
	}	
@media screen and (min-width: 768px) {
	ul.cateList li a {
	display: flex;
	align-items: center;
	}
	ul.cateList li figure {
	align-self: flex-start;
	width: 48%;
	height: 48%;;
	min-width: 120px;
	}
	ul.cateList li .cate_name {
	flex: 1;
	padding-inline: 1em 0.5em;
	}
	.cate_name-en {
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 0.2em;
	}
	.cate_name-jp {
	font-size: 0.9em;
	}
	ul.cateList li a:hover {
	color: #fff;
	text-decoration: none;
	}
	ul.cateList li a::before{
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--b90);
	transform: scaleX(0);
	transform-origin: left top;
	transition: 0.4s;
	}
		ul.cateList li a:hover::before{
		transform: scaleX(1);
		}
}
@media screen and (max-width: 767px) {
	ul.cateList li figure {
	}
	ul.cateList li .cate_name {
	padding: 0.2em 0 0.5em;
	}
	.cate_name-en {
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 0.2em;
	}
	.cate_name-jp {
	font-size: 0.8em;
	}
}

/* secArtist
------------------------------------------------------------*/
@media screen and (max-width: 767px) {
.secArtist {
	margin-bottom: 40px;
	}
}
@media screen and (min-width: 768px) {
.secArtist {
	margin-bottom: min(6%, 160px);
	}
}
@media screen and (min-width: 768px) and ( max-width:1400px) {
.secArtist ul.tb_col-5 li:last-child {
	display: none;
	}
}

/* DICTIONARY
------------------------------------------------------------*/
#dictionary .entry-content {
	margin-bottom:  2em;
	}
#dictionary .dic_name {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(0 0 0 / 0.4);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 0 1em;
	line-height: 1.5;
	}
@media screen and (min-width: 768px) {
	#dictionary .dic_name { font-size: 1.1em; }
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*　studio
------------------------------------------------------------*/
@media screen and (max-width: 767px) {
.studio_InfoWrp {
	background-color: var(--gray);
	position: relative;
	inset-inline: 50%;
	width: 100vw;
	margin-inline: -50vw;
	}
	.studio_info {
	padding: 10px 25px 30px;
	}
	.sanitation .flexWrap {
	display: flex;
	flex-direction: column-reverse;
	margin: 0 0 1em;
	}
	.sanitation .area_img {
	margin: 0 auto 1em;
	}
}
@media screen and (min-width: 768px) {
.studio_InfoWrp {
	position: relative;
	margin-top: 7%;
	padding-bottom: 5%;
	}
.studio_info {
	background-color: var(--gray);
	position: relative;
	top: 3vw;
	margin-left: min(20%, 200px);
	padding: 3em 4em;
	padding-left: 15%;
	}
	.studio_photo {
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	width: min(30%, 340px);
	}

	.sanitation .flexWrap {
	align-items: center;
	margin: 3em 0;
	}
	.sanitation .flexWrap:nth-child(even){
	flex-direction: row-reverse;
	}
	.sanitation .area_txt { width: 60%;}
	.sanitation .area_img {width: 36%;}
}

/*　first
------------------------------------------------------------*/
.first_figure figure {
margin: 0.5em 0 1.5em;
width: 55%;
max-width: 320px;
}

/*　care
------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	#after-care .area_img {width: 80%;
	margin: 0 auto 1.5em;
	}
}
@media screen and (min-width: 768px) {
	#after-care .area_txt { width: 64%;}
	#after-care .area_img {width: 31%;}
}

/*　price
------------------------------------------------------------*/
.tb_price th, .tb_price td {
	vertical-align: middle;
	}
	.tb_price th:nth-child(1) { width: 32%; }
	.tb_price th:nth-child(2) { width: 34%; }
	.tb_price th:nth-child(3) { width: 34%; }

/* faqWrap
------------------------------------------------------------*/
.faqWrap {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 30px;
	margin: 30px 0;
	}
.faqWrap > dt {
	position: relative;
	display: flex;
	font-weight: bold;
	margin-bottom: 1em;
	}
	.faqWrap .faq_item {
	flex: 1;
	align-self: center;
	}
	.faqWrap .faq_item a, .faqWrap .faq_item a:hover {
	text-decoration: none;
	color: inherit;
	}
	.faqWrap > dt::before {
	content: 'Q';
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: bold;
	background-color: var(--b90);
	}
	#content .faqWrap dd p {
	margin: 0;
	}
@media screen and (max-width: 767px) {
	.faqWrap > dt::before {
	width: 32px;
	height: 32px;
	margin-right: 10px;
	}
	.faqWrap > dt .faq_item {
	font-size: 1.6rem;
	}
	.faqWrap > dd {
/*	padding-left: 42px;*/
	}
}
@media screen and (min-width: 768px) {
	.faqWrap > dt::before {
	font-size: 20px;
	width: 42px;
	height: 42px;
	margin-right: 18px;
	}
	.faqWrap > dt .faq_item {
	font-size: 1.35em;
	}
	.faqWrap > dd {
	padding-left: 60px;
	}
}

/*　g_map
-----------------------------------------------------------------------------*/
#g_map {
	width:100%;
	}
#g_map iframe {
	width:100% !important;
	height:100% !important;
	}
@media screen and (max-width: 767px) {
#g_map {
	height:70vh;
	max-height:300px;
	margin-bottom: 20px;
	}
}
@media screen and (min-width: 768px) {
#g_map {
	height:70vh;
	max-height:550px;
	margin-bottom: 20px;
	}
}

/*　contact
------------------------------------------------------------*/
/*彫師のコンタクトリスト*/
ul.flexContact  > li {
list-style-type: none !important;
}
ul.flexContact {
	padding-inline: 1em;
	}
@media screen and (min-width: 768px) {
ul.flexContact {
	padding-inline: 2em;
	}
}
ul.flexContact > li a {
	min-width: auto;
	margin: 0.3em;
	display: block;
	}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*　news
------------------------------------------------------------*/
.articleNews {
	position: relative;
	border: 1px solid #333;
	padding: 2em 1.5em;
	margin-bottom: 4em;
	}

.articleHeader {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.9em;
	letter-spacing: var(--letter);
	margin-bottom: 1em;
	}
	.articleHeader .date {
	display: inline-block;
/*	font-weight: bold;
	font-size: 110%;*/
	}
	.articleHeader .news_cat {
	display: inline-block;
	text-align: center;
	background-color: #333;
	color: #fff;
	padding: 0 0.8em;
	min-width: 6em;
	text-decoration: none;
	}
	.articleHeader a.news_cat:hover { background-color: #666;}
.articleTitle {
	font-size: 1.25em;
	padding-bottom: 0.7em;
	margin-bottom: 1em;
	border-bottom: 1px solid #333;
	}
	.articleTitle a, .articleTitle a:hover { text-decoration: none; color: inherit;}

#content .entry-content p,
#content .entry-content figure {
	margin-block: 0.5em 1.5em;
	}
	#content .entry-content h2 {
	font-size: 1.15em;
	font-weight: bold;
	margin: 1.5em 0 0.8em;
	}
	#content .entry-content h3 {
	font-size: 1.08em;
	font-weight: bold;
	margin: 1em 0 0.5em;
	}
	#content .entry-content h4 {
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0 0;
	}
	#content .entry-content img {
/*	max-width: 85%;*/
	}
/*Share*/
#content .newsShare {
	margin: 2.4em 0 -1em;
	display: flex;
	align-items: center;
	}
	#content .addtoany_list a {
	line-height: 1;
	}
	#content .newsShare .newsShare_header {
	font-size: 1.2em;
	margin: 0 1em 0 0;
	}
	#content .newsShare {
	transform: scale(0.75);
	transform-origin: left top;
	}
	

/*　pager
------------------------------------------------------------*/	
.pagination {
	position: relative;
	padding: 6em 0 0;
	margin: 0 auto 4em;
	width: 100%;
	text-align: center;
	clear: both;
	line-height:1;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	}
.pagination span, .pagination a {
	text-align:center;
	font-size: 1.1em;
	width: 2.5em;
	height: 2.2em;

	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0.5%;
	padding: 0;
	text-decoration: underline;
	color:#000;
	}
	.pagination a.page_prev,
	.pagination a.page_next {
	width:auto;
	border: 1px solid #000;
	margin: 0 2em;
	padding: 0 40px;
	font-size: 0.9em;
	height: 3.5em;
	}
.pagination a:hover{
	color:#fff;
	background-color:#000;
	text-decoration: none;
	transition: 0.2s;
	}
.pagination .current{
	border:none;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background-color:#000;
	}
@media screen and (max-width: 767px) {
.pagination {
	margin: 0 auto 10em;
	}
	.pagination a.page_prev,
	.pagination a.page_next {
	position: absolute;
	margin: 0 2%;
	padding: 22px 10px;	
	width: 35%;
	top: 120%;
	}
	.pagination a.page_prev { left: 0; }
	.pagination a.page_next { right: 0; }
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*　form_wrap
------------------------------------------------------------*/
.form_wrap {
	margin: 0 auto;
	}
@media screen and (min-width: 768px) {
.form_wrap {
	width: 83%;
	}
}

/*　dl.form_item
------------------------------------------------------------*/
	.form_item {
	margin-bottom: 2em;
	}
	.form_item dt {
	margin-bottom: 3px;
	}
	.form_item dt.border {
	border-bottom: 1px solid #ccc;
	padding-bottom: 3px;
	margin-bottom: 0.5em;
	}
@media screen and (max-width: 767px) {
	.form_item {
	margin-bottom:1.5em;
	}
	.form_item dt {
	margin-bottom: 3px;
	}
}	
@media screen and (min-width: 768px) {
/*	.form_item {
	display: flex;
	justify-content: space-between;
	margin-bottom: 35px;
	}
	.form_item dt {
	width: 20%;
	}
	.form_entry .form_item dt {padding-top: 8px;}
	.form_item dd {
	width: 80%;
	}*/
}

/*　form
------------------------------------------------------------*/
input, textarea, select,
input[type=file]::file-selector-button { 
	outline:none;
	border: none;
	border-radius: 0;
	color: inherit;
	font: inherit;
	font-family: inherit;
	font-family: "游ゴシック体", "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	line-height: inherit;
	vertical-align:middle;
	font-size: 16px;
	margin:0;
	}
	@media screen and (max-width: 767px) {
	input, textarea, select { 
	font-size: 16px;
	}
	}
input:not([type=radio]):not([type=checkbox]),
textarea, 
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
/*	max-width:100%;*/
	}
	select::-ms-expand { display: none; }
.form_wrap input:not([type=radio]):not([type=checkbox]) { width: 100%;}
.form_wrap textarea { width: 100%; resize: vertical;}

.form_wrap input:not([type=radio]):not([type=checkbox]):not([type=file]),
.form_wrap textarea,
.form_wrap select {
	border:1px solid #ccc;
	background-color:#fff;
	border-radius: 0px;
	margin: 0;
	padding: 4px 10px;
	}
	@media screen and (max-width: 767px) {
	.form_wrap input:not([type=radio]):not([type=checkbox]):not([type=file]),
	.form_wrap textarea,
	.form_wrap select {
	padding: 8px 10px;
	}
	}

	.form_wrap textarea { 
	padding: 10px;
	line-height:1.5;
	min-height: 15em;
	}
	.form_wrap input:focus,
	.form_wrap textarea:focus,
	.form_wrap select:focus {
	border-color:#000 !important;
	transition: border-color 0.3s ease;
	}
	
/*　select　*/
.form_wrap select {
	display:inline-block;
	position: relative;
	padding-right:25px;
	padding-left:10px;
	width:100%;
	}
.form_wrap select::-ms-expand {
	display: none;
	}
.form_wrap .select_wrap .wpcf7-form-control-wrap{
	position:relative;
	display:block;
	}
	.form_wrap .select_age .wpcf7-form-control-wrap{
	display: inline-block;
	width: 6em;
	}
	.form_wrap .select_wrap .wpcf7-form-control-wrap::after {
	content: '';
	position: absolute;
	top: 15px;
	margin: auto 0;
	right: 12px;
	width: 8px;
	height: 8px;
	border-bottom: 2px solid #333;
	border-right: 2px solid #333;
	transform:rotate(45deg);
	pointer-events: none;
	}

/*　file　*/
input[type=file]::file-selector-button {
	background-color: #1a1a1a;
	color: #fff;
	padding: 0.2em 1.2em;
	margin: 0.2em 0.5em 0.2em 0;
	border-radius: 4px;
	}
	input[type=file]::file-selector-button:hover {
	cursor: pointer;
	opacity: 0.8;
	}

/*　checkbox ＆ radio　*/
@media screen and (min-width: 768px) {
.form_col-2 .wpcf7-radio,
.form_col-2 .wpcf7-checkbox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}
	.form_wrap .form_col-2 .wpcf7-list-item{
	width: 48%;
	margin: 3px 0;
	}
.form_col-auto .wpcf7-radio,
.form_col-auto .wpcf7-checkbox {
	display: flex;
	flex-wrap: wrap;
	margin-right: -2em;
	}
	.form_wrap .form_col-auto .wpcf7-list-item{
	margin: 0 2em 3px 0;
	}
}

.form_wrap .wpcf7-list-item {
	position:relative;
	display: block;
	margin: 5px 0;
	}
.wpcf7-list-item input {
/*	display:none;*/
	position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;
	}
.wpcf7-list-item input + span {
	position: relative;
	padding-left: 25px;
	display:inline-block;
	line-height:1.3;
	font-size: 104%;
	}
	.wpcf7-list-item input + span::before {
	content: "";
	display: block;
	position: absolute;
	top: 1px;
	left: 0;
	width: 20px;
	height: 20px;
	border: 2px solid #ccc;
	background-color:#fff;
	transition:all 0.2s ease;
	}
		.check_wrap .wpcf7-list-item input + span::before { border-radius: 2px;}
		.radio_wrap .wpcf7-list-item input + span::before { border-radius: 50%;}
	/*　checked　*/
	.check_wrap .wpcf7-list-item input:checked + span {
	}
	.check_wrap .wpcf7-list-item input:checked + span::before {
	border: none;
	background-color:#000;
	}
	.check_wrap .wpcf7-list-item input:checked + span::after {
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 7px;
	width: 7px;
	height: 13px;
	transform: rotate(40deg);
	border-bottom: 3px solid #fff;
	border-right: 3px solid #fff;
	}
	.radio_wrap .wpcf7-list-item input:checked + span {
	}
	.radio_wrap .wpcf7-list-item input:checked + span::before {
	border-color: #000;
/*	background-color: #000;*/
	}
	.radio_wrap .wpcf7-list-item input:checked + span::after {
	content: "";
	display: block;
	position: absolute;
	top: calc( 1px + 5px);
	left: 5px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #000;
	}
	.wpcf7-list-item span:hover { cursor:pointer;}

/*　placeholder 　*/
/* Edge */
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
	color: #ccc;
	}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:#ccc;
	}
::placeholder{ /* Others */
	color:#ccc;
	}
	
/* auto complete(chrome) */
input:-webkit-autofill {
	box-shadow: 0 0 0px 1000px #fff inset;
	 /* 文字色(colorではなく-webkit-text-fill-color) */
	  /*-webkit-text-fill-color: #222 !important;*/
}

/*　button
------------------------------------------------------------*/
.form_btn {
	text-align: center;
	}
.form_btn input {
	display: inline-block;
	vertical-align:middle;
	text-decoration:none;
	margin:0 auto;
	line-height:1;
/*	height:48px;*/
	border: none;
	background:var(--b98);
	letter-spacing: var(--letter);
	text-align:center;
	transition:background-color 0.2s ease;
	color:#fff;
	font-weight:bold;
	padding: 23px 0;
	font-size: 1.2em;
	/*border-radius: 6px;*/

	}
	.btn_form:disabled {
	background-color: #ccc;
	}

@media screen and (max-width: 767px) {
.form_btn {
	margin-top: 40px;
	}
.form_btn input {
	width:85%;
	}
}
@media screen and (min-width: 768px) {
.form_btn {
	margin-top: 40px;
	}
.form_btn input {
	min-width: 310px;
	}
	.form_btn input:hover {
		background-color:#444;
		color:#fff;
		cursor:pointer;
		}
		.form_btn input:hover  i {left:10px;}
}
.form_btn .btn_back {
	font-size:90%;
	font-weight:normal;
	color:#333;
	border:none;
	min-width: 150px;
	background-color: #fff;
	}
@media screen and (max-width: 767px) {
.form_btn .btn_back {
	margin-bottom: 30px;
	height: 36px;
	padding: 10px 0;
	}
}
@media screen and (min-width: 768px) {
.form_btn .btn_back {
	margin:0 20px;
	}
	.form_btn .btn_back:hover {
	background-color:#666;
	color:#fff;
	border:none;
	}
}

/*　form　その他
------------------------------------------------------------*/
#content .form_wrap .error {
	width: 100%;
	color:#e60039;
	}
.form_wrap .form_note {
	font-size:93%;
	color:#333;
	margin-top: 0.3em;
	}
	.form_wrap .msg-pp {
	text-align: center;
	}
	.form_wrap .msg-pp a {
	color: inherit;
	}

/*　必須　*/
.icon_hissu {
	font-weight:normal;
	display:inline-block;
	font-size: 75%;
	line-height: 1.5em;
	background-color:#777;
	color:#fff;
	padding:0 5px;
	border-radius:3px;
	margin:0 8px;
	}
/*　input & confirm ＆ complete
------------------------------------------------------------*/
.msg {
	display:block;
	text-align:left;
	font-weight:bold;
	margin-bottom: 2em;
	}
.msg-2 {
	color:#ED770D;
	}
.msg-3 p { font-size:92%;}


/*　Contact Form 7
------------------------*/
.acceptance {
	font-size: 0.95em;
	}
	.acceptance .wpcf7-list-item {
	display: block;
	width: 100%;
	margin: 0;
	}
.wpcf7 form .wpcf7-response-output {
	font-size:90%;
	margin: 2em 0 1em !important;
	padding: 0.5em 1.2em !important;
	color:#fff;
	border:none !important;
	background-color: #777;
	}
	
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output{
	background-color: #E95E50;
	color:#fff;
	border:none !important;
}
.wpcf7 form.sent .wpcf7-response-output {
	background-color: #fff;
	color: #777;
	border:none !important;
	font-weight: bold;
	font-size: 110%;
	text-align:center;
}

div.wpcf7-mail-sent-ng {
	background-color:#E95E50;
	}
div.wpcf7-spam-blocked {
	background-color:#E67E22;
	}
div.wpcf7-validation-errors {
	background-color:#F1C40F;
	background-color:#E95E50;
	}
span.wpcf7-not-valid-tip {
	color: #dc3232 !important;
	font-size: 0.92em !important;
	font-weight:bold !important;
	}

/*dl:has(span.wpcf7-not-valid-tip){
	margin-inline: -8px;
    padding: 6px 8px;
    border-radius: 4px;
    background-color: #f2f2f2;
    border: 1px solid #eee;
}*/

.wpcf7-spinner {
	position: absolute !important;
	}