@charset "UTF-8";

.main-content h1 {
		margin-bottom: 0px;
}

.main-content h1 img {
		vertical-align: bottom;
}

.attention_btn a {
		text-align: center;
}

.attention_btn a {
		width: 100%;
		display: block;
		margin: 0px 0 30px;
		background-color: #95030f;
		padding: 10px 0 10px;
		line-height: 1.6em;
		font-size: 120%;
		color: #fff;
}

.item-btn a {
		display: block;
		text-align: center;
		margin-bottom: 20px;
		background-color: #ebeaea;
		color: #333;
		padding: 15px 15px 15px 15px;
		font-size: 90%;
}

.item-btn a span {
		display: inline-block;
		padding-top: 8px;
		text-align: center;
		font-size: 170%;
		font-weight: bold;
		line-height: 1.4em;
		min-width: 160px;
}

.item-btn a span:after {
		content: "";
		background-image: url("/kyoto/common/images/kyoto/btnicon_right_b.gif");
		background-image: url("../../../common/images/kyoto/btnicon_right_b.gif");
		background-repeat: no-repeat;
		padding-right: 25px;
		background-position: right center;
		background-size: 10px auto;
}

.item-list a {
		display: block;
		text-align: right;
		margin-bottom: 20px;
}

.item-list.link-items-R {
	overflow:hidden;
}
.item-list.link-items-R a {
	float:right;
}


.item-list a span {
		display: inline-block;
		background-color: #4d4d4d;
		text-align: center;
		font-size: 100%;
		font-weight: bold;
		line-height: 1.2em;
		color: #fff;
		padding: 11px 15px 11px 15px;
		min-width: 160px;
}

.item-list a span:after {
		content: "";
		background-image: url("/kyoto/common/images/kyoto/btnicon_right_w.gif");
		background-image: url("../../../common/images/kyoto/btnicon_right_w.gif");
		background-repeat: no-repeat;
		padding-right: 15px;
		background-position: right center;
		background-size: 8px auto;
}



/* ----- アイテムリスト 3列 ----- */

.itemRow-ty3 .item-Col {
		width: 100%;
		position: relative;
		overflow: hidden;
		margin: 20px auto 0px;
}

.itemRow-ty3 .item-Col li {
		width: 32%;
		margin-right: 2%;
		margin-bottom: 30px;
		box-sizing: border-box;
		float: left;
		text-align: center;
}

.itemRow-ty3 .item-Col li .item-image {
		margin-bottom: 10px;
}

.btn-obento {
		display: block;
		width: 100%;
		background-color: #ebeaea;
		text-align: center;
		overflow: hidden;
}

.btn-obento a {
		display: block;
		text-align: center;
		font-size: 100%;
		font-weight: bold;
		line-height: 1.2em;
		color: #727171;
		padding: 11px 2px 11px 2px;
}

.item-all a {
		margin-bottom: 40px;
}

@media all and (min-width: 641px) {

.itemRow-ty3 .item-Col li:nth-child(3n) {
		margin-right: 0;
}
}

.sec-pc-gray {
		background: #f1f1f1;
		width: 100%;
		position: relative;
		margin: 0 auto 20px;
		padding: 40px 0;
		overflow: hidden;
}

.itembtnArea ul {
		width: 100%;
		margin: 0px 0 0px 1%;
		box-sizing: border-box;
		overflow: hidden;
		text-align: center;
}

.itembtnArea li {
		width: 32%;
		float: left;
		margin-right: 1%;
		margin-bottom: 5px;
		background-color: #fff;
		border: 1px solid #cccccc;
		box-sizing: border-box;
		text-align: center;
}

.itembtnArea li:nth-child(3n) {
		margin-right: 0px;
}

.itembtnArea li a, .itembtnArea .item-btn-list a {
		display: block;
		font-size: 110%;
		font-weight: bold;
		line-height: 1.4em;
		padding: 14px 0;
		color: #333333;
}

.itembtnArea .item-btn-list {
		width: 98%;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 5px;
		background-color: #fff;
		border: 1px solid #cccccc;
		box-sizing: border-box;
		text-align: center;
}

.itembtnArea li:hover, .itembtnArea .item-btn-list:hover {
		background-color: #f1f1f1;
}

.itembtnArea .item-btn-list a:hover {
		text-decoration: none;
}

.sec-pc-info {
		width: 100%;
		/*border: 1px solid #333;*/
		box-sizing: border-box;
}

.txt-info {
		width: 100%;
		border-bottom: 1px solid #333;
		box-sizing: border-box;
		padding: 15px 2%;
}

.txt-info li {
		text-indent: -1em;
		padding-left: 1em;
}

.txt-info .txt {
		margin: 15px 0 3px;
}

.text_red {
		color: red;
}

.mg-t10 {
		margin-top: 15px;
}

.map-info {
		width: 100%;
		box-sizing: border-box;
		padding: 15px 2%;
}

.map-info h3 {
		font-size: 130%;
		font-weight: normal;
		line-height: 1.6em;
		margin: 10px 10px;
}

.map-info h3 span {
		font-size: 180%;
		font-weight: bold;
}

