@charset "utf-8";
/* CSS Document */

header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999;

	overflow: hidden;
}

header #indexmenu {
	display: none !important;
}

#main {
	margin-top: 130px;
	background: url(../img/sub-backimg.png) repeat center;
}

/*サブページ共通
-----------------------------------------------------------------------------------------------*/
.sub-img {
	display: block;
	width: 100%;
	height: 400px;
	overflow: hidden;
	position: relative;
}

.sub-img p {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;

	margin-top: -20px;
	text-align: center;
	font-family: YuMincho, 'Yu Mincho', serif;
	font-size: 36px;
	color: #FFFFFF;
	text-shadow: 1px 1px 5px #000000,
		-1px -1px 5px #000000;
}

.sub-img {
	background: url(../img/st/about.png) no-repeat center;
	background-size: cover;
}

.sub-title {
	padding: 20px 0;
	background: #ac9668;
	text-align: center;
	font-family: YuMincho, 'Yu Mincho', serif;
	font-size: 36px;
	color: #FFFFFF;
}

.sub-text {
	width: 800px;
	margin: 10px auto;
	line-height: 150%;
	font-size: 16px;
}


/*サブページタイトル背景
-----------------------------------------------------------------------------------------------*/
.about .sub-img {
	background: url(../img/st/about.png) no-repeat center;
	background-size: cover;
}

/*about.php
-----------------------------------------------------------------------------------------------*/
.about {}

.about .about-con {
	margin: 50px 0;
	height: 670px;
}

.about .about-con .ab-textbox {
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	padding-right: 30px;
	font-family: YuMincho, 'Yu Mincho', serif;
}

.about .about-con .ab-textbox p.ab-st {
	font-size: 24px;
	font-weight: bold;
}

.about .about-con .ab-textbox p.ab-text {
	margin-right: 20px;
	font-size: 18px;
	line-height: 200%;
	padding-top: 20px;
}

.about .about-con .ab-imgbox img {
	width: 100%;
}

/*shop.php
-----------------------------------------------------------------------------------------------*/
.shop {}

.shop .shop-con {
	margin: 50px 0;
}

.shop .shop-con .shop-box {
	background-color: rgba(255, 255, 255, 0.4);
	border: 3px solid #ffffff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	margin-bottom: 20px;
}

.shop .shop-con .shop-box a {
	display: block;
	padding: 20px;
}

.shop .shop-con .shop-box ul {
	display: table;
	width: 100%;
	overflow: hidden;
}

.shop .shop-con .shop-box ul li.sb-imgbox {
	display: table-cell;
	width: 30%;
	vertical-align: middle;
}

.shop .shop-con .shop-box ul li.sb-imgbox img {
	width: 100%;

}

.shop .shop-con .shop-box ul li.sb-textbox {
	display: table-cell;
	width: 70%;
	vertical-align: middle;
	padding-left: 20px;
}

.shop .shop-con .shop-box ul li.sb-textbox span.sb-tb-st {
	display: block;
	border-bottom: 1px solid #999999;
	padding-bottom: 10px;
	margin-bottom: 20px;
	color: #AC9668;
	font-family: YuMincho, 'Yu Mincho', serif;
	font-size: 20px;
	font-weight: bold;
}

.shop .shop-con .shop-box ul li.sb-textbox dl {
	margin-top: 10px;
	display: table;
	width: 100%;
	overflow: hidden;
}

.shop .shop-con .shop-box ul li.sb-textbox dl dt {
	display: table-cell;
	width: 20%;
	vertical-align: top;
	color: #AC9668;
}

.shop .shop-con .shop-box ul li.sb-textbox dl dd {
	display: table-cell;
	width: 80%;
	vertical-align: top;
	line-height: 150%;
}

.shop dl.brown {
	color: #773F1A;
}

/*komachi.php
-----------------------------------------------------------------------------------------------*/
.komachi {
	overflow: hidden;
}

.komachi .komachi-searchbox {
	margin-top: 50px;
	display: block;
	overflow: hidden;
}

.komachi .komachi-searchbox p {
	float: left;
	width: 150px;
	color: #AC9668;
	font-family: Yumincho, 'Yu Mincho', serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 43px;
}

.komachi .komachi-searchbox ul {
	float: right;
	display: table;
	width: 1050px;
	overflow: hidden;
}

