@charset "utf-8";
/*
Theme Name: kagurazaka
*/

/* =Reset default browser CSS.
Based on work by Eric Meyer:http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus{outline:0;}

ol, ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption, th, td{font-weight:normal;text-align:left;}
blockquote:before, blockquote:after,q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
a img{border:0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
/* -------------------------------------------------------------- */

body{
color:#333;
/*font:12px verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;*/
font: 12px	"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 ProN","Hiragino Mincho ProN","ipaexm",ipaexm,serif;
line-height:1.5;
background:#ffffff;
-webkit-text-size-adjust:100%;
background-image: url("images/common/bg_001.png");
background-repeat: repeat;
}

/*html{background:#ffffcc;}*/

img {
width:100%;
max-width: 100%;
height: auto;
}

/* リンク設定
------------------------------------------------------------*/
a{color:#337db6;text-decoration:none;}
a:hover{color:#246292;}
a:active, a:focus{outline:0;}

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/* フォーム
------------------------------------------------------------*/
input, textarea{
vertical-align:middle;
max-width:90%;
line-height:24px;
height:24px;
padding:1px 5px;
border:1px solid #ccc;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
}

textarea{
height:auto;
line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{
padding:3px 10px;
background:#f0f0f0;
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:1.5;
height:auto;
font-size:110%;
color:#fff;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
background:#e4e4e4;
cursor:pointer;
}

/* 全体
------------------------------------------------------------*/
#wrapper{
margin:0 auto;
/*padding:0 1%;
width:98%;
position:relative;*/
}

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

.left{
	float: none;
}

.right{
	float: none;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}


/*************
/* ヘッダー
*************/

header #header_wrapper{
width: 100%;
margin: 0 auto 0;
}

header h1{
font-size:10px;
font-weight:normal;
}

header #logo{
margin: 15px auto 15px;
width: 80%;
	}

header #header_wrapper .right{
width: 100%;	
}

header h2{
font-size:10px;
font-weight:normal;
text-align: right;
}

#head_btn_area{
	width: 90%;
	float: none;
	margin: 15px auto 10px;
}

/*.btn_person{
	text-align: center;
	margin: auto;
}
*/
.btn_person img.s-icon{
 width: 25px;
	margin-right: 10px;
}

#boxArea{
	display: table;
	padding: 0 0px 0 2px;
}

#boxArea div.sms-00{
	width:  72px;
	height: 22px;
	float: left;
	padding-right: 10px;
	margin-top: 3px;
}

#boxArea div.sms-01{
	width: 72px;
	height: 22px;
	float: left;
	padding-right: 6px;
	margin-top: 3px;
/*	display: block;
	width: 100%;*/
}

#boxArea div.sms-02{
	height: 22px;
	float: left;
	padding-right: 10px;
	margin-top: 3px;
 width: 86px;
}



#boxArea #google_translate_element{
	float: none;
	display: inline-block;
}

#head_btn_area img{
	width: auto;
}



/*************
/* ナビゲーション
*************/

nav#nav {
	display: none;
 height: 0px;
	width: 100%;
/*	background: #cc6666;*/
	margin: 0;
	/*display: inline-block;*/
	font-size: 14px;
}

#dropmenu {
 list-style-type: none;
 margin: 0px auto 200px;
 padding: 0;
 /*border-radius: 3px 3px 0 0;*/
	width: 820px;
}

#dropmenu li {
  position: relative;
  /*width:100px;*/
  float: left; 
  margin: 0;
  padding: 0 20px;
  text-align: center;
}

#dropmenu li a {
  display: block;
  margin: 0;
  padding: 0px 0 0px;
  color: #000;
  line-height: 1;
  border-left: 1px solid #ffffff;
  text-decoration: none;
}

#dropmenu li:last-child a {
  border-right: 1px solid #ffffff;
}

#dropmenu li ul {
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 3px 3px 3px 3px;
		z-index: 100;
}

#dropmenu li ul li{
  overflow: hidden; 
  width: 200%;
  height: 0;
  color: #ffffff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;    
}

#dropmenu li ul li a{
  padding: 13px 15px;
  background: #ffffff;
  text-align: left;
  font-size: 14px;
  font-weight: normal;
}