.sec-pc-info .ttl-h2-kyoto {
	text-align:center;
		font-weight: bold;
		background: #F00 !important;
		margin-bottom: 0px;
		padding: 12px 10px 10px !important;
		font-size: 120%;
		line-height: 1.6em;
		color: #fff !important;
		border: none;
}

@media all and (max-width: 980px) {

.sec-pc-gray {
		background: none;
		float: none;
		width: 100%;
		margin: 0 auto 20px;
		padding: 10px 0;
		overflow: hidden;
}

.itembtnArea ul {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
}

.itembtnArea li {
		width: 50%;
		float: left;
		position: relative;
		margin: 0 0 0px;
		border-top: none;
		border-bottom: none;
		border-left: none !important;
		text-align: left;
}

.itembtnArea li a {
		width: 100%;
		float: left;
		font-weight: normal;
		line-height: 1.0em;
		display: block;
		background-image: url("/kyoto/common/images/kyoto/btnicon_right_b.gif");
		background-image: url("../../../common/images/kyoto/btnicon_right_b.gif");
		background-repeat: no-repeat;
		background-position: 97% center;
		background-size: 8px auto;
		border-right: solid 1px #999999;
		border-bottom: solid 1px #999999 !important;
}

.itembtnArea li:nth-child(2n) {
		box-sizing: border-box;
		border-right: none;
}

.itembtnArea li a:hover {
		text-decoration: none;
}

.itembtnArea li span {
		display: table-cell;
		vertical-align: middle;
		border: none !important;
		box-sizing: border-box;
		padding: 0px 24px 0px 12px;
		letter-spacing: normal;
		line-height: 1.0em;
}

.itembtnArea .item-btn-list {
		width: 94%;
		margin: 20px auto;
}

.itembtnArea .item-btn-list a {
		display: block;
		background-image: url("/kyoto/common/images/kyoto/btnicon_right_b.gif");
		background-image: url("../../../common/images/kyoto/btnicon_right_b.gif");
		background-repeat: no-repeat;
		background-position: 94% center;
		background-size: 8px auto;
		text-align: center;
}

.sec-pc-gray .ttl-h2-kyoto {
		font-weight: bold;
		background: #000 !important;
		margin-bottom: 0px;
		padding: 12px 10px 10px !important;
		font-size: 120%;
		line-height: 1.6em;
		color: #fff !important;
		border: none;
}
}

@media all and (max-width: 640px) {

.item-list a {
		display: block;
		background-image: url("/kyoto/common/images/kyoto/btnicon_right_b.gif");
		background-image: url("../../../common/images/kyoto/btnicon_right_b.gif");
		background-repeat: no-repeat;
		background-position: 94% center;
		background-size: 8px auto;
		background-color: #ebeaea;
		text-align: center;
		width: 90%;
		margin: 0 auto 25px;
}

.item-list a span {
		background: none;
		color: #333;
		font-size: 110%;
		padding: 14px 24px 14px 10px;
}

.item-list a span:after {
		background-image: none;
}
.item-list.link-items-R a {
	float:none;
}


.sec-pc-info {
		border: none;
}

/*.map-info{
		display:none;
}*/
/* ----- アイテムリスト 3列 ----- */

.itemRow-ty3 .item-Col {
		width: 90%;
}

.itemRow-ty3 .item-Col li {
		width: 48%;
		margin-right: 4%;
}

.itemRow-ty3 .item-Col li:nth-child(2n) {
		margin-right: 0;
}

/*ふたつめのアコーディオンボタン*/
.grad-btn-2 {
		z-index: 2;
		position: absolute;
		right: 0;
		bottom: 15px;
		left: 0;
		display: block;
		width: 90%;
		margin: auto;
		background-color: #f1f1f1;
		padding: 12px 0px;
		box-sizing: border-box;
		text-align: center;
		cursor: pointer;
		transition: .2s ease-in;
}

.grad-btn-2:hover {
		opacity: 0.6;
}

.grad-btn-2::before {
		content: "もっと見る";
		background-image: url("/kyoto/common/images/kyoto/icon_under_b.gif");
		background-image: url("../../../images/icon_under_b.gif");
		background-repeat: no-repeat;
		background-size: 15px auto;
		background-position: center right;
		padding-right: 40px;
		font-weight: bold;
}

.grad-trigger-2 {
		display: none;
}

.grad-trigger-2:checked ~ .grad-btn-2::before {
		content: "閉じる";
		background-image: url("/kyoto/common/images/kyoto/icon_top_b.gif");
		background-image: url("../../../images/icon_top_b.gif");
		background-repeat: no-repeat;
		background-size: 15px auto;
		background-position: center right;
		padding-right: 40px;
}

.grad-trigger-2:checked ~ .grad-btn-2 {
		transform: translateY(10px);
}

.itemRow-ty4 li:nth-child(n+5) {
		display: none;
}

.grad-trigger-2:checked ~ .itemRow-ty4 li:nth-child(n+5) {
		display: block;
		height: auto;
}

.inner {
	width:90%;
	margin:0 auto;
}

}