@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*固定ページでシェア・フォローボタンをまとめて非表示*/
.page .sns-share,
.page .sns-follow {
    display: none;
}
/*全固定ページの投稿日・更新日を消す*/
.page .date-tags,
.page .author-info {
    display: none;
}
/*フロント固定ページのタイトルを非表示*/
.page .entry-title{
  display: none;
}

body { font-family: Montserrat, Verdana, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif; }

header#header { max-width:880px;margin:0 auto;overflow:hidden; }
#header .logo { text-align:left; }
#header .logo img { max-width:200px; }

a { color:#847c31;text-decoration:none; }
a:hover { color:#847c31;text-decoration:none; }
.main p a { color:#847c31;text-decoration:underline; }
.main p a:hover { text-decoration:none; }

.btn-wrap.btn-wrap-light-green > a { position:relative;font-weight:500;width:70%;margin:0 auto;color:#99715c;background-color:#ffdecc;font-size:20px; }

.btn-wrap.btn-wrap-light-green > a .fa-check-circle { position:absolute;top:0.8em;left:20px;height:10px !important; }
.btn-wrap.btn-wrap-light-green > a .line-green { position:absolute;top:0.25em;left:20px;height:10px !important; }
.btn-wrap.btn-wrap-light-green > a .fa-phone { position:absolute;top:0.8em;left:30px;height:10px !important; }

@media screen and (max-width:960px){
	.mobile-header-menu-buttons .site-logo-image { max-height:42px;padding-top:1px; }
}
@media screen and (max-width:480px){
	.btn-wrap.btn-wrap-light-green > a { width:76%;font-size:18px; }
}
@media screen and (max-width:375px){
	.btn-wrap.btn-wrap-light-green > a { width:80%;font-size:16px; }
}
@media screen and (max-width:480px){
	.btn-wrap.btn-wrap-light-green > a { width:86%;font-size:16px;font-weight:600; }
}

.txtleft { text-align:left; }
.txtcenter { text-align:center; }
.txtright { text-align:right; }
.m-auto { margin-left:auto;margin-right:auto; }
.btmlineDot { border-bottom:1px dotted #b1cca3; }

#navi .navi-in a, #navi .navi-in a { font-size:1.1em;letter-spacing:1px;font-weight:600; }

@media screen and (max-width:1023px){
	#pc-fixed-menu,#navi { display:none; }
}

.home .content-in { max-width:960px;margin:0 auto; }
.page .content-in { max-width:960px;margin:0 auto; }

.a-wrap .blogcard { border-color:#b1cca3; }
.entry-content .a-wrap .blogcard { margin-top:2em; }
.blogcard-snippet { margin-top:8px; }

.main { padding:10px 30px 50px 30px; }
.home .main { padding:10px 20px 40px 20px; }
.entry-content { margin-bottom: 4em;padding-left:2em;padding-right:2em; }

@media screen and (max-width:1024px){
.entry-content { padding-left:0;padding-right:0; }
}

@media screen and (max-width:540px){
	main.main { padding:0 10px; }
	.home main.main { padding:10px 10px 20px 10px; }
	.entry-content { margin-bottom: 3em;padding-left:0;padding-right:0; }
}
@media screen and (max-width:480px){
.btn-wrap.btn-wrap-light-green > a .fa-check-circle { position:absolute;top:0.8em;left:13px; }
.btn-wrap.btn-wrap-light-green > a .line-green { position:absolute;top:0.3em;left:13px; }
.btn-wrap.btn-wrap-light-green > a .fa-phone { position:absolute;top:0.85em;left:20px; }
}
.article p { margin:0;padding:1em 0; }
a.entry-card-wrap { border-bottom:1px dotted #f0d3c4; }
.entry-card-snippet { line-height: 1.5; }

.tagcloud a,.entry-tags a { border: 1px solid #ccc; }
.date-tags,.entry-date,.post-date,.post-update { font-size:12px !important; }

/************************************
** 改行 位置調整
************************************/

.dispPC { display:block; }	/** パソコン **/
.dispTBL { display:none; }			/** width 834px以下 **/
.dispSP { display:none; }			/** width 600px以下 **/

@media screen and (max-width:834px){
	.dispPC { display:none; }	
	.dispTB { display:block; }
}
@media screen and (max-width:600px){
	.dispPC { display:none; }	
	.dispTB { display:block; }
	.dispSP { display:block; }
}


/************************************
** coccon-iphoneME 検索窓 位置調整
************************************/

@media screen and (max-width:375px){
	form.search-box,form.input-box {  }
		.search-menu-button #search-menu-content input.search-edit { position:relative;top:-95px; }
		.search-menu-button #search-menu-content button.search-submit { position:relative;top:-132px;left:244px; }
}

/************************************
** 見出し関連
************************************/

#archive-title { font-size:30px;letter-spacing:1px;color:#846c31; }
#sidebar h3,.sidebar h3 { font-size:24px;margin:0;padding:0 0 8px 0;color:#846c31; }

#archive-title .fa-folder-open:before { content:none; }
body.tag #archive-title { font-size:30px;font-weight:500; }
body.date #archive-title { font-size:30px;font-weight:500; }
body.page h1#archive-title { margin:0;padding:0 0 1em 0; }


h1.entry-title { line-height:1.7;margin-bottom:0;padding-bottom:10px;font-weight:500;color:#846c31;border-bottom:1px solid #7f7661; }

.date-tags { margin:0.5em 0 1.5em 0;padding:8px 5px 0 12px; }
.date-tags time { font-size:14px; }

.entry-card-title,
.blogcard-title { font-size:20px;line-height:1.6;margin-bottom:5px;font-weight:500;color:#464033; }

.entry-content h2,.entry-content h3,.entry-content h4 { font-weight:500;color:#7f7661; }

.entry-content h2 { font-size:22px;background-color:#99715c;color:#fff;padding:7px 0 6px 16px;margin:2em 0; }
	body.post-template-default .entry-content h2 { font-size:26px;padding:10px 0 10px 20px;line-height:1.56em;margin:1.6em 0; }
.entry-content h3 { color:#6a6250;border:0;margin:2.4em 0 1.4em 0;padding-left:0;font-weight:600;border-bottom:1px solid #6a6250; }
	body.post-template-default .entry-content h3 { font-size:26px;padding:0;line-height:1.56em; }
.entry-content h4 { color:#6a6250;border:0;margin:1.3em 0 0.5em 0; }
	body.post-template-default .entry-content h4 { font-size:20px;padding:0 0 5px 0;line-height:1.7em;
		border-bottom:1px dotted #938b78;display:inline-block; }
.entry-content p { 1.5em 0; }

#sidebar-menu-content { background-color:#e5e3e3; }

@media screen and (max-width:1024px){
	#archive-title,#sidebar h3 { font-weight:500; }
}

@media screen and (max-width:836px){
	.breadcrumb.sbp-main-before { display:none; }
	.home .content { margin-top:0;padding:0; }
	.home .entry-content { margin-top:-8px;padding:0; }
	#archive-title { font-size:34px; }
	#sidebar h3,.sidebar h3 { font-size:20px;font-weight:500; }
}
@media screen and (max-width:640px){
	body.post-template-default .entry-content h2 { font-size:20px;padding:10px 15px 10px 20px;line-height:1.56em;margin:1.7em 0; }
	body.post-template-default .entry-content h3 { font-size:20px;padding:0;line-height:1.7em; }
	body.post-template-default .entry-content h4 { font-size:18px;padding:0 0 5px 0;line-height:1.7em; }
}
@media screen and (max-width:480px){
	body.page h1#archive-title { font-size:28px;padding:18px 0 18px 0; }
	.blogcard-title,.entry-card-title { font-size:16px; }
	h1.entry-title { padding:0 0 7px 0; }
	.entry-content h2 { font-size: 20px; }
	body.post-template-default .entry-content h2 { font-size:18px;padding:10px 15px 8px 16px;line-height:1.65em;margin:1.6em 0; }
	body.post-template-default .entry-content h3 { font-size:18px;padding:0;line-height:1.6em; }
	body.post-template-default .entry-content h4 { font-size:18px;padding:0 0 7px 0;line-height:1.6em; }
}
@media screen and (max-width:375px){
	body.search h1#archive-title { font-size:18px;letter-spacing:0; }
	.entry-content h2 { margin:1.2em 0;font-size:18px; }
	.entry-content h3 { margin:1.3em 0 0 0;font-size:16px; }
	.entry-content h4 { margin:1.3em 0 0 0;font-size:16px; }
}
@media screen and (max-width:320px){
	body.post-template-default h1.entry-title { line-height:1.6em; }
	body.post-template-default .entry-content h2 { font-size:16px;padding:8px 15px 8px 16px;line-height:1.7em;margin:1.6em 0; }
	body.post-template-default .entry-content h3 { font-size:16px;padding:0;line-height:1.65em; }
	body.post-template-default .entry-content h4 { font-size:18px;padding:0 0 7px 0;line-height:1.6em; }
}


/************************************
** パンくず
************************************/

#breadcrumb { padding-bottom:1em; }
body.page #breadcrumb { padding-bottom:0;margin-bottom:0; }

@media screen and (max-width:540px){
	.breadcrumb.sbp-main-before { display:none; }
}


/************************************
** 目次
************************************/

#toc { min-width:50%;background-color:#f7f7f7;margin:1.5em auto　0 auto;padding:0.5em 2em 1em 2em;border:1px solid #f0d3c4; }

body.home #toc { display:none; }

.toc-list li a { font-size:1.24em;line-height:2.2em; }

@media screen and (max-width:540px){
	#toc { width:88%; }
}

/************************************
** toppage
************************************/


#tpNortBox { max-width:960px; margin:0 auto; }
#tpWorksBox { max-width:960px; margin:50px auto 0 auto; }

.news_list_box { margin:15px auto 0 auto;padding:0 0 0px 0;text-align:center; }
	.news_list_box .news_list { margin:0;padding:0; }
		.news_list_box .news_list li { margin:0 2% 10px 2%;display:block;float:left;width:46%;padding:0;text-align:left; }
		.news_list_box .news_list img { width:100%;height:230px; }
		.news_list_box .news_list a { display:block;text-decoration:none;padding:4px; }
		.news_list_box .news_list a { background-color:#fff;color:#000; }
		.news_list_box .news_list a:hover { background-color:#f7f7f7;color:#000; }
		.news_list_box .news_list a:hover img { opacity:0.7;transition: 0.2s }
	.news_list_box .news_list p { margin:0;padding:5px 15px; }
	.news_list_box .news_date { margin-left:15px;white-space: nowrap; }
	.news_list_box p .news { font-size:14px;background-color:#fff099;padding:3px 5px; }
	.news_list_box p .works { font-size:14px;color:#34750f;background-color:#DDEED0;padding:3px 5px; }
	.news_list_box h3 { margin:0;padding:10px 10px 0 10px;border:0;font-weight:500;overflow:hidden;line-height:1.6;
		height:5.8em;font-size:16px;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }
	.news_list_box h3 .news_date { padding:0 2px;margin:0 8px 0 0;color:#333;background-color:#f0fff0; }
	.news_list_box .contactInfoBpx { clear:both;padding:15px 0 0 0; }

@media screen and (max-width:960px){
	.news_list_box .news_list p { margin:0;padding:3px 3px 3px 0; }
	.news_list_box .news_date { font-size:14px; }
	.news_list_box h3 { margin:0;padding:0 10px 0 0;font-weight:normal;line-height:1.8;font-size:14px;height:5em; }
	.news_list_box .contactInfoBpx { clear:both;padding:10px 0 0 0; }
}
@media screen and (max-width:834px){
		.news_list_box .news_list img { width:100%;height:200px; }
}
@media screen and (max-width:768px){
		.news_list_box .news_list img { width:100%;height:186px; }
}
@media screen and (max-width:640px){
	.news_list_box .news_list li { width:48%;margin:1%; }
	.news_list_box .news_list p { margin:0;padding:3px 0; }
	.news_list_box .news_date { margin-left:10px; }
	.news_list_box h3 { margin:0;padding:7px 5px 0 5px;border:0;font-weight:normal;height:6em;line-height:1.8; }
	.news_list_box .contactInfoBpx { clear:both;padding:0; }
	.news_list_box .news_list img { width:100%;height:164px; }
}
@media screen and (max-width:540px){
	.news_list_box .news_list img { width:100%;height:140px; }
}
@media screen and (max-width:480px){
	#tpWorksBox { margin:30px auto 0 auto; }
	.news_list_box h3 { font-size:14px; }
	.news_list_box .news_list img { width:100%;height:126px; }
}
@media screen and (max-width:414px){
	.news_list_box h3 { font-size:14px;line-height:1.6;
			height:7em;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 4;-webkit-box-orient: vertical; }
	.news_list_box .news_list img { width:100%;height:106px; }
}
@media screen and (max-width:375px){
	.news_list_box .news_list img { width:100%;height:90px; }
	.news_list_box h3 { padding:0;height:6.3em; }
}
@media screen and (max-width:320px){
	.news_list_box .news_list img { width:100%;height:76px; }
	.news_list_box h3 { font-size:14px;line-height:1.6; }
}


/************************************
** toppage-sns
************************************/

.article .snsLinkBox p { padding:0;margin:1em 0 0.5em 0; }

.snsLink-twitter a,
.snsLink-facebook a,
.snsLink-note a,
.snsLink-medy a,
.snsLink-tiktok a,
.snsLink-line a,
.snsLink-instagram a {
	position:relative;
	color:#99715c;
	text-decoration:none !important;
	letter-spacing:1px;
	font-size:16px;
	padding:11px 10px 11px 56px;
	display:block;width:90%;border:1px solid #99715c;border-radius:3px;margin:0 auto; }

.snsLink-twitter a:hover,
.snsLink-facebook a:hover,
.snsLink-note a:hover,
.snsLink-medy a:hover,
.snsLink-tiktok a:hover,
.snsLink-line a:hover,
.snsLink-instagram a:hover { background-color:#fff2eb;transition-duration: 0.3s; }

.snsLink-twitter a p,
.snsLink-facebook a p,
.snsLink-note a p,
.snsLink-medy a p,
.snsLink-tiktok a p,
.snsLink-line a p,
.snsLink-instagram a p { margin:0 !important;padding:0 !important; }

.snsLink-twitter a::before {
	content: '';display:inline-block;position:absolute;top:6px;left:7px;
	width:40px;height:40px;
	background-image: url(/inuwp/wp-content/uploads/2022/04/icon_twitter.png);
	background-size: contain;vertical-align: middle;
}
.snsLink-facebook a::before {
	content: '';display:inline-block;position:absolute;top:6px;left:7px;
	width:40px;height:40px;
	background-image: url(/inuwp/wp-content/uploads/2022/04/icon_facebook.png);
	background-size: contain;vertical-align: middle;
}
.snsLink-note a::before {
	content: '';display:inline-block;position:absolute;top:6px;left:7px;
	width:40px;height:40px;
	background-image: url(/inuwp/wp-content/uploads/2022/04/icon_note.png);
	background-size: contain;vertical-align: middle;
}
.snsLink-medy a::before {
	content: '';display:inline-block;position:absolute;top:6px;left:7px;
	width:40px;height:40px;
	background-image: url(/inuwp/wp-content/uploads/2022/04/icon_medy.png);
	background-size: contain;vertical-align: middle;
}
.snsLink-tiktok a::before {
	content: '';display:inline-block;position:absolute;top:6px;left:7px;
	width:40px;height:40px;
	background-image: url(/inuwp/wp-content/uploads/2022/07/icon_tiktok.png);
	background-size: contain;vertical-align: middle;
}
.snsLink-instagram a::before {
	content: '';display:inline-block;position:absolute;top:6px;left:7px;
	width:40px;height:40px;
	background-image: url(/inuwp/wp-content/uploads/2022/04/icon_insta.png);
	background-size: contain;vertical-align: middle;
}
.snsLink-line a::before {
	content: '';display:inline-block;position:absolute;top:6px;left:7px;
	width:40px;height:40px;
	background-image: url(/inuwp/wp-content/uploads/2022/07/icon_line.png);
	background-size: contain;vertical-align: middle;
}

.snsLink-twitter a::after,
.snsLink-facebook a::after,
.snsLink-note a::after,
.snsLink-medy a::after,
..snsLink-line a::after,
.snsLink-instagram a::after { position:absolute;top:2px;right:13px;content: ">";font-size:24px; }

@media screen and (max-width:834px){
	.tpNoteBox { width:100%;margin:0 auto; }
	#sidebar-menu-content  ul.sidelist li { font-size:16px; }
}

@media screen and (max-width:540px){
	.tpNoteBox { width:100%;margin:0 auto; }
	#sidebar-menu-content  ul.sidelist li { font-size:14px; }
}


/************************************
** side bar
************************************/

#sidebar form .wp-block-search__label { display:none; }

#sidebar div.snsLinkBox div,
#slide-in-sidebar div.snsLinkBox div { padding:0;margin:1em 0 0.5em 0; }

#sidebar ul.sidelist li,
#slide-in-sidebar ul.sidelist li { border-bottom:1px dotted #847c31;padding:10px 0; }
#slide-in-sidebar #slide-in-block-2 { display:none; }

#sidebar-menu-content .snsLink-twitter a,
#sidebar-menu-content .snsLink-facebook a,
#sidebar-menu-content .snsLink-note a,
#sidebar-menu-content .snsLink-medy a,
#sidebar-menu-content .snsLink-tiktok a,
#sidebar-menu-content .snsLink-line a,
#sidebar-menu-content .snsLink-instagram a {
	position:relative;
	color:#99a85f;
	text-decoration:none !important;
	letter-spacing:1px;
	font-size:12px;
	padding:13px 6px 13px 50px;
	display:block;width:90%;border:1px solid #99a85f;border-radius:3px;margin:0 auto; }

#sidebar-menu-content .snsLink-twitter a::before {
	content: '';display:inline-block;position:absolute;top:1px;left:4px;
	width:40px;height:40px;
	background-image: url(/inuwp/wp-content/uploads/2022/04/icon_twitter.png);
	background-size: contain;vertical-align: middle;
}
#sidebar-menu-content .snsLink-facebook a::before {
	content: '';display:inline-block;position:absolute;top:1px;left:4px;
	width:40px;height:40px;
	background-image: url(/inuwp/wp-content/uploads/2022/04/icon_facebook.png);
	background-size: contain;vertical-align: middle;
}
#sidebar-menu-content .snsLink-note a::before {
	content: '';display:inline-block;position:absolute;top:1px;left:4px;
	width:40px;height:40px;
	background-image: url(/inuwp/wp-content/uploads/2022/04/icon_note.png);
	background-size: contain;vertical-align: middle;
}
#sidebar-menu-content .snsLink-medy a::before {
	content: '';display:inline-block;position:absolute;top:1px;left:4px;
	width:40px;height:40px;
	background-image: url(/inuwp/wp-content/uploads/2022/04/icon_medy.png);
	background-size: contain;vertical-align: middle;
}
#sidebar-menu-content .snsLink-tiktok a::before {
	content: '';display:inline-block;position:absolute;top:1px;left:4px;
	width:40px;height:40px;
	background-image: url(/inuwp/wp-content/uploads/2022/07/icon_tiktok.png);
	background-size: contain;vertical-align: middle;
}
#sidebar-menu-content .snsLink-instagram a::before {
	content: '';display:inline-block;position:absolute;top:1px;left:4px;
	width:40px;height:40px;
	background-image: url(/inuwp/wp-content/uploads/2022/04/icon_insta.png);
	background-size: contain;vertical-align: middle;
}
#sidebar-menu-content .snsLink-line a::before {
	content: '';display:inline-block;position:absolute;top:1px;left:4px;
	width:40px;height:40px;
	background-image: url(/inuwp/wp-content/uploads/2022/07/icon_line.png);
	background-size: contain;vertical-align: middle;
}


#sidebar-menu-content .snsLink-twitter a::after,
#sidebar-menu-content .snsLink-facebook a::after,
#sidebar-menu-content .snsLink-note a::after,
#sidebar-menu-content .snsLink-medy a::after,
#sidebar-menu-content .snsLink-tiktok a::after,
#sidebar-menu-content .snsLink-line a::after,
#sidebar-menu-content .snsLink-instagram a::after { position:absolute;top:3px;right:10px;content: ">";font-size:22px; }

@media screen and (max-width:375px){
	#sidebar-menu-content .snsLink-instagram a { font-size:11px; }
	#sidebar-menu-content .tagcloud a { padding-top:7px;padding-bottom:7px; }
}

/************************************
** mobile leftmenu
************************************/

#navi-menu-content { background-color:#e5e3e3; }
#navi-menu-content .menu-drawer a { font-size:20px;margin:0.7em 0;color:#5a4614; }
#navi-menu-content .menu-drawer a:hover { background-color:#ffdecc; }

/************************************
** Q&A
************************************/

.qaBox { width:86%;margin:0 auto;padding:20px 0 0 0px; }
.qaBox .faq-accordion .faq-main { background: #fdfdfd; }
.qaBox .faq-main { padding-bottom:0; }
.qaBox .faq-title h4 { font-size:18px !important;padding-left:60px !important;position: relative;line-height:1.4em !important; }
.qaBox .faq-content { padding:6px 20px 0 60px !important;position: relative; }
.qaBox .faq-content p { margin:10px 0;padding:5px 0 17px 25px !important;border-left:2px dotted #c1c1c1; }

.qaBox .faq-title h4:before {
	content: "Q";
	position:absolute;
	top:-2px;
	left:7px;
	padding:3px 6px 4px 6px;
	color:#f8f7f7;
	background-color:#7e7e7e;
	border-radius:3px;
	font-size:20px;
	line-height:1.1em;
	font-weight:600;
}
.qaBox .faq-content:before {
	content: "A";
	position:absolute;
	top:8px;
	left:8px;
	padding:3px 6px 4px 6px;
	color:#a4a4a4;
	font-size:20px;
	line-height:1.1em;
	font-weight:600;
}
@media screen and (max-width:768px){
	.qaBox .faq-title h4 { font-size:16px !important; }
}
@media screen and (max-width:480px){
	.qaBox .faq-title h4 { font-size:14px !important; }
}

/************************************
** page price(MENU)
************************************/

.priceBlockMsg { width:90%;margin-left:auto;margin-right:auto;padding:0 0 30px 0; }
.priceBlock { width:90%;margin-left:auto;margin-right:auto;padding:0 40px 35px 40px;
	border:1px solid #f0d3c4;background-color:#ffffec; }
.priceTbl table th { border:1px solid #b2a995;text-align:center;font-weight:500;width:50%; }
.priceTbl table td { border:1px solid #b2a995;text-align:center;background-color:#fff; }
.new-line-plus { padding:7px 0 14px 0;font-size:1.25em; }

.body .priceTbl .scrollable-table { margin-bottom:0; }
.entry-content p.priceMemo { text-align:right;padding-bottom:0; }

@media screen and (max-width:720px){
	.priceBlock { width:100%;padding:0 20px 25px 20px; }
	.priceTbl table { border:1px solid #b2a995;margin:0; }
	.priceTbl table th { width:100%;display:block;border:0;font-weight:600; }
	.priceTbl table td { width:100%;display:block;border:0;font-weight:600; }
}
@media screen and (max-width:480px){
	.priceTbl table th { font-size:1em; }
	.priceTbl table td { font-size:1em; }
	.priceMemo { font-size:0.9em; }
}
@media screen and (max-width:375px){
	.new-line-plus { display:block;padding:0 0 5px 0;margin:0;line-height:1em; }
}
@media screen and (max-width:320px){
	.priceMemo { font-size:0.8em; }
}

/************************************
** form
************************************/

.inquirytbl { width:100%; }
.inquirytbl th { text-align:left;font-weight:500; }
.inquirytbl th::before { position:above;top:2px;left:0px;content: "任意　optional";font-size:13px;padding:2px 18px;margin-right:15px;border-radius:20px;
	background-color:#99715c;color:#fff; }
.inquirytbl th.required::before { position:above;top:2px;left:0px;content: "必須　required";font-size:13px;background-color:#ff9961;color:#fff; }

/********* 英文字追加対応 start *********/

.formBtn-msgBuck,
.formBtn-msgSend {
    display:block;
    position: relative;
	text-align:center;
	height:1px;
}
.formBtn-msgBuck::after {
    content: "Back";
    position: relative;
    top:-3.7em;
    font-size:12px;
    color: #fff;
}
.formBtn-msgSend::after {
    content: "To confirmation screen";
    position: relative;
    top:-3.7em;
    font-size:12px;
    color: #8b7366;
}

#confirm .formBtn-msgSend::after { content: "Send"; }

@media screen and (max-width:480px){
	.formBtn-msgBuck::after,
	.formBtn-msgSend::after { top:-3.5em; }
}


/********* 英文字追加対応 end *********/


.scrollable-table th { background-color: #ebebeb; }

.inquirytbl textarea { height:14em; }

.mw_wp_form .error { color:#ee5488 !important; }
.inquirytbl select { cursor:pointer; }
.hand { cursor:pointer; }
form select { background-color: rgb(255, 255, 255); }

.entry-content h3.inquiry { width:96%;margin:20px auto;color:#271016; }
.inquirytbl { margin:20px auto;border:2px solid #E0E5F0; }
p.agreement { width:90%;margin:20px auto 60px auto; }

	.inquirytbl,.inquirytbl th,.inquirytbl td {
		border:none;
		border-bottom:2px solid #fff;
	}
	.inquirytbl th:first-child,.inquirytbl td:nth-child(2) {
		border-top:2px solid #fff;
	}

.inquirytbl th,.inquirytbl td { display:block; }
.inquirytbl th { padding:8px 30px; }
.inquirytbl .required { position:relative; }

h3 .required { position:relative; }
h3 .required::before {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top:-16px;
	content: url('/wp-content/uploads/2021/03/icon_required.png');
}
h3.inquiry .required { padding-left:60px; }

.inquirytbl td { padding:18px 0 18px 15px; }
.inquirytbl td.checkbox span { display:block; }
.inquirytbl td.checkbox span span { display:inline; }
.inquirytbl td.checkbox span:first-child { margin-left: 10px; }
.inquirytbl td p { margin:0;padding:0; }

.inquirytbl .w10 { width:10%;font-size:14px; }
.inquirytbl .w20 { width:20%;font-size:14px; }
.inquirytbl .w30 { width:30%;font-size:14px; }
.inquirytbl .w40 { width:40%;font-size:14px; }
.inquirytbl .w50 { width:50%;font-size:14px; }
.inquirytbl .w60 { width:60%;font-size:14px; }
.inquirytbl .w70 { width:70%;font-size:14px; }
.inquirytbl .w80 { width:80%;font-size:14px; }
.inquirytbl .w90 { width:90%;font-size:14px; }

p.agreement { text-align:center;padding:10px 0;line-height:3.4;background-color:#FFFFDC;border-radius:6px;border:2px solid #F5E8EB; }
p.agreement em { font-weight:normal; }
p.agreement span { font-size:1.1em; }

#confirm .inputNote { display:none;white-space: nowrap; }	/** 確認画面　入力要素横の※メッセージを非表示に **/

/*1240px以下*/
@media screen and (min-width:1200px){
	.entry-content h3.inquiry { width:90%;margin:20px auto; }
	.inquirytbl { margin:20px auto; }
}

/*834px以下*/
@media screen and (max-width: 834px){
	.entry-content h3.inquiry { font-size: 1.35em; }
	.inquirytbl .w20 { width:40%; }
	.inquirytbl .w80 { width:90%; }
	.inquirytbl .w50 { width:70%; }
	p.agreement { width:80%; }
}
/*600px以下*/
@media screen and (max-width:600px){
	.entry-content h3.inquiry { font-size: 1.15em; }
	.entry-content h3.inquiry { width:100%;margin:20px auto; }
	.inquirytbl { margin:20px auto; }
	.inquirytbl th { border:0;width:100%; }
	.inquirytbl td { border:0;background-color:#F6F7F5;padding-bottom:20px; }
	.inquirytbl .w10 { width:20%; }
	p.agreement { width:94%; }
	.search-edit, input[type="text"], input[type="password"],
	input[type="date"], input[type="datetime"], input[type="email"],
	input[type="number"], input[type="search"], input[type="tel"],
	input[type="time"], input[type="url"], textarea, select { font-size:14px; }
}
/*414px以下*/
@media screen and (max-width:414px){
	.entry-content h3.inquiry { font-size: 1.0em; }
	.inquirytbl th { line-height:1.6;padding: 8px 0px 8px 10px; }
	.inquirytbl td { line-height:3.0; }
	.inquirytbl td.tel .w50 { width:22%; }
	.inquirytbl .w10 { width:25%; }
	.inquirytbl .w20 { width:45%; }
	.inquirytbl .w30 { width:45%; }
	.inquirytbl .w40 { width:45%; }
	.inquirytbl .w50 { width:72%; }
	.inquirytbl .w60 { width:50%; }
	.inquirytbl .w70 { width:70%; }
	.inquirytbl .w80 { width:90%; }
	p.agreement { width:auto;padding-top:20px;padding-left:30px;padding-right:20px;line-height:1.6;font-size:14px; }
	p.agreement span { font-size:16px;line-height:3.0; }
	.inquirytbl th::before { margin-right:8px; }
	.inquirytbl th.required::before { font-size:12px; }
}
/*320px以下*/
@media screen and (max-width:320px){
	.inquirytbl .w10 { width:30%; }
	.inquirytbl .w30 { width:60%; }
	.inquirytbl .w50 { width:96%; }
	.inquirytbl td.tel .w50 { width:20%; }
	.inquirytbl .w80 { width:90%; }
}

.inqinfobox { width:90%;margin:20px auto 60px auto;border-radius: 6px;text-align:center;padding:10px 0;line-height: 3.4;font-size:18px;border:3px solid #FEAA42;background-color:#FFFFDC;letter-spacing:1px; }
.inqinfobox .phoneBox { width:80%;margin:0 auto;padding:5px 0 15px 0;border-bottom: 1px solid #7F7265;vertical-align:middle;font-size: 22px;line-height:1.8; }
.inqinfobox .phoneBox a { text-decoration:none; }
	.inqinfobox .phoneTtl { margin:0 6px; }
	.inqinfobox img { vertical-align:baseline;margin-right:10px; }
	.inqinfobox .phoneNum { font-size:42px;font-weight:600;color:#00974B; }

@media screen and (max-width:480px){
	.inqinfobox { width:96%;font-size:16px; }
	.inqinfobox .phoneBox { font-size:18px;width:92%;border-bottom:1px solid #d4c9be; }
	.inqinfobox .phoneTtl { font-size:20px; }
	.inqinfobox img { vertical-align:baseline;margin-right:10px;width:40px; }
	.inqinfobox .phoneNum { font-size:26px; }


}
@media screen and (max-width:320px){
	.inqinfobox { width:96%;font-size:14px; }
	.inqinfobox .phoneBox { font-size:16px; }
	.inqinfobox .phoneTtl { font-size:18px; }
	.inqinfobox img { vertical-align:baseline;margin-right:10px;width:34px; }
	.inqinfobox .phoneNum { font-size:20px !important; }
}


/************************************
** button
************************************/

.entry-content p.btnbox  { width:80%;margin:0 auto;text-align:center; }
@media screen and (max-width:540px){
	.entry-content p.btnbox  { padding-top:0;margin-top:-1.5em; }
}

.btn-bace {
	max-width:800px;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	font-weight: bold;
	margin-top:20px;
	padding: 10px 16px 8px 17px;
	border-radius: 4px;
	transition: .4s;

	font-size: 24px;
	width:78%;
	color: #fff;
	background-color:#3E4B6E;
}

.btn-bace:hover { color:#fff;background-color:#486cce; }

.btn-pink { color: #FB6789 ;background-color:#fff;border: 2px solid #E9A6A8; }
.btn-pink:hover { color: #531f36;background-color: #EFC3C9;border-color: #E9A6A8; }

.btn-red { color: #FFF;background-color: #E13333;border-color: #B20000; }
.btn-red:hover { color: #B20000;background-color:#fff;border: 2px solid #B20000; }

.btn-green { color: #9ec34b;background-color:#fff;border: 2px solid #9ec34b; }
.btn-green:hover { color: #FFF;background-color: #9ec34b;border-color: #cbe585; }

.btn-gold { color: #9F805B;background-color:#fff;border: 2px solid #B69D80; }
.btn-gold:hover { color: #FFF;background-color: #C7B49E;border-color: #B69D80; }

@media screen and (max-width:834px){
	.btn-bace { font-size:22px; }
}
@media screen and (max-width:768px){
	.btn-bace { font-size:20px;width:88%; }
}
@media screen and (max-width:720px){
	.btn-bace { font-size:18px; }
}
@media screen and (max-width:640px){
	.btn-bace { font-size:16px;width:94%; }
}
@media screen and (max-width:480px){
	.btn-bace { font-size:14px;width:100%; }
}
@media screen and (max-width:414px){
	.btn-bace { font-size:13px; }
}

.btnbox input { margin:1em 0;font-size:18px;max-width:500px; }


/************************************
** form button
************************************/

.btnbox { padding-top:1.5em;text-align:center; }

.btnbox input[type="submit"] {
	-webkit-appearance: none;
	border: none;
	background-color: transparent;

	max-width:93%;
	margin: 0 auto;
	padding:22px 10px;

	font-weight: 500;
	color: #fff;
	border-radius:4px;

	font-size: 20px;
	color:#99715c;
	background-color: #ffdecc;
}

	.btnbox input:hover {
		opacity: 0.7;
		transition: all 0.3s ease-in-out;
	}

	.btnbox .input-backButton {
		display:inline-block;
		width:100%;
		max-width:600px;
		margin:1em 0;
		position:relative;
		left:-7px;
	}
	.btnbox .input-submitButton {
		display:inline-block;
		width:100%;
		max-width:600px;
		margin:1em 0;
		position:relative;
		left:7px;
	}

	.btnbox .input-backButton input, 
	.btnbox .input-submitButton input {
		color: #6d4c3b;
	}

	.btnbox .input-backButton::before {
		font-family: "Font Awesome 5 Free";
		font-weight: 800;
		content: "\f104";
		position:relative;
		top:0;
		left:28px;
		font-size: 20px;
		color:#7b675d;
		display:inline;
	}
	.btnbox .input-submitButton::after {
		font-family: "Font Awesome 5 Free";
		font-weight: 800;
		content: "\f105";
		position:relative;
		top:0;
		left:-28px;
		font-size: 20px;
		color:#99715c;
		display:inline;
	}

/** 入力画面　戻るボタンを消す **/
#contact .btnbox .input-backButton { display:none; }

/** 再入力画面　戻るボタンを消す **/
#formErr .btnbox .input-backButton { display:none; }

/** 確認画面　入力画面に戻る　ボタンの色を変更 **/
#confirm .btnbox .input-backButton input[type="submit"] { color:#fff;background-color:#c6b4a4; }

/** ボタンサイズ レスポンシブ対応 **/
@media screen and (max-width:960px){
	.btnbox .input-backButton,.btnbox .input-submitButton {	width: 74%;	}
	.btnbox { padding:1.5em 0 3em 0; }
}
@media screen and (max-width:768px){
	.btnbox .input-backButton,.btnbox .input-submitButton {	width: 80%;	}
	.btnbox { padding:1.5em 0 1.5em 0; }
}
@media screen and (max-width:640px){
	.btnbox .input-backButton,.btnbox .input-submitButton {	width: 86%;	}
}
@media screen and (max-width:600px){
	.btnbox .input-backButton,.btnbox .input-submitButton {	width: 88%;	}
	.btnbox { padding:1.0em 0 1.5em 0; }
}
@media screen and (max-width:540px){
	.btnbox { padding:0 0 1.6em 0; }
}
@media screen and (max-width:480px){
	.btnbox .input-backButton,.btnbox .input-submitButton { width: 88%; }
	.btnbox input[type="submit"] { font-size:16px;padding:24px 10px; }

}
@media screen and (max-width:414px){
	.btnbox .input-backButton,.btnbox .input-submitButton { width: 92%;margin:0.3em 0 1.2em 0; }
}
@media screen and (max-width:375px){
	.btnbox .input-backButton,.btnbox .input-submitButton { width: 94%;margin:0.3em 0 1.1em 0; }
}

/************************************
** pagination
************************************/

.pagination span.current { background-color: #b1cca3;color:#fff;border-radius:0;padding:0; }



/************************************
** foot
************************************/

#content-bottom { display:none; }
.footer-left, .footer-center, .footer-right, .footer-mobile { padding:0 !important; }

.footer-center { margin-top:25px; }
.footer-bottom { margin-top:0; }

.footSnsLinkBox { text-align:center; }
.footSnsLinkBox a { text-decoration:none;border:0;margin:0 15px;padding:0; }
.footSnsLinkBox a:hover { text-decoration:none;border:0; }
.footSnsLinkBox a img { opacity: 0.8;width:40px;height:40px; }

#footer a:hover { background-color: rgba(255,255,255,.0); }	/** 画像hover下線処理 **/

@media screen and (min-width:1024px){
	.footSnsLinkBox a { margin:0 12px; }
	#footer a:hover img { filter:grayscale(100%);opacity:1;transition-duration: 0.2s; }	
}
@media screen and (max-width:834px){
	#content-bottom { display:block;padding:0 25px 30px 25px;margin-top:0; }
	#content-bottom h2 { font-weight: 500;color: #846c31; }
}
@media screen and (max-width:640px){
	#content-bottom { display:block;padding:0 20px 30px 20px; }
	.footSnsLinkBox a { margin:0 12px; }
}
@media screen and (max-width:480px){
	#content-bottom { display:block;padding:1em 15px 30px 15px; }
	.footSnsLinkBox a { margin:0 12px; }
}
@media screen and (max-width:375px){
	.footSnsLinkBox a { margin:0 8px; }
}
@media screen and (max-width:320px){
	.footSnsLinkBox a { margin:0 6px; }
}

/************************************
** clear
************************************/

#tpWorksBox:after,
.news_list_box:after,
#tpNoteBox:after { height:0; visibility: hidden; content: ".";	display: block;	clear: both; }