.komachi .komachi-searchbox ul li {
	display: table-cell;
	width: 350px;
	vertical-align: middle;
	padding: 0 10px;
}

.komachi .komachi-searchbox ul li select {
	font-family: Yumincho, 'Yu Mincho', serif;
	font-size: 16px;
	position: relative;
	width: 100%;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: -webkit-linear-gradient(top, #fff 0%, #efebe1 100%);
	background: linear-gradient(to bottom, #fff 0%, #efebe1 100%);
	border-radius: 5px;
}

.komachi .komachi-searchbox ul li label {
	position: relative;
}

.komachi .komachi-searchbox ul li label:after {
	display: block;
	content: " ";
	position: absolute;
	top: 50%;
	right: 20px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: url(../img/common/arrow01.png) 0 0 no-repeat;
	background-size: 20px;
	pointer-events: none;
}

.komachi .komachi-listbox {
	margin-bottom: 50px;
}

.komachi .komachi-listbox ul {
	display: block;
	overflow: hidden;
}

.komachi .komachi-listbox ul li {
	float: left;
	margin: 20px 20px 0 0;
	display: block;
	width: 220px;
	height: 240px;
}

.komachi .komachi-listbox ul li dl {
	display: block;
	border: 1px solid #AC9668;
}

.komachi .komachi-listbox ul li dl dt {
	position: relative;
	overflow: hidden;
	height: 200px;
}

.komachi .komachi-listbox ul li dl dt img {
	width: 100%;
}

.komachi .komachi-listbox ul li dl dt.kl-new:after {
	content: "新";
	position: absolute;
	right: 10px;
	top: 10px;

	display: inline-block;
	color: #FFFFFF;
	background: #43b134;
	padding: 5px;
	font-family: Yumincho, 'Yu Mincho', serif;
	font-weight: bold;
}

.komachi .komachi-listbox ul li dl dt.kl-nadeshiko:after {
	content: "撫";
	position: absolute;
	right: 10px;
	top: 10px;

	display: inline-block;
	color: #FFFFFF;
	background: #cc3135;
	padding: 5px;
	font-family: Yumincho, 'Yu Mincho', serif;
	font-weight: bold;
}

.komachi .komachi-listbox ul li dl dd {
	display: block;
	overflow: hidden;
	background: #AC9668;
	color: #FFFFFF;
	padding: 0 10px;
}

.komachi .komachi-listbox ul li dl dd span.kl-name {
	float: left;
	display: inline-block;
	font-size: 18px;
	vertical-align: middle;
	line-height: 40px;
}

.komachi .komachi-listbox ul li dl dd span.kl-store {
	float: right;
	display: inline-block;
	vertical-align: middle;
	line-height: 40px;
}


/*system.php
-----------------------------------------------------------------------------------------------*/
.system {
	overflow: hidden;
}

.system .system-con {
	margin: 50px 0;
}

.system .system-con .system-box {
	margin: 20px auto;
	display: table;
	width: 800px;
	overflow: hidden;
}

.system .system-con .system-box li {
	display: table-cell;
	width: 50%;
	vertical-align: top;
}

.system .system-con .system-box li.img-box {}

.system .system-con .system-box li.img-box img {
	width: 100%;
}

.system .system-con .system-box li.text-box {
	padding: 20px;
}

.system .system-con .system-box li.text-box dl {}

.system .system-con .system-box li.text-box dl dt {
	display: block;
	border-bottom: 1px solid #999999;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #AC9668;
	font-family: YuMincho, 'Yu Mincho', serif;
	font-size: 20px;
	font-weight: bold;
}

.system .system-con .system-box li.text-box dl dd {
	line-height: 150%;
}

.system .system-con .content {
	width: 1000px !important;
}

.system .system-con .content .system-detail-box1 p.sy-b-border {
	height: 1px;
	background: #CCCCCC;
	margin: 10px 0;
}

.system .system-con .content .system-detail-box1 p.sy-b-att {
	color: #ac9668;
	line-height: 150%;
}

.system .system-con .content .system-detail-b-st {
	display: block;
	border-bottom: 1px solid #999999;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #AC9668;
	font-family: YuMincho, 'Yu Mincho', serif;
	font-size: 20px;
	font-weight: bold;
}

.system .system-con .content .system-detail-box1 {
	font-size: 16px;
	display: block;
	overflow: hidden;
	margin: 50px auto;
}

.system .system-con .content .system-detail-box1 .sy-b-right {
	float: left;
	width: 500px;

}

.system .system-con .content .system-detail-box1 .sy-b-left {
	float: left;

	display: block;
	width: 480px;
	background-color: rgba(255, 255, 255, 0.4);
	border: 3px solid #ffffff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	padding: 20px;
	margin-left: 20px;
}

.system .system-con .content .system-detail-box1 .sy-b-left dl {
	margin: 10px 0;
}

.system .system-con .content .system-detail-box1 .sy-b-left dl dt {
	font-weight: bold;
}

.system .system-con .content .system-detail-box1 .sy-b-left dl dd {
	line-height: 150%;
	margin: 10px 0;
}

/*policy.php
-----------------------------------------------------------------------------------------------*/
.policy {}

.policy .policy-con {
	margin: 50px 0;
}

.policy .policy-con .policy-box {
	margin: 0 auto 20px;
	display: block;
	width: 1000px;
	overflow: hidden;
}

.policy .policy-con .policy-box dt {
	display: block;
	border-bottom: 1px solid #999999;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #AC9668;
	font-family: YuMincho, 'Yu Mincho', serif;
	font-size: 20px;
	font-weight: bold;
}

.policy .policy-con .policy-box dd {
	line-height: 150%;
}

.policy .policy-con .policy-box dd p {
	padding-top: 30px;
}

.policy .policy-con .policy-box dd ul {
	padding-left: 20px;
}

.policy .policy-con .policy-box dd ul li {
	list-style: decimal;
	margin: 5px 0;
	line-height: 150%;
}


/*media.php
-----------------------------------------------------------------------------------------------*/
.media {}

.media .media-con {
	margin: 50px 0;
}

.media .media-con .media-box {
	width: 800px;
	display: block;
	overflow: hidden;
	margin: 0 auto;
}

.media .media-con .media-box ul {}

.media .media-con .media-box ul li {
	padding: 10px;
	padding-left: 80px;
	border-bottom: 1px solid #ac9668;
}

.media .media-con .media-box ul li dl {
	display: block;
}

.media .media-con .media-box ul li dl dt {
	color: #666666;
	margin-bottom: 5px;
}

.media .media-con .media-box ul li dl dd {
	line-height: 150%;
}

.media .media-con .media-box ul li.tv {
	background: url(../img/media/icon-tv.png) no-repeat 15px center;
}

.media .media-con .media-box ul li.web {
	background: url(../img/media/icon-web.png) no-repeat 15px center;
}

.media .media-con .media-box ul li.books {
	background: url(../img/media/icon-books.png) no-repeat 15px center;
}


/*mimich.php
-----------------------------------------------------------------------------------------------*/
.mimich {}

.mimich .mimich-con {
	margin: 30px 0;
}

.mimich .mimich-con .mimich-box {
	width: 800px;
	display: block;
	overflow: hidden;
	margin: 0 auto;
}

.mimich .mimich-con .mimich-box ul {}

.mimich .mimich-con .mimich-box ul li {
	padding: 10px;
	padding-left: 60px;
	border-bottom: 1px solid #ac9668;
	background: url(../img/mimich/icon-mimich.png) no-repeat 15px center;
	background-size: 30px;
}

.mimich .mimich-con .mimich-box ul li dl {
	display: block;
}

.mimich .mimich-con .mimich-box ul li dl dt {
	color: #666666;
	margin-bottom: 5px;
}

.mimich .mimich-con .mimich-box ul li dl dd {
	line-height: 150%;
}


/*contact.php
-----------------------------------------------------------------------------------------------*/
.contact {}

.contact .contact-con {
	margin: 50px 0;
}

.contact .contact-con .contact-box {
	display: table;
	width: 100%;
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0.4);
	border: 3px solid #ffffff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	margin-bottom: 20px;
	padding: 20px;
}

.contact .contact-con .contact-box .cb-imgbox {
	display: table-cell;
	width: 20%;
	vertical-align: middle;
}

.contact .contact-con .contact-box .cb-imgbox img {
	width: 100%;
}

.contact .contact-con .contact-box .cb-infobox {
	display: table-cell;
	width: 80%;
	vertical-align: top;
	padding-left: 20px;
}

.contact .contact-con .contact-box .cb-infobox .cb-ib-st {
	display: block;
	border-bottom: 1px solid #999999;
	padding-bottom: 10px;
	margin-bottom: 20px;
	color: #AC9668;
	font-family: YuMincho, 'Yu Mincho', serif;
	font-size: 20px;
	font-weight: bold;
}

.contact .contact-con .contact-box .cb-infobox .cb-ib-inner {
	font-size: 18px;
	margin-bottom: .5rem;
}


.contact .contact-con .contact-box .cb-infobox .cb-ib-inner p:first-of-type {
	margin-bottom: 5px;
}

.contact .contact-con .contact-box .cb-infobox .cb-ib-inner p a {
	color: #AC9663;
}

.contact .contact-con .contact-box .cb-infobox .cb-ib-inner dl {
	display: table;
	width: 100%;
	overflow: hidden;
	font-size: 24px;
	margin-bottom: 20px;
}

.contact .contact-con .contact-box .cb-infobox .cb-ib-inner dl:last-of-type {
	margin-bottom: 0;
}

.contact .contact-con .contact-box .cb-infobox .cb-ib-inner dl dt {
	display: table-cell;
	width: 40%;
	vertical-align: middle;
}

.contact .contact-con .contact-box .cb-infobox .cb-ib-inner dl dd {
	display: table-cell;
	width: 60%;
	vertical-align: middle;
}

.contact .contact-con .contact-box .cb-infobox .cb-ib-inner dl dd {
	color: #AC9663;
}

/*joboffer.php
-----------------------------------------------------------------------------------------------*/
.joboffer {}

.joboffer .jobjffer-con {
	margin: 50px 0;
}

.joboffer .jobjffer-con .joboffer-box {
	display: block;
	width: 595px;
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0.4);
	border: 3px solid #ffffff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	padding: 20px;
}

