@charset "UTF-8";

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------SP*/
@media screen and (max-width: 667px) {

	#title {
		line-height: 0;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		overflow: hidden;
		position: relative;
	}
	#title h1 img {
		width: 200%;
		margin: 0 -50%;
	}
	#url {
		display: none;
	}
	#pics {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	#pics img {
		width: 100%;
		height: auto;
	}

	#breadcrumbs {
		display: none;
	}

/*------------------------------------------------------------------------------------------------------------ container*/
	#container {
		width: 100%;
		height: auto;
		margin: 0 0 130px;
		padding: 0;
		overflow: hidden;
	}

	.artdet {
		width: calc(100% - 20px);
		height: auto;
		margin: 0 auto;
		padding: 10px;
		overflow: hidden;
	}
	.artdet img {
		width: 100%;
		height: auto;
		margin: 10px auto;
		padding: 0;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		position: relative;
	}
	.artdet ul {}
	.artdet ul li {}
	.artdet ol {
		counter-reset: num;
		text-indent: -2.5em;
		margin-left: 2.5em;
	}
	.artdet ol li {
		position: relative;
	}
	.artdet ol li:before {
		counter-increment:num;
		content: counter(num)")";
		margin: 0 .5em 0 0;
		padding: 0 10px;
		position: relative;
		overflow: hidden;
	}
	.artdet dl {
		width: 100%;
		height: atuo;
		margin: 0 0 1em;
		padding: 0;
		overflow: hidden;
	}
	.artdet dl:last-child {
		margin: 0;
	}
	.artdet dl dt {
	}
	.artdet dl dd {
		margin-left: 1em;
	}
	.artdet ul.approval {
		width: calc(100% - 40px);
		padding: 20px;
		background: #DCF1E7;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		position: relative;
	}

	table {
		width: calc(100% - 2px);
		height: auto;
		margin: .5em 0;
		background: #3E0406;
		border-collapse: separate;
		border-spacing: 1px;
		-webkit-border-radius: 3px / 3px;
		-moz-border-radius: 3px / 3px;
		border-radius: 3px / 3px;
		position: relative;
		overflow: hidden;
	}
	tr {
		background: #FFFFFF;
	}
	th, td {
		padding: 3px;
	}
	thead th {
		color: #000;
		font-weight: bold;
		text-align: center;
		padding: 1em;
		background: #f4ffe3;
	}
	tbody tr {
		background: #FFF;
	}
	tbody th {
		text-align: left;
		background: #FFF;
		word-break: keep-all;
		word-wrap: break-word;
		white-space: nowrap;
	}
	tbody th, tbody td {
		vertical-align: middle;
		text-indent: 0;
		padding: .5em;
	}

	.scrtbl {
		width: 100%;
		overflow-x: auto;
		position: relative;
	}
	.scrtbl .tc {
	}
	.scrtbl table {
		border-collapse: collapse;
		width: 734px;
	}
	.scrtbl table thead {
	}
	.scrtbl table tbody {
	}
	.scrtbl table tbody th {
	}
	.scrtbl table tbody th div {
		text-align: left;
		font-weight: bold;
		width: 150px;
		padding: 0 5px;
	}
	.scrtbl table td, .scrtbl table th {
		border: 1px solid #999;
		padding: 2px;
	}
	.scrtbl::-webkit-scrollbar {
		height: 5px;
	}
	.scrtbl::-webkit-scrollbar-track {
		border-radius: 5px;
		background: #eee;
	}
	.scrtbl::-webkit-scrollbar-thumb {
		border-radius: 5px;
		background: #666;
	}

	dl#gaiyoudet {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	#gaiyoumov {
		width: 100%;
		padding-bottom: 56.25%;
  		margin: 0 0 .5em;
		-webkit-border-radius: 3px / 3px;
		-moz-border-radius: 3px / 3px;
		border-radius: 3px / 3px;
		position: relative;
		overflow: hidden;
	}
	#gaiyoumov video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.price tbody td {
		text-align: right;
		font-size: 110%;
		font-weight: bold;
		color: #cc0000;
	}
	table.std {
		font-size: 1rem;
		table-layout: fixed;
	}
	.std tbody td {
		text-align: right;
	}

	.mansaku-wrap {
		overflow: hidden;
		clear: both;
	}
	#mansaku-pic {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	dl#mansaku-price {
		width: auto;
		height: atuo;
		margin: 10px 0 0;
		padding: 0;
		overflow: hidden;
	}
	dl#mansaku-price dt {
		float: none;
	}
	dl#mansaku-price dd {
		border-bottom: 1px dotted #CCC;
		text-align: right;
	}
	dl#mansaku-price em {
		font-size: 2rem;
		font-style: normal;
	}
	.mansaku-pr {
		width: 100%;
		height: auto;
		margin: 0 0 1em;
		padding: 0;
		overflow: hidden;
	}
	.mansaku-pr h3 {
		font-size: 2.1rem;
		text-align: center;
		border-left: none;
		border-bottom: 5px solid #EA8446;
	}
	.mansaku-pr ul li {
		font-size: 1.7rem;
		margin: 0 0 .5em;
	}
	.mansaku-spc {
		width: 100%;
		height: auto;
		margin: 0 2% 1em 0;
		padding: 0;
		overflow: hidden;
	}
	.mansaku-spc h3 {
		color: #FFF;
		font-size: 2.1rem;
		text-align: center;
		background: #215621;
		border-left: none;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
		position: relative;
	}
	.mansaku-spc ul li, .mansaku-spc dl {
		font-size: 1.7rem;
		margin: 0;
	}
	.mansaku-spc dl dt {
		float: none;
	}
	#mansaku-notice h3 {
		color: #FFF;
		font-size: 2.1rem;
		text-align: center;
		background: #7D0008;
		border-left: none;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
		position: relative;
	}
	.cov {
		width: 50%;
		height: auto;
		margin: 0 0 1em 1em;
		padding: 0;
		overflow: hidden;
		float: right;
	}
	.cov img {
		width: 100%;
		height: auto;
		margin: 0;
	}
	.tlk {
		margin: 1em 0;
	}
	.tlk p {
		text-indent: -1em;
		margin: 0 0 0 1em;
	}
	.tlk p:nth-child(n + 2){
		text-indent: 0;
		margin: 0 0 0 1em;
	}

	#mailform {
		font-size: 1.4rem;
		width: auto;
		height: auto;
		margin: 10px 0;
		padding: 0;
		overflow: hidden;
	}
	#mailform table {
		width: 100%;
	}
	#mailform thead tr {
		width: auto;
	}
	#mailform thead tr th {
	}
	#mailform tbody tr {
		background: #FFF;
	}
	#mailform tbody th {
		word-break: break-all;
		white-space: normal;
		vertical-align: middle;
	}
	#mailform tbody td {
	}
	#mailform input, #mailform textarea {
		padding: 5px;
		background: #FFF;
		border: 1px solid #CCC;
	}
	#mailform input:hover, #mailform textarea:hover {
		border: 1px solid #990033;
	}
	table.mailform tr th, table.mailform tr td {
		font-weight: normal;
	}
	table.mailform tr th span {
		color: #CC0000;
		font-size: 10px;
	}
	table.mailform tr td textarea, table.mailform .mf {
	}
	table.mailform tr td textarea {
		height: 120px;
	}
	#fmadd, #fmadc, #fname, #fnumb, #faddr, #ftelp, #ftext { width: calc(100% - 12px); }

	#mapcas {
		width: calc(100% - 2px);
		height: 500px;
		margin: 0;
		padding: 0;
		border: 1px solid #420206;
		-webkit-border-radius: 3px 3px 0 0;
		-moz-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
	    behavior: url(js/PIE.htc);
		position: relative;
	}

	dl#sitemap {
	}
	dl#sitemap dt {
		margin: 1em 0 0;
		padding: 0 0 0 1em;
		position: relative;
		float: none;
	}
	dl#sitemap dt::before {
		content: '';
		position: absolute;
		top: calc(50% - 10px);
		left: 0;
		border-top: 10px solid transparent;
		border-left: 10px solid #F47F4C;
		border-bottom: 10px solid transparent;

	}
	dl#sitemap dt:first-child {
		margin: 0;
	}
	dl#sitemap dd {
		margin-left: 3em;
		border-bottom: 1px dotted #CCC;
	}
	dl#sitemap dd:hover {
		background: #eefff2;
	}

}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------TB*/
@media screen and (min-width: 668px) and (max-width: 959px) {

	#title {
		line-height: 0;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		overflow: hidden;
		position: relative;
	}
	#title h1 img {
		width: 100%;
		height: auto;
	}
	#url {
		line-height: 0;
		width: auto;
		height: 100%;
		margin: 0;
		padding: 0;
		overflow: hidden;
		position: absolute;
		top: calc(50% - 6px);
		left: 3px;
	}
	#pics {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	#pics img {
		width: 100%;
		height: auto;
	}

	#breadcrumbs {
		display: none;
	}

