<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/*----------------------------------------------------*/ 
/* head
------------------------------------------------------*/ 


.floR {
	float:right;
	padding:0 0 10px 10px;
}


.iconExampleBox {
	overflow:hidden;
}

.iconExampleBox .iconExample{
	float:left;
	box-sizing:border-box;
}

.iconExampleBox .iconExample:first-child {	width:34%; padding-right:1%;}
.iconExampleBox .iconExample:last-child {	width:65%;}

@media only screen and (max-width: 639px) {

.iconExampleBox .iconExample:first-child { float:none;	width:100%;}
.iconExampleBox .iconExample:last-child { float:none;	width:100%;}
}

.iconExample {
	font-size:86%;
	margin-bottom:30px;
}

.iconExample dt { 
	font-weight:bold;
	margin-bottom:5px;
}

.iconExample dd { 
	margin-bottom:10px;
}

.iconExample li { 
	position:relative; 
	padding:0 0 1px 7em;
	margin-bottom:5px;
	line-height:1.3;
}
.iconExample li span { 
	position:absolute; 
	top:0; 
	left:.5em;
	display:block;
	padding:3px .5em 2px .5em;
	border-radius:2px;
	background:#A1D5A1;
	color:#575748;
	margin:0 10px 5px 0;
	line-height:1.3;
	font-size:11px;
	font-weight:bold;
}

.iconExample .act li span { 
	background:#ffd24d;
}

@media only screen and (max-width: 639px) {
	
.floR {
		float:none;
		text-align:center;
	}

.iconExample li { 
	padding:0 0 1px 7.5em;
}

}

/*----------------------------------------------------*/ 
/* officetopindex
------------------------------------------------------*/ 

.officetopindex {
	overflow:hidden;
}

.officetopindex li {
	width:25%;
	float:left;
	padding:5px;
	box-sizing:border-box;
}

.officetopindex li a {
	display:block;
	border-radius:5px;
	padding:.7em 5px;
	font-weight:bold;
	text-align:center;
	background: -moz-linear-gradient(top, #FFFAEC, #FEF0CD); 
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFAEC), to(#FEF0CD));
	border:1px solid #FEF0CD;
	color:#444;
}

.officetopindex li span {
	display:block;
	border-radius:5px;
	padding:.7em 5px;
	font-weight:normal;
	text-align:center;
	background:#ECECEC;
}

.officetopindex li a:hover {
	background:#FEF0CD;
	text-decoration:none;
}

@media only screen and (max-width: 639px) {

.officetopindex li {
	width:50%;
}

}


/*----------------------------------------------------*/ 
/* box_office
------------------------------------------------------*/ 

.box_office {
	border:solid 2px #f7aaaa;
	background:#FFF;
	border-radius:5px;
	margin-bottom:30px;
}

.box_office header {
	border-bottom:solid 2px #f7aaaa;
	overflow:hidden;
	padding:10px 20px 0px;
}

.box_office .hojin {
	margin-bottom:0px;
}

.box_office .name {
	font-weight:bold;
	font-size:107%;
	margin-bottom:7px;
}

.box_office .serviceArea {
	border-top:2px solid #f7aaaa;
	margin:5px -20px 0 -20px;
	padding:5px 20px 0 20px;
}
.box_office .serviceArea dt {
	font-size:75%;
	font-weight:normal;
	display:table-cell;
	vertical-align:top;
	padding:2px .5em 0 0;
	white-space:nowrap;
}
.box_office .serviceArea dd {
	display:table-cell;
}

.box_office .region {
	overflow:hidden;
}

.box_office .region li {
	float:left;
	padding:2px 5px 0;
	background:#d34040;
	color:#FFF;
	margin:0 10px 5px 0;
	line-height:1.3;
	font-size:86%;
}

.box_office .service {
	overflow:hidden;
	clear:both;
	margin-bottom:10px;
}

.box_office .service li {
	float:left;
	padding:3px 6px 1px 6px;
	border-radius:2px;
	background:#A1D5A1;
	color:#575748;
	margin:0 10px 5px 0;
	line-height:1.3;
	font-size:75%;
	font-weight:bold;
}

.box_office .service li.act {
	background:#FFD24D;
}

.box_office .service li.other {
	background:#FFC3C3;
}

.box_office .office {
	padding:10px 20px 15px;
	overflow:hidden;
}

.box_office .office .image {
	float:left;
	margin-right:25px;
}

.box_office .office .image img {
	max-width:227px;
	height:auto;
}

.box_office .detail {
	overflow:hidden;
}

.box_office .detail p &gt; span {
	margin-right:10px;
}

.box_office .detail .link {
	overflow:hidden;
	margin:5px 0 10px;
}

.box_office .detail .link li {
	float:left;
	margin-right:10px;
}

.box_office .detail .link li a {
	display:block;
	border:solid 1px #f7aaaa;
	height:25px;
	color:#996633;
	padding:1px 10px 0 35px;
	position:relative;
}

.box_office .detail .link li a:before {
	content:"";
	width:26px;
	height:26px;
	border-right:solid 1px #f7aaaa;
	position:absolute;
	left:0;
	top:0;
}

.box_office .detail .link li a.pc:before {
	background:url(/kyohoren/lib/img/icon_pc.png) no-repeat;
}

.box_office .detail .link li a.map:before {
	background:url(/kyohoren/lib/img/icon_map.png) no-repeat;
}

.office_others {
	overflow:hidden;
	margin-left:-5px;
}

.office_others li {
	float:left;
	margin:0 0 5px 5px;
}

.office_others li:before {
	content:"｜";
	margin-right:5px;
}

.office_others li:first-child:before {
	display:none;
}


@media only screen and (max-width: 1015px) {

/* box_office */

.box_office .region {
	overflow:visible;
}

.box_img .detail {
	overflow:visible;
}

.box_office .detail {
	overflow:visible;
}

.box_office .office .image {
	width:35%;
}

.box_office .office .image img {
	width:100%;
	height:auto;
}

}

@media only screen and (max-width: 639px) {

/* box_img */

.box_img {
	overflow:hidden;
	margin-bottom:20px;
}

.box_img .detail {
	overflow:hidden;
}

.box_img.L .image,
.box_img.R .image {
	float:none;
	margin:0 0 10px 0;
}

.box_img .image img {
	width:100%;
	height:auto;
}

/* box_office */

.box_office header {
	padding:10px;
}

.box_office .hojin {
	margin-bottom:0;
}

.box_office .office {
	padding:10px;
}

.box_office .office .image {
	margin:0 10px 10px 0;
}

.box_office .name {
	float:none;
	margin-right:0;
}

.box_office .serviceArea {
}
.box_office .serviceArea dt {
	font-size:75%;
	font-weight:bold;
	display:block;
	vertical-align:top;
	padding:2px .5em 0 0;
}
.box_office .serviceArea dd {
	display:block;
}

.box_office .detail p &gt; span {
	display:block;
	margin:0;
}

.box_office .detail .link {
	margin-left:-10px;
}

.box_office .detail .link li {
	float:left;
	margin:0;
	width:50%;
	box-sizing:border-box;
	padding-left:10px;
}

.box_office .detail .link li a {
	padding-right:0;
}



}
</pre></body></html>