.joboffer .jobjffer-con .joboffer-box .jb-box-st {
	display: block;
	border-bottom: 1px solid #999999;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #AC9668;
	font-family: YuMincho, 'Yu Mincho', serif;
	font-size: 20px;
	font-weight: bold;
}

.joboffer .jobjffer-con .jo-staff {
	float: left;
}

.joboffer .jobjffer-con .jo-staff a {
	color: #AC9668;
}

.joboffer .jobjffer-con .jo-staff dl {
	display: block;
	padding: 10px 0;
	border-bottom: 1px dotted 1px dotted rgba(0, 0, 0, 0.10);
}

.joboffer .jobjffer-con .jo-staff dl dt {
	margin-bottom: 5px;
	color: #AC9668;
	font-family: YuMincho, 'Yu Mincho', serif;
	font-size: 16px;
	font-weight: bold;
}

.joboffer .jobjffer-con .jo-staff dl dd .red-btn {
	display: inline-block;
	padding: 5px;
	color: #FFFFFF;
	vertical-align: middle;
	background: #cc3135;
}

.joboffer .jobjffer-con .jo-skype {
	float: right;
	border: 3px solid #12a5f4;
}

.joboffer .jobjffer-con .jo-skype a {
	color: #12a5f4;
}

.joboffer .jobjffer-con .jo-skype .jb-box-st {
	color: #12a5f4;
}