#dropmenu li:hover > a{
  color: #722d80;
}

#dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}

#dropmenu li:hover ul li{
  overflow: visible;    
  height: 38px;
  border-top: 0px solid #ffffff;
  border-bottom: 0px solid #006699;
}

#dropmenu li:hover ul li:first-child{ 
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{ 
  border-bottom: 0;
}

#dropmenu li:hover ul li:last-child a{ 
  border-radius: 0 0 3px 3px; 
}


/**************************
/* メイン画像（トップページ）
**************************/
#mainBanner{
margin:0px auto 20px;
text-align: center;
/*border-top: 5px solid #722d80;*/
border-bottom: none;
/*border-bottom: 10px solid #722d80;*/
}

#mainBanner img{
margin: 0px auto 0px;
}

#mainBanner .ttl-top{
margin: 0px auto 0px;
padding: 3px 0 5px;
background: #722d80;
}

#mainBanner p{
margin: 0px auto 0;
text-align: right;
background: #722d80;
color: #fff;
font-size: 12px;
width: 90%;
}

#mainBanner p span{
	color: #FB060A;
}

/**************************
/* TOP　お知らせ　タブ
**************************/

#top-news{
 width: auto;
	margin: auto;
}

.tab{overflow:hidden;}
.tab li{border: 1px solid #7c7c7c; border-bottom: none; padding:5px 5px; float:left; margin-right:10px; font-size: 10px;}
.tab li.select{background:#7c7c7c; border: none; color: #fff; margin-left: 5px; }
.content li{background:#fff; padding:10px 20px;}
.hide {display:none;}	

table.tbl-news	{ border-spacing: 0px 10px; width: 90%; }	
table.tbl-news td	{ border-bottom: 1px solid #ddd; padding: 5px; width: 100%; display: block; }

table.tbl-news td a{color:#0000ff;text-decoration:none;}
table.tbl-news td a:hover{color:#0000cc; text-decoration: underline;}
	
.i-event {padding: 3px 3px; background: #8b2e3c; color: #fff; text-align: center; width: 60px; display: inline-block; font-size: 10px; }	
.i-shop {padding: 3px 3px; background: #722d80; color: #fff; text-align: center; width: 60px; display: inline-block; font-size: 10px; }	
.cat-2 {padding: 3px 3px; background: #8b2e3c; color: #fff; text-align: center; width: 60px; display: inline-block; font-size: 10px; }	
.cat-3 {padding: 3px 3px; background: #722d80; color: #fff; text-align: center; width: 60px; display: inline-block; font-size: 10px; }	

.icon-box{width: 100%; text-align: left; display: block; }	
.day {padding: 0 5px 0; width: 100%; display: block; color: #7c7c7c; }
.tbl-txt{ text-align: left; width: 100%; display: block; }	

.post-categories{ margin: 0; background: #722d80; color: #fff; }	
.post-categories li{ margin: 0; background: #722d80; color: #fff; padding: 0; }	
.post-categories li a{ color: #fff; }	

/**************************
/* TOP　祭り・地図バナー、神楽坂写真
**************************/

#top-map-area{
 width: 80%;
	margin: 30px auto 30px;
	text-align: center;
}

#top-map-area img{
 margin: 10px 0px;
}

#top-sanpo-area{
 width: 80%;
	margin: 30px auto 30px;
	text-align: center;
}

#top-sanpo-area img{
 margin: 10px 0px;
}

#foot-img-area{
 width: 80%;
	margin: 30px auto 30px;
	text-align: center;
}

#foot-img-area img{
 margin: 10px 0px;
}

#foot-bnr-area{
 width: 100%;
	margin: 100px auto 50px;
	text-align: center;
	background: #fff;
}

.ul-foot-bnr{
 width: 55%;
	margin: 30px auto 30px;
	padding: 10px 0 10px;
}

.ul-foot-bnr li{
 float: none;
	width: auto;
	margin: 20px auto 20px;
	border: 1px solid #ddd;
}




/**************************
/* フッター
**************************/

#contact-box{
	margin: 50px auto 50px;
	width: 105px;
	height: 91px;
}

.contct-btn{
	display: inline-block;
	width: 105px;
	height: 91px;
	background-image: url("images/common/btn-contact.png");
	background-repeat: no-repeat;	
	font-size: 12px;
	text-align: center;
	color: #fff;
	vertical-align: bottom;
	padding-top:33px; 
}

.contct-btn:hover{
	color: #fff;
	opacity: 0.7;
 filter: alpha(opacity=70);
 -ms-filter: "alpha(opacity=70)";
}

footer{
	margin: 0 auto 30px;
 width: auto;
	padding: 40px 0px;
	margin: 0 auto 0;
	background: #f1ede1;
	color: #000;
	text-align: center;
/*	background-image: url("images/common/foot-rogo-01.png");
	background-repeat:no-repeat;
	background-position: bottom right;*/
}

.ul-footer-link{
 width: 80%;
	margin: 0px auto 0px;
	text-align: center;
	font-size: 14px;
}

.ul-footer-link li{
	margin: 5px 5px 5px;
 display: inline-block;
}

.footer-cp-area{
 text-align: center;
}

.footer-rogo{
 margin: 30px auto 30px;
	width: 70%;
}

footer a{
	color: #000;
}

.copyright{
	text-align: center;
}

#foot-txt-area{
	background: #722d80;
	padding: 10px;
	border-radius: 10px;
	margin: 0px auto 30px;
	width: 80%;
	opacity: 0.8;
}

#foot-txt-area h3{
text-align: center;
color: #fff;
font-weight: bold;
font-size: 140%;
}

#foot-txt-area p{
	margin: 10px auto 10px;
	color: #fff;
	font-weight: normal;
	font-size: 80%;
	text-align: center;
}





/**************************
/* コンテンツ　周辺公共機関
**************************/

h2.h2-01{
 width: 80%;
	border-bottom: 1px solid #ddd;
	padding: 5px 0 10px 35px;
	margin: 20px auto 30px;
	font-size: 24px;
 font-weight: bold;
	background-image: url("images/common/ttl-01.png");
	background-repeat:no-repeat;
	background-position: 0 40%;
}

h2.h2-02{
 width: 80%;
	border-bottom: 1px solid #ddd;
	padding: 5px 0 10px 35px;
	margin: 20px auto 30px;
	font-size: 24px;
 font-weight: bold;
	background-image: url("images/common/ttl-01.png");
	background-repeat:no-repeat;
	background-position: 0 40%;
	text-align: left;
}
	
#contents-area-01{
 width: 90%;
	background-color: #f1ede1;
	padding: 0px 0 0px;
	margin: 0 auto ;
}

.contents-area-01-box{
 width: auto;
	margin: 0px auto 0px;
	padding: 5px 0 10px;
}

#contents-area-01 p.t-center{
 text-align: center;
	margin: 0px auto;
	padding-top:20px; 
	width: 90%;
}

h3.h3-01{
	background: #873b89;
 width: auto;
	padding: 5px 5px 5px;
	margin: 20px auto 0px;
	font-size: 14px;
	color: #fff;
 font-weight: bold;
}

table.tbl-01 {
 width: 90%;
	border-spacing: 1px 1px;
	margin: 10px auto 20px;
}
	
table.tbl-01 th{
 background: #d0bad2;
	padding: 5px;
	width: 98%;
	display: block;
}

table.tbl-01 th a{
 color: #000;
}

table.tbl-01 td{
 background: #fff;
	padding: 5px;
	width: 98%;
	display: block;
}


/**************************
/* コンテンツ　店舗情報　一覧
**************************/

.ul-shop-list-box{
 width: 100%;
	margin: 0px auto 0px;
}

.ul-shop-list-box li{
	float: none;
	width: auto;
	margin: 0px 20px;
}

.ul-shop-list-box h4.h4-02{
 background: #873b89;
 width: 100%;
	padding: 5px 5px 5px ;
	margin: 10px auto 10px;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
}

.ul-shop-list{
 width: 100%;
	margin: 10px auto 0px;
}

.ul-shop-list li{
width: auto;
margin: 0;
}

table.tbl-shop {
	border-spacing: 1px 1px;
	margin: 10px auto 50px;
	width: 90%;
}
	
table.tbl-shop th{
 background: #d0bad2;
	padding: 5px;
	text-align: center;
	width: 98%;
/*	display: block;*/
	display: none;
}

table.tbl-shop th a{
 color: #000;
}

table.tbl-shop td{
 background: #f2edf4;
	padding: 5px;
	width: 98%;
	display: block;
}





/**************************
/* コンテンツ　店舗情報　詳細
**************************/

.contents-area-02-box{
 width: auto;
	margin: 0px auto 0px;
	padding: 0px 0 30px;
	background: #fff;
}

.contents-area-02-box p{
 text-align: left;
	width: 90%;
	margin: 10px auto;
}

table.tbl-02 {
 width: 95%;
	border-spacing: 1px 1px;
	margin: 10px auto 50px;
}
	
table.tbl-02 th{
 background: #d0bad2;
	padding: 5px;
	width: 98%;
	display: block;
}

table.tbl-02 th a{
 color: #000;
}

table.tbl-02 td{
 background: #f2edf4;
	padding: 5px;
	width: 98%;
	display: block;
}

.pagenav{
 width: auto;
	margin: 0px auto 30px;
	padding: 20px 20px;
}

.pagenav .prev{
	float: left;
}

.pagenav .next{
	float: right;
}



.main,
.main li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main {
	 margin: 0 auto 5px;
	 width: 80%;
		/* ▼画像高さ揃え */
	display:-webkit-box;
 display:-moz-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:-moz-flex;
 display:flex;
 -webkit-box-lines:multiple;
 -moz-box-lines:multiple;
 -webkit-flex-wrap:wrap;
 -moz-flex-wrap:wrap;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
	
}
.main li {
width: auto;
height: auto;
overflow: hidden;
border: 1px #ddd solid;
text-align: center;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
	
	/* ▼センター揃え */
display: flex;          /* 2 */
justify-content: center;/* 3 */
align-items: center;    /* 4 */	
}
.main li.item2,
.main li.item3,
.main li.item4,
.main li.item5,
.main li.item6	{
 display: none;
}
	
.main li img {
 width: auto;
 height: auto;
	margin: auto;
	/*text-align: center;
	display: inline-flex;*/
}	
	
	
.main li:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
.thumb {
 margin: 10px auto 10px ;
	width: 80%;
}
.thumb li {
 margin: 0;
 padding: 0;
 list-style: none;
}
.thumb li {
 /*display: inline-block;*/
	text-align: center;
	float: left;
 width: 29%;
 /*height: auto;*/
 overflow: hidden;
 cursor: pointer;
	margin: 0 4px 4px 0px;
	padding: 2px 2px 2px;
	border: 1px solid #ddd;
	
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
	
.thumb li:last-child {
	margin: 0 0px 4px 0px;
	}
	
.thumb li img {
  width: auto;
  height: auto;
	 margin: auto;
}
.thumb li:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}	

/*#okzoom {
 width:300px;
 box-shadow: 0 3px 5px #888;
}*/
	
#okzoom,#okzoom1,#okzoom2,#okzoom3,#okzoom4,#okzoom5,#okzoom6 {
	/*box-shadow: 0 3px 5px #888;*/
 /*min-height: 600px;*/
	width:500px; 
	margin: 50px auto 50px;
}	
	
