@charset "utf-8";

.device-pc{
	display: block;
}
.device-pc-inline{
	display: inline-block;
}
.device-sp{
	display: none;
}
.device-sp-inline{
	display: none;
}

/* --------------------------------------------------------------------------------
おかげ横丁総合案内
※PC用
 -------------------------------------------------------------------------------- */

#guide{
	width: 980px;
	margin: 0 auto;
	
}
#guide h2{
	font-size: 32px;
	font-weight: bold;
	margin: 35px 0 30px;
}

/****************
目次
*****************/
#guide .mokuji{
	margin: 0 0 75px;
}
#guide .mokuji h3 a{
	display: block;
	font-size: 22px;
	font-weight: bold;
	color: #007bbb;
	background: #ffffff;
	border: 2px solid #007bbb;
	border-radius: 5px;
	padding: 17px;
	margin: 0 0 20px;
}	
#guide .mokuji .mokuji-pet-barrier_free{
	display: flex;
	justify-content: space-between;
}
#guide .mokuji .mokuji-content .content-inner{
	display: flex;
	justify-content: space-between;
	margin: 0 0 40px;
}

#guide .mokuji .mokuji-content ul{
	width: 470px;
}
#guide .mokuji .mokuji-content ul li{
	position: relative;
	margin: 0 0 10px;
}
#guide .mokuji .mokuji-content ul li::before{
	content: "";
	background: url("../../img/guide/icon-under_arrow.png") no-repeat;
	background-size: 100%;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
}	
#guide .mokuji .mokuji-content ul li a{
	font-size: 17px;
	padding-left: 30px;
}	


/****************
コンテンツ
*****************/
#guide .content .content-inner{
	width: 920px;
	margin: 0 auto;
}
#guide .content h3{
	font-size: 24px;
	font-weight: bold;
	background: #ffffff;
	border-left: 5px solid #007bbb;
	padding: 18px 25px;
	margin: 0 0 35px;
	box-shadow:0px 5px 5px -5px rgba(0,0,0,0.2);
}

/*総合案内「おみやげや」*/
#guide .content .content-main{
	margin: 0 0 60px;
}
#guide .content .content-main .img{
	text-align: center;
	margin: 0 0 30px;
}
#guide .content .content-main .img img{
	width: 800px;
}
#guide .content .content-main .txt{
	font-size: 16px;
	line-height: 1.875;
}
#guide .content .txt .link{
	position: relative;
	margin: 20px 0;
}
#guide .content .content-main .txt .link{
	margin: 20px 0;
}
#guide .content .txt .link::before{
	content: "";
	background: url("../../img/guide/icon-right_arrow.png") no-repeat;
	background-size: 100%;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top:-10px;
}
#guide .content .txt .link a{
	color: #007bbb;
	font-weight: bold;
	margin-left: 30px;
	font-weight: bold;text-decoration: underline;
	text-underline-offset: 8px;
}
#guide .content .content-box {
	margin: 0 0 55px;
}
#guide .content h4{
	font-size: 22px;
	font-weight: bold;
	padding: 10px 0 0;
}
#guide .content h4 span{
	position: relative;
	width: 100px;
	margin: 0 0 20px;
	padding: 10px 0 0;
	border-bottom: 2px solid #007db9;
	display: block;
}
#guide .content h4 span:before {
	content: "";
	position: absolute;
	left: 100px;
	bottom: -2px;
	width: 820px;
	height: inherit;
	border-bottom: 2px solid #dcdcdc;
}
#guide .content .img-txt{
	display: flex;
	justify-content: space-between;
	flex-direction:row-reverse
}
#guide .content .txt{
	font-size: 16px;
	line-height: 1.875;
}
#guide .content .txt p{
	padding: 0;
}
#guide .content .img-txt .txt{
	width: 570px;
}
#guide .content .img-txt .img{
	width: 320px;
}
#guide .content .img-txt .img img{
	width:100%;
}
#guide .content .txt .link1{
	margin: 20px 0 0;
}
#guide .content .txt .link2{
	margin: 7px 0 0;
}
#guide .content .info{
	display: flex;
	justify-content: space-between;
	background: #cccccc;
	padding: 20px;
}
#guide .content .info .txt{
	font-size: 13px;
	line-height: 1.923;
}

/*地図で見る*/
#guide .content .btn{
	padding: 10px;
}
#guide .content .btn a{
	background: #e1bc4e;
	display: block;
	border-radius:7px;
	color: #000!important;
	text-decoration: none!important;
	font-weight: 400!important;
}
#guide .content .btn a p{
	position: relative;
	padding: 5px 5px 5px 33px;
}
#guide .content .btn a p::before{
	content: url(https://okageyokocho.xyz/main/wp-content/themes/okage/img/map/icon-chizu.png);
	transform: scale(0.2);
	position: absolute;
	top: -21px;
	left: -22px;
}




/******総合案内「おみやげや」******/
#guide .content .omiyageya{
	margin: 0 0 75px;
}
/*AED*/
#guide .content .omiyageya .content-5 table{
	background: #ffffff;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	width: 570px;
	margin: 30px 0 0;
	border-spacing: 0px;
}
#guide .content .omiyageya .content-5 table th{
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	width: 397px;
	vertical-align: middle;
	text-align: left;
	padding: 0 20px;
}
#guide .content .omiyageya .content-5 table td{
	border-bottom: 1px solid #cccccc;
	width: 170px;
	vertical-align: bottom;
}