.joboffer .jobjffer-con .jo-skype .jb-box-text {
	margin: 10px;
	line-height: 150%;
}

.joboffer .jobjffer-con .jo-skype dl {
	margin: 20px 10px;
}

.joboffer .jobjffer-con .jo-skype dl dt {
	display: block;
	border-bottom: 1px solid #999999;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #12a5f4;
	font-family: YuMincho, 'Yu Mincho', serif;
	font-size: 16px;
	font-weight: bold;
}

.joboffer .jobjffer-con .jo-skype dl dd {
	margin-bottom: 20px;
	line-height: 150%;
}

.joboffer .jobjffer-con .jo-skype dl dd.linkbox {
	text-align: center;
}

.joboffer .jobjffer-con .jo-skype dl dd.linkbox a.skype-btn {
	display: inline-block;
	padding: 10px 20px;
	margin-bottom: 10px;
	border: 1px solid #12a5f4;
}

/*sitemap.php
-----------------------------------------------------------------------------------------------*/
.sitemap {}

.sitemap .sitemap-con {
	margin: 50px 0;
	font-size: 16px;
}

.sitemap .sitemap-con .sitemap-box {
	margin: 0 auto;
	display: block;
	width: 1000px;
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0.4);
	border: 3px solid #ffffff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	padding: 20px;
}