ui.main li img {
	margin: auto;
}		







/**************************
/* コンテンツ　神楽坂歳時記
**************************/


.contents-box-01{
 width: auto;
	margin: 30px auto 40px;
}

.contents-box-01 img{
 border: 5px solid #fff;
 box-shadow:0px 0px 10px;
	width: 80%;
}

.contents-box-01 img.left{
	margin: 0px auto 30px;
	display: block;
}

.contents-box-01 img.right{
	margin: 0px auto 30px;
	display: block;
}

.contents-box-01 p{
 text-align: left;
	width: 90%;
	margin: 10px auto;
}

/*.contents-box-01 p{
	margin: 0px 5px 0px;
}
*/

.btn-area-01{
	margin: 20px auto 20px;
}

.btn-01{
 text-align: center;
	width: 300px;
	padding: 10px 10px 10px;
	background: #8b2e3c;
	color: #fff;
	display: block;
 margin: 50px auto 20px;
}

.btn-01:hover{
	color: #fff;
	opacity: 0.7;
 filter: alpha(opacity=70);
 -ms-filter: "alpha(opacity=70)";
}






/**************************
/* コンテンツ　周辺神社仏閣
**************************/

.bd-01{
	font-weight: bold;
	color: #873b89;
}

.bd-02{
	color: #873b89;
}