/*------------------------------------------------------------------------------------------------------------ container*/
	#container {
		width: 100%;
		height: auto;
		margin: 0 0 130px;
		padding: 0;
		overflow: hidden;
	}

	.artdet {
		width: calc(100% - 20px);
		height: auto;
		margin: 0 auto;
		padding: 10px;
		overflow: hidden;
	}
	.artdet img {
		width: 100%;
		height: auto;
		margin: 10px auto;
		padding: 0;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		position: relative;
	}
	.artdet ul {}
	.artdet ul li {}
	.artdet ol {
		counter-reset: num;
		text-indent: -2.5em;
		margin-left: 2.5em;
	}
	.artdet ol li {
		position: relative;
	}
	.artdet ol li:before {
		counter-increment:num;
		content: counter(num)")";
		margin: 0 .5em 0 0;
		padding: 0 10px;
		position: relative;
		overflow: hidden;
	}
	.artdet dl {
		width: 100%;
		height: atuo;
		margin: 0 0 1em;
		padding: 0;
		overflow: hidden;
	}
	.artdet dl:last-child {
		margin: 0;
	}
	.artdet dl dt {
		float: left;
	}
	.artdet dl dd {
		margin-left: 7em;
	}
	.artdet ul.approval {
		width: calc(100% - 40px);
		padding: 20px;
		background: #DCF1E7;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		position: relative;
	}

	table {
		width: calc(100% - 2px);
		height: auto;
		margin: .5em 0;
		background: #3E0406;
		border-collapse: separate;
		border-spacing: 1px;
		-webkit-border-radius: 3px / 3px;
		-moz-border-radius: 3px / 3px;
		border-radius: 3px / 3px;
		position: relative;
		overflow: hidden;
	}
	tr {
		background: #FFFFFF;
	}
	th, td {
		padding: 3px;
	}
	thead th {
		color: #000;
		font-weight: bold;
		text-align: center;
		padding: 1em;
		background: #f4ffe3;
	}
	tbody tr {
		background: #FFF;
	}
	tbody th {
		text-align: left;
		background: #FFF;
		word-break: keep-all;
		word-wrap: break-word;
		white-space: nowrap;
	}
	tbody th, tbody td {
		vertical-align: middle;
		text-indent: 0;
		padding: .5em;
	}

	dl#gaiyoudet {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	#gaiyoumov {
		width: 100%;
		padding-bottom: 56.25%;
  		margin: 0 0 .5em;
		-webkit-border-radius: 3px / 3px;
		-moz-border-radius: 3px / 3px;
		border-radius: 3px / 3px;
		position: relative;
		overflow: hidden;
	}
	#gaiyoumov video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.price tbody td {
		text-align: right;
		font-size: 110%;
		font-weight: bold;
		color: #cc0000;
	}
	table.std {
		table-layout: fixed;
	}
	.std tbody td {
		text-align: right;
	}

	.mansaku-wrap {
		overflow: hidden;
		clear: both;
	}
	.mansaku-wrap {
		overflow: hidden;
		clear: both;
	}
	#mansaku-pic {
		width: 50%;
		height: auto;
		margin: 0;
		padding: 0;
		overflow: hidden;
		float: left;
	}
	dl#mansaku-price {
		width: auto;
		height: atuo;
		margin: 10px 0 0;
		padding: 0;
		overflow: hidden;
	}
	dl#mansaku-price dt {
		float: none;
	}
	dl#mansaku-price dd {
		border-bottom: 1px dotted #CCC;
		text-align: right;
	}
	dl#mansaku-price em {
		font-size: 2rem;
		font-style: normal;
	}
	.mansaku-pr {
		width: 32%;
		height: auto;
		margin: 0 2% 1em 0;
		padding: 0;
		overflow: hidden;
		float: left;
	}
	.mansaku-pr:nth-child(3n) {
		margin: 0 0 1em;
	}
	.mansaku-pr h3 {
		font-size: 2.1rem;
		text-align: center;
		border-left: none;
		border-bottom: 5px solid #EA8446;
	}
	.mansaku-pr ul li {
		font-size: 1.7rem;
		margin: 0 0 .5em;
	}
	.mansaku-spc {
		width: 32%;
		height: auto;
		margin: 0 2% 1em 0;
		padding: 0;
		overflow: hidden;
		float: left;
	}
	.mansaku-spc:nth-child(3n) {
		margin: 0 0 1em;
	}
	.mansaku-spc h3 {
		color: #FFF;
		font-size: 2.1rem;
		text-align: center;
		background: #215621;
		border-left: none;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
		position: relative;
	}
	.mansaku-spc ul li, .mansaku-spc dl {
		font-size: 1.7rem;
		margin: 0;
	}
	.mansaku-spc dl dt {
		float: none;
	}
	.mansaku-spc dl dd {
		margin-left: 1em;
	}
	#mansaku-notice h3 {
		color: #FFF;
		font-size: 2.1rem;
		text-align: center;
		background: #7D0008;
		border-left: none;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
		position: relative;
	}
	.cov {
		width: 250px;
		height: 250px;
		margin: 0 0 1em 1em;
		padding: 0;
		overflow: hidden;
		float: right;
	}
	.cov img {
		width: 100%;
		height: auto;
		margin: 0;
	}
	.tlk {
		margin: 1em 0;
	}
	.tlk p {
		text-indent: -1em;
		margin: 0 0 0 1em;
	}
	.tlk p:nth-child(n + 2){
		text-indent: 0;
		margin: 0 0 0 1em;
	}

	#mailform {
		font-size: 1.4rem;
		width: auto;
		height: auto;
		margin: 10px 0;
		padding: 0;
		overflow: hidden;
	}
	#mailform table {
		width: 100%;
	}
	#mailform thead tr {
		width: auto;
	}
	#mailform thead tr th {
	}
	#mailform tbody tr {
		background: #FFF;
	}
	#mailform tbody th {
		word-break: break-all;
		white-space: normal;
		vertical-align: middle;
	}
	#mailform tbody td {
	}
	#mailform input, #mailform textarea {
		padding: 5px;
		background: #FFF;
		border: 1px solid #CCC;
	}
	#mailform input:hover, #mailform textarea:hover {
		border: 1px solid #990033;
	}
	table.mailform tr th, table.mailform tr td {
		font-weight: normal;
	}
	table.mailform tr th span {
		color: #CC0000;
		font-size: 10px;
	}
	table.mailform tr td textarea, table.mailform .mf {
	}
	table.mailform tr td textarea {
		height: 120px;
	}
	#fmadd, #fmadc, #fname, #fnumb, #faddr, #ftelp, #ftext { width: calc(100% - 12px); }

	#mapcas {
		width: calc(100% - 2px);
		height: 500px;
		margin: 0;
		padding: 0;
		border: 1px solid #420206;
		-webkit-border-radius: 3px 3px 0 0;
		-moz-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
	    behavior: url(js/PIE.htc);
		position: relative;
	}

	dl#sitemap {
	}
	dl#sitemap dt {
		margin: 1em 0 0;
		padding: 0 0 0 1em;
		position: relative;
		float: none;
	}
	dl#sitemap dt::before {
		content: '';
		position: absolute;
		top: calc(50% - 10px);
		left: 0;
		border-top: 10px solid transparent;
		border-left: 10px solid #F47F4C;
		border-bottom: 10px solid transparent;

	}
	dl#sitemap dt:first-child {
		margin: 0;
	}
	dl#sitemap dd {
		margin-left: 3em;
		border-bottom: 1px dotted #CCC;
	}
	dl#sitemap dd:hover {
		background: #eefff2;
	}

}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------PC*/
@media screen and (min-width: 960px), print {

	#title {
		line-height: 0;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		overflow: hidden;
		position: relative;
	}
	#title h1 img {
		width: 100%;
		height: auto;
	}
	#url {
		line-height: 0;
		width: auto;
		height: 100%;
		margin: 0;
		padding: 0;
		overflow: hidden;
		position: absolute;
		top: calc(50% - 6px);
		left: 3px;
	}
	#pics {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	#pics img {
		width: 100%;
		height: auto;
	}

	#breadcrumbs {
		width: 980px;
		height: auto;
		margin: 30px auto;
		padding: 0 auto;
		overflow: hidden;
	}
	#breadcrumbs ul {
		font-size: 16px;
		font-size: 1.6rem;
		overflow: hidden;
	}
	#breadcrumbs ul li {
		padding: 0 12px 0 15px;
		position: relative;
		float: left;
	}
	#breadcrumbs ul li::before {
		content: url(../img/bread_arrow.png);
		position: absolute;
		top: 0;
		left: 0;
	}
	#breadcrumbs ul li#bc-home {
		padding: 0 12px 0 30px;
	}
	#breadcrumbs ul li#bc-home::before {
		content: url(../img/bread_home.png);
		position: absolute;
		top: 0;
		left: 0;
	}
	#breadcrumbs ul li#bc-cur {
		font-weight: 900;
	}