.sitemap .sitemap-con .sitemap-box .sitemap-b-st {
	display: block;
	border-bottom: 1px solid #999999;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #AC9668;
	font-family: YuMincho, 'Yu Mincho', serif;
	font-size: 20px;
	font-weight: bold;
}

.sitemap .sitemap-con .sitemap-box ul {
	float: left;
	display: block;
	width: 50%;
	padding: 0 10px;
}

.sitemap .sitemap-con .sitemap-box ul.sm-b-right {
	margin-top: 45px;
}

.sitemap .sitemap-con .sitemap-box ul li {
	margin: 20px 0;
	display: block;
}

.sitemap .sitemap-con .sitemap-box ul li img {
	width: 25px;
	vertical-align: middle;
	margin-right: 10px;
}

.sitemap .sitemap-con .sitemap-box ul li a:hover {
	opacity: 1;
	text-decoration: underline;
}

.sitemap .sitemap-con .sitemap-box ul li.sitemap-sub1 {
	margin-left: 30px;
}

.sitemap .sitemap-con .sitemap-box ul li.sitemap-sub2 {
	margin-left: 60px;
}



/*blog.php
-----------------------------------------------------------------------------------------------*/
.blog {}

.blog .blog-con {
	margin: 50px 0;
}

.blog .blog-con .blog-box {
	margin-bottom: 30px;
}

.blog .blog-con .blog-b-st {
	display: block;
	border-bottom: 1px solid #999999;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #AC9668;
	font-family: YuMincho, 'Yu Mincho', serif;
	font-size: 20px;
	font-weight: bold;
}

.blog .blog-con .blog-box .blog-b-inner {
	display: block;
	overflow: hidden;
}

.blog .blog-con .blog-box .blog-b-inner dl {
	float: left;
	display: table;
	width: 50%;
	padding: 10px;
	position: relative;
	margin-bottom: 10px;
	height: 313px;
}

.blog .blog-con .blog-box .blog-b-inner dl a {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: block;
}

.blog .blog-con .blog-box .blog-b-inner dl a:hover {
	background: rgba(255, 255, 255, .5);
}

.blog .blog-con .blog-box .blog-b-inner dl dt {
	display: table-cell;
	width: 220px;
	vertical-align: middle;
}

.blog .blog-con .blog-box .blog-b-inner dl dt img {
	width: 100%;
}


.blog .blog-con .blog-box .blog-b-inner dl dd {
	display: table-cell;
	padding-left: 10px;
	vertical-align: middle;
}

.blog .blog-con .blog-box .blog-b-inner dl dd span {
	display: block;
	line-height: 150%;
}

.blog .blog-con .blog-box .blog-b-inner dl dd span.bb-name {
	font-family: Yumincho, 'Yu Mincho', serif;
	font-size: 18px;
	color: #ac9668;
	font-weight: bold;
}

.blog .blog-con .tenpo-blog .blog-b-inner dl dd span.bb-text {
	height: 65px;
	margin: 10px 0;
}

.blog .blog-con .komachi-blog .blog-b-inner dl dd span.bb-text {
	height: 45px;
	margin: 10px 0;
}

.blog .blog-con .blog-box .blog-b-inner dl dd span.bb-date,
.blog .blog-con .blog-box .blog-b-inner dl dd span.bb-tenpo {
	text-align: right;
}


.blog .blog-con .komachi-blog p {
	text-align: center;
	font-size: 16px;
	margin: 10px 0;
}