/**************************
/* コンテンツ　祭り
**************************/

table.tbl-fes {
 width: auto;
	border-spacing: 1px 1px;
	margin: 10px auto 20px;
}

/*table.tbl-fes tr{
 border-bottom: 1px solid #000;
}*/
	
table.tbl-fes th{
 background: #d0bad2;
	padding: 5px;
}

table.tbl-fes th a{
 color: #000;
}

table.tbl-fes td.photo-01{
width: 30%;
}

table.tbl-fes td{
 background: #fff;
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px solid #ddd;
	width: 100%;
}

.fes-box-img{
	margin: 10px auto 20px;
	text-align: center;
	width: 80%;

}

.fes-box-img img{
	max-width: 800px;
}
	
/**************************
/* コンテンツ　神楽坂まつり
**************************/

.contents-fes-box-01{
 width: auto;
	margin: 0px auto 0px;
}

.contents-fes-box-01 h3.h3-01{
	background: #873b89;
 width: auto;
	padding: 10px 10px 10px ;
	margin: 30px auto 0px;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
}

h4.h4-01{
	width: 95%;
	padding: 0px 0px 0px ;
	margin: 30px auto 0px;
	font-size: 14px;
	color: #873b89;
	font-weight: bold;
	border-bottom: 1px dotted #873b89;
}