#guide .content h5{
	position: relative;
	margin: 0 0 20px;
	padding-left: 30px;
	font-size: 18px;
	font-weight: bold;
}
#guide .content h5::before{
	content: "";
	background: url("../../img/guide/icon-circle.png") no-repeat;
	background-size: 100%;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top:-10px;
}

#guide .content .link-txt a{
	color: #007bbb;
	font-weight: bold;text-decoration: underline;
	text-underline-offset: 8px;
	font-size: 16px;
	line-height: 1.875;
}


/******ペットとお越しのお客様******/
#guide .content .pet{
	margin: 0 0 75px;
}
/*ペットとご利用いただける店舗*/
#guide .content .pet .content-1 table{
	background: #ffffff;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	width: 920px;
	box-sizing: border-box;
	margin: 30px 0 0;
	border-spacing: 0px;
}
#guide .content .pet .content-1 table th{
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	width: 260px;
	box-sizing: border-box;
	vertical-align: middle;
	text-align: left;
	padding: 4px 20px;
}
#guide .content .pet .content-1 table th a{
	color: #007bbb;
	font-weight: bold;
	text-decoration: underline;
	text-underline-offset: 8px;
	font-size: 16px;
}
#guide .content .pet .content-1 table td{
	border-bottom: 1px solid #cccccc;
	vertical-align: middle;
	font-size: 16px;
	padding: 4px 20px;
	box-sizing: border-box;
}



/******バリアフリー******/
#guide .content .barrierfree{
	margin: 0 0 75px;
}
/*トイレの場所一覧・車椅子対応トイレ*/
#guide .content .barrierfree .content-1 .txt-box{
	margin: 30px 0 0;
}
#guide .content .barrierfree .content-1 .txt{
	margin: 0 0 30px;
}
#guide .content .barrierfree .content-1 table{
	background: #ffffff;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	width: 920px;
	box-sizing: border-box;
	margin: 20px 0 0;
	border-spacing: 0px;
}
#guide .content .barrierfree .content-1 table th{
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	width: 375px;
	box-sizing: border-box;
	vertical-align: middle;
	text-align: left;
	padding: 0 20px;
}
#guide .content .barrierfree .content-1 table tr td:nth-of-type(1){
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	width: 375px;
	box-sizing: border-box;
	vertical-align: middle;
	text-align: left;
	padding: 0 20px;
}
#guide .content .barrierfree .content-1 table tr td:nth-of-type(2){
	border-bottom: 1px solid #cccccc;
	width: 170px;
	vertical-align: middle;
}


#guide .content .barrierfree .content-2 .img{
	width: 600px;
	margin: 20px auto 0;
}
#guide .content .barrierfree .content-2 .img img{
	width: 100%;
}
#guide .content .barrierfree .content-3 .mark1{
	display: block;
	margin: 15px 0 0;
}
#guide .content .barrierfree .content-4 .mark1{
	display: block;
	margin: 15px 0 0;
}
#guide .content .barrierfree .content-4 .mark2{
	font-weight: bold;
}


/******その他のお問い合わせ******/
#guide .content .other_inquiry{
	margin: 0 0 75px;
}
#guide .content .other_inquiry table{
	background: #ffffff;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	width: 920px;
	margin: 30px 0 0;
	border-spacing: 0px;
}
#guide .content .other_inquiry table a{
	color: #007bbb;
	font-weight: bold;
	font-size: 16px;
	text-decoration: underline;
	text-underline-offset: 8px;
}
#guide .content .other_inquiry table th{
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	vertical-align: middle;
	text-align: left;
}
#guide .content .other_inquiry table th a{
	color: #007bbb;
	font-weight: bold;
	text-decoration: underline;
	text-underline-offset: 8px;
	font-size: 16px;
}
#guide .content .other_inquiry table td{
	border-bottom: 1px solid #cccccc;
	vertical-align: middle;
	font-size: 16px;
}
/*神恩太鼓・横丁かみしばいの予定について*/
/*ATM・銀行・郵便局のご案内*/
/*ご取材・ご掲載のお問い合わせ*/
#guide .content .other_inquiry table th{
	width: 260px;
	padding: 4px 20px;
	box-sizing: border-box;
}
#guide .content .other_inquiry table td{
	padding: 4px 16px;
}
/*喫煙所*/
#guide .content .other_inquiry .content-7 .txt{
	margin: 0 0 20px;
}
#guide .content .other_inquiry .content-7 table{
	margin: 20px 0 0;
}
#guide .content .other_inquiry .content-7 table th{
	width: 777px;
}
#guide .content .other_inquiry .content-7 table td{
	width: 170px;
	padding: 10px;
}

/*クレジットカード・電子マネーのご利用について*/
#guide .content .other_inquiry .content-9 h5{
	margin: 30px 0 0;
}
#guide .content .other_inquiry .content-9 table{
	margin: 20px 0 0;
}

/*リンク*/
#guide .link-section{
	border: 1px solid #cccccc;
	padding: 15px 23px 25px;
	background: #ffffff;
	width: 920px;
	box-sizing: border-box;
	margin: 0 auto;
}
#guide .link-section .heading{
	font-size: 17px;
	font-weight: bold;
	margin: 0 0 20px;
}
#guide .link-section .link-content ul li{
	margin: 0 0 20px;
}
#guide .link-section .link-content ul li:last-child{
	margin: 0;
}
#guide .link-section .link-content ul li a{
	font-size: 17px;
	text-decoration: underline;
	text-underline-offset: 8px;

}