.blog .blog-con .komachi-blog p select {
	font-family: Yumincho, 'Yu Mincho', serif;
	position: relative;
	width: 250px;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: -webkit-linear-gradient(top, #fff 0%, #efebe1 100%);
	background: linear-gradient(to bottom, #fff 0%, #efebe1 100%);
	border-radius: 5px;
	margin-left: 10px;
}

.blog .blog-con .komachi-blog p label {
	position: relative;
}

.blog .blog-con .komachi-blog p label:after {
	display: block;
	content: " ";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: url(../img/common/arrow01.png) 0 0 no-repeat;
	background-size: 20px;
	pointer-events: none;
}


/*komachi-detail.php
-----------------------------------------------------------------------------------------------*/
.komachi-detail {}

.komachi-detail .komachi-detail-con {
	margin: 50px 0;
	font-size: 16px;
}

.komachi-detail .komachi-detail-con .komachi-detail-box1 {
	display: block;
	width: 1000px;
	overflow: hidden;
	margin: 0 auto 20px;
}

.komachi-detail-box1 .kd-b-left {
	float: left;

	width: 300px;
	margin-right: 10px;
}

.komachi-detail-box1 .kd-b-left .imgbox {
	display: block;
	border: 3px solid #ac9668;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
}

.komachi-detail-box1 .kd-b-left .imgbox img {
	width: 100%;
}

.komachi-detail-box1 .kd-b-left ul {
	margin-top: 20px;
	display: block;
	overflow: hidden;
	width: 100%;
	border: 1px solid #FFFFFF;
	background-color: rgba(255, 255, 255, 0.4);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	padding: 10px 0 10px 10px;
}

.komachi-detail-box1 .kd-b-left ul li {
	float: left;
	width: 85px;
	margin-right: 10px;
}

.komachi-detail-box1 .kd-b-left ul li img {
	width: 100%;
}

.komachi-detail-box1 .kd-b-left .img-list img:hover {
	opacity: .7;
}

.komachi-detail-box1 .kd-b-right {
	float: right;

	width: 680px;
	height: 520px;
	margin-left: 10px;

	background-color: rgba(255, 255, 255, 0.4);
	border: 3px solid #ffffff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	padding: 20px;
}

.komachi-detail-box1 .kd-b-right dl {
	margin-bottom: 20px;
}

.komachi-detail-box1 .kd-b-right dl dt {
	font-size: 18px;
	color: #ac9668;
	font-weight: 600;
	font-family: YuMincho, 'Yu Mincho', serif;
}

.komachi-detail-box1 .kd-b-right dl dd {
	padding: 10px;
	line-height: 150%;
}


.komachi-detail .komachi-detail-con .komachi-detail-b-st {
	display: block;
	border-bottom: 1px solid #999999;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #AC9668;
	font-family: YuMincho, 'Yu Mincho', serif;
	font-size: 20px;
	font-weight: bold;
}

.komachi-detail .komachi-detail-con .komachi-detail-box2 {
	display: block;
	width: 1000px;
	overflow: hidden;
	margin: 50px auto;
}

.komachi-detail-box2 .kd-b-inner {
	display: block;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.4);
	border: 3px solid #ffffff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	padding: 20px;
}

.komachi-detail-box2 .kd-b-inner dl {
	margin-bottom: 20px;
	border-bottom: 1px solid #CCCCCC;
}

.komachi-detail-box2 .kd-b-inner dl:last-of-type {
	border: none;
	margin-bottom: 0;
}

.komachi-detail-box2 .kd-b-inner dl dt {
	font-size: 18px;
	color: #ac9668;
	font-weight: 600;
	font-family: YuMincho, 'Yu Mincho', serif;
}

.komachi-detail-box2 .kd-b-inner dl dd {
	padding: 20px;
	line-height: 150%;
}


.komachi-detail .komachi-detail-con .btn-box {
	margin: 30px 0;
}

.komachi-detail .komachi-detail-con .btn-box a.bl-btn {
	width: 400px;
	font-size: 18px;
	font-weight: bold;
	font-family: YuMincho, 'Yu Mincho', serif;
}

.komachi-detail .komachi-detail-con .komachi-d-link {
	display: table;
	width: 700px;
	padding: 10px;
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0.4);
	border: 1px solid #ffffff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	margin: 0 auto;
}

.komachi-detail .komachi-detail-con .komachi-d-link li {
	display: table-cell;
	width: 50%;
}

.komachi-detail .komachi-detail-con .komachi-d-link li a {
	display: block;
	color: #ac9668;
	font-family: YuMincho, 'Yu Mincho', serif;
	font-weight: bold;
}

.komachi-detail .komachi-detail-con .komachi-d-link li img {
	width: 80px;
	vertical-align: middle;
}

.komachi-detail .komachi-detail-con .komachi-d-link li.komachi-dl-back {
	border-right: 1px solid #CCCCCC;
	text-align: left;
}