.contents-area-02-box p.p-txt-fes-01{
	width: 94%;
	padding: 0px 0px 0px ;
	margin: 10px auto 0px ;
}

.photo-k-fes-box-01{
	width: 92%;
	margin: 20px auto 0;
	text-align: center;
	/* ▼画像高さ揃え */

 display:block;

}

.photo-k-fes-box-01 li{
float: none;
text-align: center;
margin-top: 10px;
	/* ▼センター揃え */
display: block;          /* 2 */
justify-content: center;/* 3 */
align-items: center;    /* 4 */	
width: auto;
}

.photo-k-fes-box-01 li img{
	max-width: auto;
	margin: 3px auto;
	width: 80%;
}

.link-txt-fes-01{
	background: #7a0f1f;
	padding: 10px 10px;
	margin: 10px auto;
	text-align: center;
	display: block;
	color: #fff;
	width: 80%;
	border-radius: 5px;        /* CSS3草案 */  
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
 -moz-border-radius: 5px;   /* Firefox用 */ 
}

.link-txt-fes-01:hover{
	color: #fff;
	opacity: 0.7;
 filter: alpha(opacity=70);
 -ms-filter: "alpha(opacity=70)";
}


.free-txt-fes-01{
	width: 80%;
	padding: 0px 0px 0px ;
	margin: 30px auto 60px ;
}

.free-txt-fes-01 img{
	width: 80%;
	margin: 5px auto 5px ;
}

.free-txt-fes-02{
	width: 80%;
	padding: 0px 0px 0px ;
	margin: 30px auto 60px ;
}

.free-txt-fes-02 img{
	width: 80%;
	margin: 5px auto 5px ;
}




/**************************
/* コンテンツ　神楽坂MAP
**************************/

table.tbl-k-map {
	border-spacing: 1px 1px;
	margin: 10px auto 50px;
	width: 90%;
}

/*table.tbl-fes tr{
 border-bottom: 1px solid #000;
}*/
	
table.tbl-k-map th{
 background: #d0bad2;
	padding: 5px;
}

table.tbl-k-map th a{
 color: #000;
}

table.tbl-k-map td.photo-01{
width: 50px;
}

table.tbl-k-map td{
 background: #fff;
	padding: 5px;
	vertical-align: top;
	border-bottom: 1px solid #ddd;
}






/**************************
/* コンテンツ　FAQ
**************************/