/*------------------------------------------------------------------------------------------------------------ container*/
	#container {
		width: 100%;
		height: auto;
		margin: 0 0 130px;
		padding: 0;
		overflow: hidden;
	}

	.artdet {
		width: 980px;
		height: auto;
		margin: 0 auto;
		padding: 0;
		overflow: hidden;
	}
	.artdet img {
		width: 100%;
		height: auto;
		margin: 10px auto;
		padding: 0;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		position: relative;
	}
	.artdet ul {}
	.artdet ul li {}
	.artdet ol {
		counter-reset: num;
		text-indent: -2.5em;
		margin-left: 2.5em;
	}
	.artdet ol li {
		position: relative;
	}
	.artdet ol li:before {
		counter-increment:num;
		content: counter(num)")";
		margin: 0 .5em 0 0;
		padding: 0 10px;
		position: relative;
		overflow: hidden;
	}
	.artdet dl {
		width: 100%;
		height: atuo;
		margin: 0 0 1em;
		padding: 0;
		overflow: hidden;
	}
	.artdet dl:last-child {
		margin: 0;
	}
	.artdet dl dt {
		float: left;
	}
	.artdet dl dd {
		margin-left: 7em;
	}
	.artdet ul.approval {
		width: calc(100% - 40px);
		padding: 20px;
		background: #DCF1E7;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		position: relative;
	}

	table {
		width: calc(100% - 2px);
		height: auto;
		margin: .5em 0;
		background: #3E0406;
		border-collapse: separate;
		border-spacing: 1px;
		-webkit-border-radius: 3px / 3px;
		-moz-border-radius: 3px / 3px;
		border-radius: 3px / 3px;
		position: relative;
		overflow: hidden;
	}
	tr {
		background: #FFFFFF;
	}
	th, td {
		padding: 3px;
	}
	thead th {
		color: #000;
		font-weight: bold;
		text-align: center;
		padding: 1em;
		background: #f4ffe3;
	}
	tbody tr {
		background: #FFF;
	}
	tbody th {
		text-align: left;
		background: #FFF;
		word-break: keep-all;
		word-wrap: break-word;
		white-space: nowrap;
	}
	tbody th, tbody td {
		vertical-align: middle;
		text-indent: 0;
		padding: .5em;
	}

	dl#gaiyoudet {
		width: calc(100% - 450px);
		height: auto;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	#gaiyoumov {
		width: 426px;
		height: 240px;
		margin: 0;
		padding: 0;
		-webkit-border-radius: 3px / 3px;
		-moz-border-radius: 3px / 3px;
		border-radius: 3px / 3px;
		position: relative;
		overflow: hidden;
		float: right;
	}
	#gaiyoumov video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.price tbody td {
		text-align: right;
		font-size: 110%;
		font-weight: bold;
		color: #cc0000;
	}
	table.std {
		table-layout: fixed;
	}
	.std tbody td {
		text-align: right;
	}

	.mansaku-wrap {
		overflow: hidden;
		clear: both;
	}
	#mansaku-pic {
		width: 600px;
		height: auto;
		margin: 0;
		padding: 0;
		overflow: hidden;
		float: left;
	}
	dl#mansaku-price {
		width: auto;
		height: atuo;
		margin: 10px 0 0;
		padding: 0;
		overflow: hidden;
	}
	dl#mansaku-price dt {
		float: none;
	}
	dl#mansaku-price dd {
		border-bottom: 1px dotted #CCC;
		text-align: right;
	}
	dl#mansaku-price em {
		font-size: 2rem;
		font-style: normal;
	}
	.mansaku-pr {
		width: 32%;
		height: auto;
		margin: 0 2% 1em 0;
		padding: 0;
		overflow: hidden;
		float: left;
	}
	.mansaku-pr:nth-child(3n) {
		margin: 0 0 1em;
	}
	.mansaku-pr h3 {
		font-size: 2.1rem;
		text-align: center;
		border-left: none;
		border-bottom: 5px solid #EA8446;
	}
	.mansaku-pr ul li {
		font-size: 1.7rem;
		margin: 0 0 .5em;
	}
	.mansaku-spc {
		width: 32%;
		height: auto;
		margin: 0 2% 1em 0;
		padding: 0;
		overflow: hidden;
		float: left;
	}
	.mansaku-spc:nth-child(3n) {
		margin: 0 0 1em;
	}
	.mansaku-spc h3 {
		color: #FFF;
		font-size: 2.1rem;
		text-align: center;
		background: #215621;
		border-left: none;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
		position: relative;
	}
	.mansaku-spc ul li, .mansaku-spc dl {
		font-size: 1.7rem;
		margin: 0;
	}
	.mansaku-spc dl dt {
		float: none;
	}
	#mansaku-notice h3 {
		color: #FFF;
		font-size: 2.1rem;
		text-align: center;
		background: #7D0008;
		border-left: none;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
		position: relative;
	}
	.cov {
		width: 250px;
		height: 250px;
		margin: 0 0 1em 1em;
		padding: 0;
		overflow: hidden;
		float: right;
	}
	.cov img {
		width: 100%;
		height: auto;
		margin: 0;
	}
	.tlk {
		margin: 1em 0;
	}
	.tlk p:nth-child(n + 2){
		margin: 0 0 0 1em;
	}

	#mailform {
		width: auto;
		height: auto;
		margin: 10px 0;
		padding: 0;
		overflow: hidden;
	}
	#mailform table {
	}
	#mailform thead tr {
		width: auto;
		height: 40px;
	}
	#mailform thead tr th {
	}
	#mailform tbody tr {
		background: #FFF;
	}
	#mailform tbody th {
		text-align: right;
		vertical-align: middle;
		width: 12em;
		padding: 5px;
	}
	#mailform tbody td {
		padding: 10px;
	}
	#mailform input, #mailform textarea {
		padding: 5px;
		background: #FFF;
		border: 1px solid #CCC;
	}
	#mailform input:hover, #mailform textarea:hover {
		border: 1px solid #990033;
	}
	table.mailform tr th, table.mailform tr td {
		font-weight: normal;
		padding: 5px;
	}
	table.mailform tr th span {
		color: #CC0000;
		font-size: 10px;
	}
	table.mailform tr td textarea, table.mailform .mf {
		width: calc(100% - 12px);
	}
	table.mailform tr td textarea {
		height: 120px;
	}
	#fmadd { width: 20em; }
	#fmadc { width: 20em; }
	#fname { width: 15em; }
	#fnumb { width: 10em; }
	#faddr { width: 30em;}
	#ftelp { width: 11em; }
	#ftext {}

	#mapcas {
		width: calc(100% - 2px);
		height: 500px;
		margin: 0;
		padding: 0;
		border: 1px solid #420206;
		-webkit-border-radius: 3px 3px 0 0;
		-moz-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
	    behavior: url(js/PIE.htc);
		position: relative;
	}

	dl#sitemap {
	}
	dl#sitemap dt {
		margin: 1em 0 0;
		padding: 0 0 0 1em;
		position: relative;
		float: none;
	}
	dl#sitemap dt::before {
		content: '';
		position: absolute;
		top: calc(50% - 10px);
		left: 0;
		border-top: 10px solid transparent;
		border-left: 10px solid #F47F4C;
		border-bottom: 10px solid transparent;

	}
	dl#sitemap dt:first-child {
		margin: 0;
	}
	dl#sitemap dd {
		border-bottom: 1px dotted #CCC;
	}
	dl#sitemap dd:hover {
		background: #eefff2;
	}

}