.komachi-detail .komachi-detail-con .komachi-d-link li.komachi-dl-back img {
	margin-right: 10px;
}

.komachi-detail .komachi-detail-con .komachi-d-link li.komachi-dl-next {
	text-align: right;
}

.komachi-detail .komachi-detail-con .komachi-d-link li.komachi-dl-next img {
	margin-left: 10px;
}


/*shop-detail.php
-----------------------------------------------------------------------------------------------*/
.shop-detail {
	overflow: hidden;
}

.shop-detail .shop-detail-con {
	margin: 50px 0;
	font-size: 16px;
}

.shop-detail .shop-detail-con .content {
	width: 1000px !important;
}

.shop-detail .shop-detail-con p.sd-b-border {
	height: 1px;
	background: #CCCCCC;
	margin: 10px 0;
}

.shop-detail .shop-detail-con p.sd-b-att {
	color: #ac9668;
	line-height: 150%;
}

.shop-detail .shop-detail-con .shop-detail-b-st {
	display: block;
	border-bottom: 1px solid #999999;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #AC9668;
	font-family: YuMincho, 'Yu Mincho', serif;
	font-size: 20px;
	font-weight: bold;
}

.shop-detail .shop-detail-con .shop-detail-box1 {
	display: block;
	overflow: hidden;
	margin: 20px auto;
}

.shop-detail-box1 .sd-b-left {
	float: left;
	width: 500px;
	margin-right: 20px;
}

.shop-detail-box1 .sd-b-right {
	float: right;

	display: block;
	width: 480px;
	background-color: rgba(255, 255, 255, 0.4);
	border: 3px solid #ffffff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	padding: 20px;
}

.shop-detail-box1 .sd-b-right dl {
	margin: 10px 0;
}

.shop-detail-box1 .sd-b-right dl dt {
	font-weight: bold;
}

.shop-detail-box1 .sd-b-right dl dd {
	line-height: 150%;
	margin: 10px;
}

.shop-detail-box2 {
	margin: 20px 0;
	display: block;
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0.4);
	border: 3px solid #ffffff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	padding: 20px;
}


.shop-detail-box2 ul {
	display: table;
	width: 100%;
	overflow: hidden;
}

.shop-detail-box2 ul li {
	display: table-cell;
	width: 50%;
	vertical-align: top;
}

.shop-detail-box2 ul li dl {
	margin: 10px 0;
}

.shop-detail-box2 ul li dl dt {
	font-weight: bold;
}

.shop-detail-box2 ul li dl dd {
	line-height: 150%;
	margin: 10px;
}


.shop-detail-box1 .sd-b-right dl dd {
	line-height: 150%;
	margin: 0 10px;
}

.shop-detail .shop-detail-con .shop-detail-map {
	margin: 20px 0;
	display: block;
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0.4);
	border: 3px solid #ffffff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
}

.shop-detail .shop-detail-con .shop-detail-access {
	margin: 20px 0;
	display: block;
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0.4);
	border: 3px solid #ffffff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	padding: 20px;
}

.shop-detail-access dl {
	margin: 10px 0;
}

.shop-detail-access dl dt {
	font-weight: bold;
}

.shop-detail-access dl dd {
	line-height: 150%;
	margin: 10px;
}

.shop-detail .shop-news {
	line-height: 150%;
	border-top: 1px solid #999999;
	padding-top: 16px;
	color: #773F1A;
}



/*faq.php
-----------------------------------------------------------------------------------------------*/
.faq {}

.faq .faq-con {
	margin: 50px 0;
}

.faq .faq-con .faq-box {
	margin: 0 auto 20px;
	display: block;
	width: 1000px;
	overflow: hidden;
}

.faq .faq-con .faq-box dt {
	display: block;
	border-bottom: 1px solid #999999;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #AC9668;
	font-family: YuMincho, 'Yu Mincho', serif;
	font-size: 20px;
	font-weight: bold;
}

.faq .faq-con .faq-box dt img {
	width: 25px;
	vertical-align: middle;
	margin-right: 10px;
}

.faq .faq-con .faq-box dd {
	line-height: 150%;
}

/*mimikakiouen.php
-----------------------------------------------------------------------------------------------*/
.yamamimiouen {}

.yamamimiouen .sub-img {
	background: url(../img/st/about.png) no-repeat center;
	background-size: cover;
}