#faq-block h1{
 background: #873b89;
 width: auto;
	padding: 5px 5px 5px;
	margin: 10px auto 20px;
	font-size: 14px;
	color: #fff;
 font-weight: bold;
}

.faq-answer{
margin: 10px auto 20px;
padding-bottom: 10px;
width: 90%;
}


/**************************
/* コンテンツ　サイトマップ
**************************/

#contents-area-sitemap{
 width: 90%;
	background-color: #f1ede1;
	padding: 10px 0 10px;
	margin: 0 auto ;
}

.contents-area-sitemap-box{
 width: 90%;
	margin: 0px auto 0px;
	padding: 0px 0 0px;
	background: #fff;
}

.contents-area-sitemap-box .left{
 width: auto;
	margin: 0px auto 0px;
	padding: 5px 10px 10px;
	background: #fff;
}

.contents-area-sitemap-box h3.h3-01{
	background: #873b89;
 width: 90%;
	padding: 5px 5px 5px;
	margin: 20px auto 0px;
	font-size: 14px;
	color: #fff;
 font-weight: bold;
}

.contents-area-sitemap-box .ul-sitemap{
	margin: 5px 0px 0px 15px;
}

/**************************
/* 個人情報保護方針
**************************/

p.p-privacy{
	width: 90%;
	margin: 10px auto;
}


/**************************
/* お問い合わせ
**************************/

p.p-contact{
	width: 90%;
	margin: 5px auto 5px;
	text-align: center;
	background: #fff;
	padding: 10px;
}

table.tbl-contact {
	border-spacing: 1px 1px;
	margin: 10px auto 50px;
	width: 90%;
}

table.tbl-contact tr{
 border-bottom: 1px solid #000;
}
	
table.tbl-contact th{
 background: #d0bad2;
	padding: 5px;
	width: 100%;
	display: block;
}

table.tbl-contact th a{
 color: #000;
}

table.tbl-contact td{
 background: #fff;
	padding: 5px;
	vertical-align: top;
	border-bottom: 1px solid #ddd;
	width: 100%;
	display: block;
}

.contact-box-btn{
	margin: 10px auto 20px;
	width: 80%;
	text-align: center;
}

.contact-box-btn .wpcf7-submit, .contact-box-btn input[type="submit"], .contact-box-btn input[type="reset"], .contact-box-btn input[type="button"] {
    padding: 10px 30px;
    background: #7a0f1f;
    border: 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    line-height: 1.5;
    height: auto;
    font-size: 110%;
    color: #fff;
	}

table.tbl-contact td input, table.tbl-contact td textarea {
    vertical-align: middle;
    width: 100%;
    line-height: 24px;
    height: auto;
    padding: 1px 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 100%;
    color: #555;
} 

table.tbl-contact td input[type="checkbox"] {
    width: auto;
} 



/**************************
/* コンテンツ　神楽坂商店会とは
**************************/

.contents-area-about-box{
	width: 90%;
	margin: 30px auto 0px;
	padding: 0px 0 30px;
	background: #fff;
}

.contents-area-about-box .left img{
	width: 90%;
	text-align: center;
}

.contents-area-about-box .left{
 width: 90%;
	margin: 5px auto 5px auto;
}

.contents-area-about-box .left01{
 /*width: 400px;*/
	width: 90%;
	margin: 5px auto 5px auto;
	background: #fff;
	float: none;
}

.contents-area-about-box h4.h4-01{
	background: #873b89;
 width: 100%;
	padding: 5px 5px 5px 5px;
	margin: 5px auto 0px;
	font-size: 14px;
	color: #fff;
 font-weight: bold;
	display: inline-block;
}

.p-box{
 text-align: center;
	margin: 20px auto 10px;
	width: 85%;
}


/**************************
/* ページTOP
**************************/

    #pageTop {
      position: fixed;
      bottom: 20px;
      right: 20px;
    }

    #pageTop a {
      display: block;
      z-index: 999;
      padding: 8px 4px 0 4px;
      border-radius: 30px;
      width: 30px;
      height: 30px;
      background-color: #722d80;
      color: #fff;
      font-weight: bold;
      text-decoration: none;
      text-align: center;
    }

    #pageTop a:hover {
      text-decoration: none;
      opacity: 0.7;
    }