.yamamimiouen .about-con {}

.yamamimiouen .about-con .ab-textbox {
	font-family: YuMincho, 'Yu Mincho', serif;
}

.yamamimiouen .content .ab-textbox {
	height: auto !important;
	width: 100% !important;
	margin: 20px auto !important;
}

.yamamimiouen .about-con .ab-textbox p.ab-st {
	font-size: 24px;
	font-weight: bold;
	width: 800px;
	margin: 0 auto;
}

.yamamimiouen .about-con .ab-textbox p.ab-text {
	font-size: 22px;
	line-height: 200%;
	width: 800px;
	margin: 20px auto;
}

.yamamimiouen .about-con .ab-textbox p.ab-text span.price {
	font-size: 28px;
	font-weight: 700;
	margin: 16px 0;
}

.yamamimiouen .about-con .ab-textbox p.ab-text span.imp {
	font-weight: 700;
	margin: 16px 0;
	color: red;
}

.yamamimiouen .about-con .ab-textbox p.ab-text span.right-parts {
	float: right;
}

/* 外国人用予約フォーム */

.form-reserve {
	background-color: rgba(255, 255, 255, 0.4);
	border: 3px solid #ffffff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	padding: 2rem;
	font-size: 1rem;
}

.reserve-con {}

.content {}

.reserve-con__table {
	width: 100%;
	margin: auto;
}

.reserve-con__tbody {}

.reserve-con__row {}

.reserve-con__row_group {}

.reserve-con__head {
	padding: 1rem;
	font-size: 1rem;
	font-weight: bold;
	text-align: right;
	width: 20%;
	/*  */
	background: #ac966a;
	color: #fff;
	border-bottom: 1px solid;
	border-right: 1px solid #ac966a;
}

.reserve-con__head:last-child {
	border-bottom: 1px solid #ac966a;
}

.reserve-con__head_st {
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
}

.reserve-con__label {}

.reserve-con__column {
	padding: 1rem;
	border-bottom: 1px solid #ac966a;
	border-right: 1px solid #ac966a;
}

.form-group {}

.form-group__flex-child_col1 {
	width: 10%;
	display: flex;
	flex-direction: column;
}

.form-group__flex-child_col5 {
	width: 50%;
}

.form-group__flex-child_col9 {
	width: 90%;
}

.form-group_flex {
	display: flex;
	gap: 1rem;
}

.form-group__flex-child {}

.form-group__select {
	width: 100%;
	height: 3rem;
	font-size: 1rem;
}

.form-group__text {
    width: 100%;
    height: 3rem;
    font-size: 1rem;
    margin-bottom: 1rem;
    padding: 4px;
}

.form-group__text:last-child {
	margin-bottom: 0;
}

.form-group__radio {
	display: block;
	height: 3rem;
	margin-bottom: 1rem;
}

.form-group__radio:last-child {
	margin-bottom: 0;
}

.form-group__radio_hidden {
	display: none;
}

.form-group__radio-button {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 3rem;
	margin-bottom: 1rem;
	/*  */
	color: #fff;
	background: #cbcbcb;
}

.form-group__radio_hidden:checked+.form-group__radio-button {
	background: #5145ff;
}

.form-group__flex-children {}

.form-group__sst {
	display: block;
	font-weight: bold;
	margin-bottom: 1rem;
}

.form-group__sub-text {
	margin-bottom: 1rem;
	font-size: 0.9rem;
}

.check-item {
	display: flex;
	gap: 1rem;
	width: 50%;
	margin: 1rem auto;
}

.check-item__link {
	color: red;
}

.form-button {
	display: block;
	width: 50%;
	margin: 1rem auto;
	height: 4rem;
	border: none;
	background: #43b134;
	color: #fff;
	font-size: 1.2rem;
}

.reserve-con__check-group {
	display: flex;
	gap: .5rem;
	align-items: center;
	margin-bottom: .5rem;
}

.reserve-con__checkbox {
	width: 2rem;
	height: 2rem;
}

.reserve-con__checkbox.accent {
	outline: 4px solid red;
    vertical-align: middle;
    transition: .3s;
}

.reserve-con__comments {
	font-size: .8rem;
}

span.form-require {
    display: block;
    font-size: .8rem;
    color: #b51818;
}