/**************************
/* TOP スライダー
**************************/

.wideslider {
    width: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
.wideslider ul,
.wideslider ul li {
    float: left;
    display: inline;
    overflow: hidden;
}
 
.wideslider ul li img {
    width: 100%;
    display: none;
}
 
.wideslider_base {
    top: 0;
    position: absolute;
}
.wideslider_wrap {
    top: 0;
    position: absolute;
    overflow: hidden;
 
}
.slider_prev,
.slider_next {
    top: 0;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    cursor: pointer;
}
.slider_prev {background: #fff url(../img/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(../img/next.jpg) no-repeat left center;}
 
.pagination {
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 5px;
    text-align: center;
    position: absolute;
    z-index: 200;
	   background: #722d80;
	   padding-top: 5px;
	padding-bottom: 5px;
}
 
.pagination a {
    margin: 0 5px;
    width: 15px;
    height: 15px;
    display: inline-block;
    overflow: hidden;
    background: #333;
}
.pagination a.active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}
 
 
/* =======================================
    ClearFixElements
======================================= */
.wideslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.wideslider ul {
    display: inline-block;
    overflow: hidden;
}



/**************************
/* 検索結果　
**************************/

#pagination {
 width: 95%;
	margin: 40px auto 60px;
}

#pagination li {
	float: left;
}

#pagination li:nth-child(2) {
	float: right;
}


.s-box01{
	/*margin: 10px 0 10px 15px;*/
	margin: 0px auto 0px;
	font-size: 80%;
	float: none;
}


.s-box01 input[type="submit"] {
	color: #000;
	background: #ddd;
}

/* 180707 */

.fleft{
float:none;
width:100%;
margin-bottom:15px;
}
.fright{
float:none;
width:100%;
}

.sa07,.sa09,.sa11{
background: #873b89;
padding:5px;
margin-bottom:10px;
color:#fff;
font-weight:bold;
}
.sa08,.sa10,.sa12{
margin-bottom:10px;
}
.boxx{
overflow:hidden;
padding:0 20px 0 20px;
}
.sa12{
float:none;
width:100%;
}
.sa13{
float:none;
width:100%;
}
.ok{
text-align:center;
width:20px;
height:20px;
margin:30px auto 30px auto;
}
.ok img{
text-align:center;
}
.boxx img{
width:100%;
height:auto;
}

.mainV{
position:relative;
height:403px;
margin-bottom:50px;
}
.satitles {
    font-size: 18px;
    font-weight: bold;
    text-align:center;
    padding:10px;
background-color:#712d80;
color:#fff;
margin-bottom:20px;
}
.sa01s {
font-size: 18px;
color:#fff;
font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
background-color:#a276ac;
padding:10px;
text-align:center;
}

.tyu {
    background-image: url(images/tti.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 28px;
    margin: 0 20px 30px 20px;
    font-size: 17px;
    font-weight: bold;
    color: #6d287c;
    padding: 20px;
}

.pc{
display:none;
}
.sp{
display:inherit;
}

.sanpo{
width:90%;
margin:20px auto 20px auto;
overflow:hidden;
}
.sanpo li{
width:auto;
padding:15px;
float:none;
background-image: url(images/bgbg.jpg);
background-repeat: no-repeat;
background-size: cover;
color:#fff;
margin-bottom:20px;
}
.sanpo li:nth-child(even){
float:none;
}
.sanpo li img{
width:100%;
height:auto;
}
.sanpo li .titi{
border-bottom:3px #fff double;
padding-bottom:5px;
margin-bottom:10px;
font-size:20px;
}
.sanpo li .syas {
height:100px;
overflow:hidden;
}
.sanpo li .noo{
margin-top:-60px;
font-size:50px;
text-align:right;
font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
}
.sanpo li .nexx {
display:block;
float:none;
margin:auto;
width:200px;
}
.sanpo li .nexx a{
color:#fff;
background-color:#a479ad;
display:block;
text-align:center;
padding:5px;
margin-top:10px;
width:200px;
}

.youtube{
width:100%;
margin:30px auto 30px auto;
}

.wwa{
width:auto;
margin:0 auto 20px auto;
background:#fff;
text-align:center;
padding:20px;
}