@charset "UTF-8";

/*  webtown kyoto 用 ベースCSS      pilot version 1.0.0  */


@media all and (max-width: 640px) {
/* ********** ヒライ 追加分********** */


table, tbody, thead, tfoot, tr, th, td {
    display: block;
}
img,input[type="image"]  {
  max-width: 100%;
  height: auto;
  width: auto; ※IE8で画像を表示させるのに必須
  height: auto;
}
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.clearfix:after {
 　visibility: hidden;
 　display: block;
 　font-size: 0;
 　content: ".";
 　clear: both;
 　height: 0;
}
/* **********共通********** */
* {margin: 0; padding: 0;}

#header a{
  display: block;
}

.clear_both { clear: both ; }
.table-h{ display: table-cell;}
.table-f{ display: table-footer-group;}
.pc-only{ display: none;}
.sp-only{ display: block;}
html{

}
body{
  background-image:url(../images/bg.gif);
  background-repeat: repeat-x;
  font-family: "MSPゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  font-size: 13px;
  color:#525252;
  margin-top:0px;

}

.bor_1{border: 1px solid #000 ;}

/* 見出し */
h1,h2,h3,h4,h5,p{
  font-size: 100%;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}

/* ***Font-size*** */
.fs_10pt {
  font-size: 10pt;
  padding: 10px 0 0;
  clear: both;
}

.fs_8pt {
  font-size: 8pt;
}

.fs_11pt {
  font-size: 11pt;
}

.fs_12pt {
  font-size: 12pt;
}

/* ***Color*** */
.fc_black {
  color:#000000; 
}

.fc_blue {
  color:#46618E; 
  font-size: 8pt;
}

.fc_blue02 {
  color:#076BC7; 
}

.fc_blue03 {
  /*color:#546F9B;*/
  color: #c53930; /* red */
  font-size: 1.3em;
  font-weight: bold;
  margin-top: 5px;
}

.fc_blue04 {
  color:#364698; 
}

.fc_red {
  color:#9D1D22; 
}

.fc_pink {
  color:#DA9E9E; 
}

.fc_gray {
  color :#777777;
  font-size: 10pt;
}

.fc_gray02  {
  color :#777777;
  font-size: 10pt;
  text-decoration: underline;
}

.fc_gray03 {
  color :#666666;
}

.fc_white {
  color :#EDF4F6;
  font-size: 10pt;
  font-weight: bold;
}

.fc_yellow{
  color:#B38337;
  /*background-color: #f0f0f0 !important;*/
}

/* ***Form*** */
.form_put {
  width:180px;
}



/* float で指定 */
.clearfix{ 
  display: inline-block;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* -------------- 2: common setting------------- */
/* --------------サイト内共通の設定------------- */

/*   font 指定  サイズは相対指定とする  */

.fs1 { font-size: 180%; }
.fs2 { font-size: 160%; }
.fs3 { font-size: 140%; }
.fs4 { font-size: 130%; }
.fs5 { font-size: 120%; }
.fs6 { font-size: 110%; }
.fs7 { font-size: 100%; }
.fs8 { font-size: 90%; }
.fs88 { font-size: 88%; }
.fs85 { font-size: 85%; }
.fs9 { font-size: 80%; }
.fs10 { font-size: 70%; }

.lh1 {line-height: 1.4;}        /* ラインの高さ */
.lh2 {line-height: 1.3;}
.lh3 {line-height: 1.2;}
.lh4 {line-height: 2;}
.lh5 {line-height: 1;}
.lh6 {line-height: 1.6;}

/* 太字 */
.fw_bold  { font-weight: bold; }
/* 細字 */
.fw_light { font-weight: lighter; }

/* インデント （段落の始め一文字分）*/
.indent1em { text-indent: 1em; }

/* レイアウト用パディングとマージン（追加可能） */
.pad_l_5 { padding-left: 5px; }
.pad_tbr_10 { padding: 10px 10px 10px 0 ; }
.pad_tl_1 { padding: 5px 0 0 20px; }

.pad_5 { padding: 5px; }
.pad_10 { padding: 10px;}

.pad_t_5 {padding-top: 5px;}
.pad_t_10 {padding-top: 10px;}
.pad_t_15 {padding-top: 15px;}
.pad_t_20 {padding-top: 20px;}
.pad_t_25 {padding-top: 25px;}
.pad_t_30 {padding-top: 30px;}

.pad_b_3  {padding-bottom: 3px;}
.pad_b_5  {padding-bottom: 5px;}
.pad_b_10 {padding-bottom: 10px;}
.pad_b_15 {padding-bottom: 15px;}
.pad_b_20 {padding-bottom: 20px;}
.pad_b_25 {padding-bottom: 25px;}
.pad_b_30 {padding-bottom: 30px;}
.pad_b_300 {padding-bottom: 300px;}

.margin_r_5 { margin:0 5px 0 0 ;}
.margin_t_5 { margin-top: 5px;}
.margin_t_10 { margin-top: 10px;}
.margin_t_20 { margin-top: 20px;}
.margin_t_30 { margin-top: 30px;}
.margin_b_5 { margin-bottom: 5px ;}
.margin_b_10 { margin-bottom: 10px ;}
.margin_b_20 { margin-bottom: 20px ;}
.margin_b_30 { margin-bottom: 30px ;}
.margin_b_50 { margin-bottom: 50px ;}
.margin_l_10 {margin-left: 10px; }

.width_110 { width: 110px;}
.width_120 { width: 120px;}
.width_150 { width: 150px;}
.width_200 { width: 250px;}
.wid_hei_30 { width:  30px; height: 15px ;}
.wid_hei    { width: 120px; height: 15px ;}
.wid_hei_login    { width: 300px; height: 17px ;}

.align_right  { float: right; }  /*  ボックスを 右寄せ   */
.align_left  { float: left; }  /*  ボックスを 左寄せ   */
.align_center { margin: auto; }  /*  ボックスを センター寄せ  */

.text_right  {  text-align: right }  /*  ボックス内 テキスト右寄せ  */
.text_center {  text-align: center } /*  ボックス内 テキスト中央寄せ  */
.text_left   {  text-align: left }   /*  ボックス内 テキスト左寄せ  */

.bor_b{border-bottom : 1px solid #C1C4C0 ;}
.hei{height: 15px ;}

/*   |||||||||||||||||||||||||  重要なハック ||||||||||||||||||||||||  */
/*   floatで指定されたものをブロックで囲むとペシャンコになるので 指定  */
.clearfix{ 
  display: inline-block;
}
.clearboth{ 
  clear: both;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}
/*  Hides from IE-mac  */
*html .clearfix{ height: 1%; }
.clearfix{ display: block; }
/*  End hide from IE-mac  */
/*   |||||||||||||||||||||||||  重要なハック ここまで |||||||||||||||  */

/* ラジオボタンのゆがみ直し */
input.radio {
  position: relative;
  top: 1px;
}


/* **********LOGO********** */
#logo-sp{
  float: left;
  width: 100%;
  height: auto;
  display: block;
  position: absolute;
  top: 0;
}
/* 20160404_リニューアル_LOGO */
#header-sp{
  display: block;
}
.logo-sp{
  width: 100%;
  margin: 0;
  background: url(../images/header-bg-sp.png) repeat-x;
}
.logo-sp > a{
  display: block;
  text-decoration: none;
  padding-top: 20px;
}
.logo-sp > a > img{
  width: 65%;
  height: auto;
  margin: 0 auto;
  padding-bottom: 5px;
  display: block;
}
.logo-sp > a > span{
  margin-bottom: 10px;
  text-align: center;
  display: block;
  color: #565656;
}

#logo{
  display: none !important;
}

/* **********Frame********** */
#container{
  border: 1px solid #999999;
  margin: 0px auto;
  width: 100%;
  background-color: #ffffff;
  overflow: hidden;
}

#head_block {
  background: #ffffff;
}
#head_block h1 {
  font-size: 16pt;
  font-weight: bold;
  color: #333333;
}

/* 背景画像をレスポンシブさせたCSS
#header{
  max-width: 100%;
  height: auto;
  background-image:url(../images/header_bg-sp.jpg);
  background-repeat: no-repeat;
  margin-top: 0px;
  padding-top: 20.1%;
  background-size:contain;
}
*/
/* 20160404_リニューアルヘッダー */
#header{
  width: 100%;
  height: auto;
  background: none;
}
#header p{
  margin-left: 5px;
  color: #920000;
  font-size: 11pt;
}


/* **********Navi Area********** */
/* 20160404_ナビリニューアルにため非表示
#navi_bg{
  clear: both;
  width: 100%;
  height: 29px;
  background-image:url(../images/navi_bg.gif);
  background-repeat: repeat-x;
}
.navi{
  list-style-type: none;
  float: right;
  margin: 0px;
  padding: 0px;
  width: 100%; 
  height: 29px;
}

.navi01{
  float: right ;
  margin: 0px ;
  padding: 0px;
}
.navi02,.navi03{
  float: right ;
  margin: 0px ;
  padding: 0 10px 0 0;
}

.navi a {
  display: block;
  height: 29px;
  text-indent: -9999px;
  float: left;
  background-color: transparent;
  background-position: 0 -29px;
  background-repeat: no-repeat;
  text-decoration: none;
}
.navi a.now { background-position: 0 0;}
.navi a:hover { background-position: 0 0;}

.navi01 a { width:73px; background-image: url(../images/navi01.gif);}
.navi02 a { width:85px; background-image: url(../images/navi02.gif);}
.navi03 a { width:170px; background-image: url(../images/navi03.gif);}
*/
#navi_bg{
  display: none;
}

/* 20160404_リニューアル_gnavi */
.gnavi-sp{
  margin: 0 auto;
  padding: 1%;
}
.gnavi-sp > li{
  width: 25%;
  float: left;
  padding: 0 0.5%;
}
a.gps-btn{
  display: block;
}
a.gps-btn > img{
  display: block;
}
.spot-sp{
  clear: both;
}
.spot-sp > li{
  width: 50%;
  float: left;
}
.spot-sp > li a img{
  display: block;
}

/* **********Left Contents********** */
#left_contents{
  width: 100%;
  margin: 0px;
  padding: 0px;
}

#left_contents2{
  float: left;
  width: 100%;
  padding-left: 15px;
  margin-bottom: 30px;
}

/* *****Search Box***** */
.white{
  background-color: #ffffff ;
  border-top: 1px solid #C3C3C3 ;
  border-bottom: 1px solid #C3C3C3 ;
  padding-top: 1px;
  padding-bottom: 1px;
}

.search{
  width: 100%;
  background-color: #ddf5ff ;
  padding: 10px 0px;
}
td.space01{ padding: 0px 2px;}


/* ツィッター */
div.twitter{
  position: relative;
  /*width: 300px;*/
  height: 45px;
  margin: 10px auto 20px;
}

div.twitter h3 {
  position: absolute;
  top: 0;
  left: 10px;
  z-index: 2;
}

div#twit-ticker {
  position: absolute;
  top: 10px;
  left: 0;
  /*width: 75%;*/
  padding: 10px 10px 10px 50px;
  border: 1px solid #7dc5d5;
  background-color: #fff;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  z-index: 1;
}


/* 観光スポット メイン */
#spot_main {
  width: 100%;
  background-image: url(../images/bg02.gif);
  padding: 6px;
}

#spot_main div.left_img {
  float: left;
  width: 100%;
  padding: 5px;
}
#spot_main div.left_img img{
  display: inline;
  text-align: center;
  margin: 0;
}
#spot_main div.left_img .spot-img img{
  width: 100%;
  margin: 0;
}

div.spot_info{
  width:  100%;
  padding: 10px;
  line-height:   1.2em;
  background-color: #ffffff;
  background-image:url(../images/mainspot_under_line.gif);
  background-position: right bottom;
  background-repeat: repeat-x;
}

div.spot_chart{
  width:  100%;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 10px;
  padding-bottom: 20px;
  background-color: #ffffff;
  background-image:url(../images/mainspot_chart_bg.gif);
  background-position: right bottom;
  background-repeat: no-repeat;
}

div.spot_chart img {
  width: auto;
  margin-top: 2px;
}

.td_20 {
  width: 30%;
  float:left;
  clear:both;
}

.td_80 {
  width: 70%;
  float:left;
}
.td_80 .chart-icon{
  width: 26px;
  height: 19px;
  float: left;
}

#spot_main div.right_exp {
  float: right;
  width: 100%;
  padding: 5px;

/*  background: yellow; */
}

#spot_main div.right_exp p {
  font-size: 100%;
  line-height: 1.7em;
}




/* 観光スポット */
#spot_etc {
  width: 100%;
  background-image: url(../images/bg02.gif);
  padding: 6px;
}

#spot_etc img {
  width: 100%;
  padding: 5px 10px 0px 5px;
}
#spot_etc p {
  padding: 3px 5px;
  width: 100%;
  float: left;
}
#spot_etc h4 {
  color:         #546F9B; 
  font-size:     11.5pt;
  font-weight:   bold;
  margin-bottom: 10px;
}


/* RSS フィールド  */
div.rss_article {
  width : 95% !important;
  height: auto;
  clear: both;
  margin-top: 0px;
  width: 100%;
  margin: 10px;
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #cdcdcd;
}

div.rss_article h2 {
  font-size: 1.3em;
  font-weight: bold;
  color: #c9171e;
  padding: 5px 8px 5px 0;
  margin: 8px 10px 15px;
  /*background-image: url(../images/bg02.gif);*/
  border-bottom: 2px double #c9171e;
  text-align: left;
}
div.rss_article h2 span.pc-only{
  display: ;
}
div.rss_article h2 span.by-site{
  font-size: 0.7em;
  margin-top: 5px;
  color: #d92b32;
  display: inline;
  text-align: left;
}
div.rss_article ul {
  margin: 10px 0 0;
  padding-left: 0px;
  color: #333;
  background: #fff;
  line-height: 1.8em;
  list-style-position: inside;
  list-style-type: disc;
}
div.rss_article ul li{
  padding: 10px 8px 10px 15px;
}
div.rss_article ul li:first-child{
  padding: 0px 8px 10px 15px;
}
div.rss_article ul li:last-child{
  border-bottom: 0px dotted #f1c0c1;
}
div.rss_article ul li a{
  margin-bottom: 8px;

}
div.rss_article ul li a{

}

/* ******50音で探す Menu******* */
.search02{
  width: 100%;
  height: 42px;
}

.search02{
  list-style-type: none;
  float: left;
  margin: 0px;
  padding: 0px;
}

.search02 li {
  float: left;
  margin: 0;
}

.search02 li a {
  display: block;
  height: 42px;
  text-indent: -9999px;
  float: left;
  background-color: transparent;
  background-position: 0 -42px;
  background-repeat: no-repeat;
  text-decoration: none;
}
.search02 li a.now   { background-position: 0 0;}
.search02 li a:hover { background-position: 0 0;}

#a-gyou  a { width:65px; background-image: url(../images/a_gyou.gif);}
#ka-gyou a { width:67px; background-image: url(../images/ka_gyou.gif);}
#sa-gyou a { width:68px; background-image: url(../images/sa_gyou.gif);}
#ta-gyou a { width:67px; background-image: url(../images/ta_gyou.gif);}
#na-gyou a { width:67px; background-image: url(../images/na_gyou.gif);}
#ha-gyou a { width:68px; background-image: url(../images/ha_gyou.gif);}
#ma-gyou a { width:67px; background-image: url(../images/ma_gyou.gif);}
#ya-gyou a { width:65px; background-image: url(../images/ya_gyou.gif);}
#ra-gyou a { width:267px; background-image: url(../images/ra_gyou-sp.gif);}



/* **********Right Contents********** */
#right_contents{
  width: 100%;
  margin: 70px 0px 0px;
  padding: 0px 10px 20px;
  clear: both;
  background: #f4f3ec;
}
#right_contents img{
  width: 100%;
  height: auto;
}

.contents-space{
  padding: 3px 0px;
}

.banner{
  width: 100% ;
  height: auto ;
}

.banner2{
  width: 100% ;
  height: auto ;
}

.banner3{
  width: 100% ;
  height: auto ;
  border: 1px solid #888;
  margin: 12px 6px 0 0;
  padding: 4px;
  line-height: 1.3;
}

.banner4{
  /*width: 100% ;
  height: auto ;*/
  display: none;
}

.contents-space2{
  padding-top: 9px;
}

.dotted_bor{
  background: url(../images/dotted.gif) repeat-x bottom ;
  width: 100% ;
}


.dotted_bor2{
  background: url(../images/dotted.gif) repeat-x top ;
  width: 100% ;
}

/* ********** Center Contents 商店街 ********** */
#page-top a{
  display: block;
  text-align: right;
  text-decoration: none;
}
.bar100per{
  margin: 5px 15px 0;
}
.shoparea-txt{
  margin: 0 15px;
  font-size: 0.9em;
  padding: 0 0 5px;
  white-space: normal;
}
.shoparea-txt span{
  display: inline;
}
#sp-sublist {
  padding: 0 15px;
  font-size: 11pt;
  margin: 0 0 15px;
}
#sp-sublist ul li{
  width: 100%;
  background-image: url(../images/shoparea-icon03_sp.png);
  background-size: 15px 15px;
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding: 8px 0px;
  margin-bottom: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#sp-sublist ul li a{
  text-decoration: none;
  color: #484848;
  display: block;
  padding-left: 10px;
  font-weight: bold;
}
#sp-sublist ul li:nth-child(odd){
  background-color: #fff3f4;
}
#sp-sublist ul li:nth-child(even){
  background-color: #f6f6f6;
}
#main-shoparea{
  padding: 5px 15px;
}
#main-shoparea h2 {
  padding: 10px 0 5px 0;
  margin: 10px 0;
  font-size: 14pt;
}
#main-shoparea h3 {
  background: #d66060;
  font-size: 12pt;
  text-align: center;
  color: #fff;
  padding: 5px 0;
  margin: 0 0 8px;
  font-weight: bold;
}
#main-shoparea ul.zone-wrap > li{
  width: 100%;
  float: none;
  padding: 0px 0px 15px;
  margin-bottom: 10px;
  border: 1px solid #e6e5e5;
}
#main-shoparea ul.zone-wrap > li:nth-child(odd){
  margin-right: 0;
}
#main-shoparea ul.zone-wrap > li:nth-child(even){
  margin-left: 0;
}
/*
#main-shoparea ul.zone-wrap > li .photo{
  width: 100%;
  height: 100px;
  overflow: hidden;
  float: none;
  margin-right: 0;
}
*/
#main-shoparea ul li .photo{
  width: 100%;
  height: auto;
  padding: 0 10px;
}
#main-shoparea ul li .photo img{
  width: 100%;
}
#main-shoparea ul li ul.sub{
  padding: 0 10px;
}
#main-shoparea ul li ul.sub li{
  margin-top: 2px;
}
#main-shoparea ul li .explanation{
  width: 100%;
  float: none;
  border-bottom: 1px dotted #f6acac;
  padding: 0 10px 8px;
  margin-bottom: 8px;
  line-height: 1.4em;
  letter-spacing: 0;
  font-size: 9.5pt;
}
#main-shoparea ul li .info {
  font-size: 9pt;
  padding: 0 15px;
}
#main-shoparea ul li .info dl dt,
#main-shoparea ul li .info dl dd{
  float: left;
  word-break: break-all;
}
#main-shoparea ul li .info dl dt{
  width: 21%;
  padding-right: 0;
  clear: both;
  font-weight: bold;
}
#main-shoparea ul li .info dl dd{
  width: 79%;
  white-space: normal;
}
.shoparea-top{
  width: 100%;
  padding: 8px 15px 0;
}
.num{
  display: none;
}
/* **********Footer********** */
#footer{
  clear: both ;
  width: 100%;
  border-top: 1px solid #999999;
  height: auto;
  font-size: 13px;
  background-image: url(../images/footer-bg.gif);
  background-repeat: repeat;
  margin : 0;
  font-weight: bold;
}

.footer_text {
  padding: 23px 15px;
}

.footer_text li{
  float: left;
  list-style: none;
}

.footer_text p{
  float: left;
  color: #efe9df;
  text-align: left;
  font-size: 0.93em;
  padding: 10px 0 20px;
}

.footer_wide{width: 80px;}
.footer_wide2{width: 70px;}

.footer_text a:link { text-decoration: underline !important; color:#efe9df; text-decoration:none;}
.footer_text a:visited { text-decoration: underline !important; color:#efe9df; text-decoration:none;}
.footer_text a:hover { text-decoration: underline !important; color:#ffba00; text-decoration:none;}
.footer_text a:active { text-decoration: underline !important; color:#efe9df; text-decoration:none;}

.footer_text p a:link { color:#ffcb73; text-decoration:none;}
.footer_text p a:visited { color:#ffcb73; text-decoration:none;}
.footer_text p a:hover { color:#ffba00; text-decoration:none;}
.footer_text p a:active { color:#ffcb73; text-decoration:none;}

/* *********************** 背景 ******************************* */
.contents_bg{
  background-image: url(../images/bg02.gif);
  padding: 20px 10px;
}

.contents_bg02{
  width: 84%;
  /*height: auto;*/
  min-height: auto;
  background-image: none;
  padding: 0;
  margin: 20px auto 10px;
}

.contents03_bg{
  background-image: url(../images/bg02.gif);
  padding: 20px 0px;
}

/* ***Detail下のBG *** */
.contents_bg04{
  background-image: url(../images/bg02.gif);
  padding: 20px 10px 0px 10px ;
  margin-top: 30px;
}

.contents_bg04_1{
  background-image: url(../images/bg02.gif);
  padding: 20px 10px 0px 10px ;
}

.contents_bg05{
  background-image: url(../images/bg02.gif);
  margin-top: 30px;
}

.contents06_bg{
  background-image: url(../images/bg02.gif);
}

.contents_bg05 p img,
.contents06_bg p img{
  padding: 10px;
}

/* ***************************** INDEX ********************************* */
/* *** エリアで探す *** */
/*別画像に差し替えの場合
　#area_bar{
  background-image: url(../images/area_bar-sp.gif);
  text-indent: -9000px ;
  padding-top: 11.25%;
  margin: 0;
  background-repeat: no-repeat;
  background-size: contain;
}*/
#area_bar{
  background-image: url(../images/area_bar.gif);
  text-indent: -5000px ;
  margin-top : 0px;
  height: 29px ;
}
/* **********Menu********** */
.menu{
  float: left ;
  width: 100%;
  margin: 10px 0 20px;
  padding: 0px;
}

.menu01{
  width: 50%;
  height: auto;
  margin: 0px;
  padding: 3px 5px 3px 0;
  float: left;
}
.menu02{
  width: 50%;
  height: auto;
  margin: 0px;
  padding: 3px 0 3px 5px;
  float: left;
}
.menu01 img,
.menu02 img,{
  width: 100%;
  height: auto;
  
}

/* ***大原　高雄 *** */
.contents_banner01{
  float: left;
  padding-left: 5px;
  margin: 5px 0 0 0;
  width: 50%;
  height: auto;
}


.contents_banner02{
  float: left;
  padding-right: 5px;
  margin-top: 5px;
  width: 50%;
  height:auto;
}
.contents_banner01 img,
.contents_banner02 img{
  width: 100%;
  height: auto;
}


/* *** 50音で探す *** */
#fifty_bar{
  width: 100%;
  background-image: url(../images/50_bar.gif);
  text-indent: -5000px ;
  margin-top : 0px;
  height: 29px ;
}

/* ********************************** Map **************************** */
/* *** 洛北BAR *** */
#rakuhoku_bar{
  background-image: url(../images/rakuhoku_bar.gif);
  text-indent: -5000px ;
  margin-top : 0px;
  height: 29px ;
}

/* ***Map-Position-wide *** */
table.table_position{
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
  border-bottom: 1px solid #cccccc;
}

td.td_wide{
  width: 10px;
  height: 10px;
}

/* *** 縮尺 *** */
.syukushaku{
  background-image: url(../images/suykushaku.gif);
  background-repeat: repeat-x;
  width: 173px;
  height: 28px;
  border: 1px solid #c3c3c3;
  margin-left: 440px;
  font-size: 15px;
  text-align: center;
  padding-top: 10px ;
  color: #0C0B0B;
  margin-top: 10px;
}

/* *** 特別詳細版へ *** */
.special{
  margin-left: 20px;
  font-size: 15px;
  padding-top: 10px;
  color: #0C0B0B;
  margin-top: 10px;
  float: left;
}

/* *** 区分で探す *** */
#kubun_bar{
  background-image: url(../images/kubun_bar.gif);
  text-indent: -5000px ;
  margin-top : 0px;
  height: 29px ;
}

table.table_position02{
  width: 100% ;
  margin-top: 20px;
  font-size: 10.5pt;
}

table.table_position02-1{
  width: 100% ;
  margin-top: 20px;
  margin-bottom:20px;
  font-size: 10.5pt;
}

table.table_position02-1 td{
  padding-top: 4px;
  padding-bottom: 4px;
}

table.table_position02-1 w60{
  width: 60% ;
}

/* *****************区分別名所**************** */

.a-1{
  background-image: url(../images/a-1.gif);
  width: 151px;
  height: 24px;
  text-indent: -5000px;
  margin-right: 10px;
}

.b-1{
  background-image: url(../images/b-1.gif);
  width: 151px;
  height: 24px;
  text-indent: -5000px;
  margin-right: 10px;
}

.c-1{
  background-image: url(../images/c-1.gif);
  width: 151px;
  height: 24px;
  text-indent: -5000px;
  margin-right: 10px;
}

.d-1{
  background-image: url(../images/d-1.gif);
  width: 151px;
  height: 24px;
  text-indent: -5000px;
}

.a-2{
  background-image: url(../images/a-2.gif);
  width: 151px;
  height: 24px;
  text-indent: -5000px;
  margin-right: 10px;
}

.b-2{
  background-image: url(../images/b-2.gif);
  width: 151px;
  height: 24px;
  text-indent: -5000px;
  margin-right: 10px;
}

.c-2{
  background-image: url(../images/c-2.gif);
  width: 151px;
  height: 24px;
  text-indent: -5000px;
  margin-right: 10px;
}

.d-2{
  background-image: url(../images/d-2.gif);
  width: 151px;
  height: 24px;
  text-indent: -5000px;
}

.a-3{
  background-image: url(../images/a-3.gif);
  width: 151px;
  height: 24px;
  text-indent: -5000px;
  margin-right: 10px;
}

.b-3{
  background-image: url(../images/b-3.gif);
  width: 151px;
  height: 24px;
  text-indent: -5000px;
  margin-right: 10px;
}

.c-3{
  background-image: url(../images/c-3.gif);
  width: 151px;
  height: 24px;
  text-indent: -5000px;
  margin-right: 10px;
}

.d-3{
  background-image: url(../images/d-3.gif);
  width: 151px;
  height: 24px;
  text-indent: -5000px;
}

.a-4{
  background-image: url(../images/a-4.gif);
  width: 151px;
  height: 24px;
  text-indent: -5000px;
  margin-right: 10px;
}

.b-4{
  background-image: url(../images/b-4.gif);
  width: 151px;
  height: 24px;
  text-indent: -5000px;
  margin-right: 10px;
}

.c-4{
  background-image: url(../images/c-4.gif);
  width: 151px;
  height: 24px;
  text-indent: -5000px;
  margin-right: 10px;
}

.d-4{
  background-image: url(../images/d-4.gif);
  width: 151px;
  height: 24px;
  text-indent: -5000px;
}

li.kubun{
  list-style-image: url(../images/icon.gif);
  margin-left: 22px;
  margin-top: 3px;
}

ul.kubun_list{
  margin-bottom: 20px;
}

span.kubun{
  margin-left: 5px;
}

/* ** 区分別Link** */
.kubun a:link { color:#D1615A; text-decoration:underline;}
.kubun a:visited { color:#D1615A; text-decoration:underline;}
.kubun a:hover { color:#AD403A; text-decoration:underline;}
.kubun a:active { color:#D1615A; text-decoration:underline;}

/* ** 区分別Link02** */
.kubun02 a:link { color:#D1615A; text-decoration:none;}
.kubun02 a:visited { color:#D1615A; text-decoration:none;}
.kubun02 a:hover { color:#AD403A; text-decoration:none;}
.kubun02 a:active { color:#D1615A; text-decoration:none;}

/* ** 区分別Link02** */
.kubun02 p a:link { color:#777777; text-decoration:underline;}
.kubun02 p a:visited { color:#AD403A; text-decoration:underline;}
.kubun02 p a:hover { color:#AD403A; text-decoration:underline;}
.kubun02 p a:active { color:#777777; text-decoration:underline;}

/* ********************************** Detail **************************** */
/* *** BAR_文化遺産 *** */
#bunkaisan_bar{
  background-image: url(../images/bar02.gif);
  margin-top : 0px;
  height: 29px ;
}

/* *** BAR_Normal *** */
#normal_bar{
  background-image: url(../images/bar01.gif);
/*  text-indent: -5000px ; */
  margin-top : 0px;
  height: 29px ;
}

.normal_bar{
  background-image: url(../images/bar01.gif);
/*  text-indent: -5000px ; */
  margin-top : 0px;
  height: 29px ;
}

/* *** BAR_Normal2 *** */
#normal_bar02{
  background-image: url(../images/bar01.gif);
/*  text-indent: -5000px ; */
/*  margin-top : 20px;  */
  height: 29px ;
}

.text_position{
  font-size: 13pt;
  font-weight: bold;
  color:#000000;
  margin-left: 50px;
  padding-top: 4px;
}

.table_detail{
  width:615px;
  font-size: 11pt;
  margin-left: auto;
  margin-right: auto;
}

/* ***URL&CHAT*** */
.table_detail02{
  margin-right: 15px;
}

.table_detail03{
  margin-top: 23px;
}

.chart_bg01{
  width: 256px;
  height: 147px;
  background-image: url(../images/chart_bg01.gif);
  background-repeat: repeat-x;
  padding: 10px;
}

.chart_bg02{
  width: 24px;
  height: 147px;
  background-image: url(../images/chart_bg02.gif);
  background-repeat: no-repeat;
}


/* ***tableの幅*** */
.pic_wide{
  width: 395px;
  text-align: left;
}

.text_position02{
  /*font-size: 0.9em;*/
  margin-top: 0px;
}

.pic_under{
  margin: 5px 0 0;
}

.syuhen{
  text-indent: -5000px;
  background-image: url(../images/icon_syuhen.gif);
  background-repeat: no-repeat;
  margin-top: 30px;
  width: 56px;
  height: 13px;
}

.pagetop{
  padding-top: 20px;
  text-align: right;
}

/* ***************************** お問合せ ***************************** */
#inquiry_bar{
  background-image: url(../images/i_title.gif);
  background-repeat: no-repeat;
  text-indent: -5000px ;
  margin-top : 0px;
  height: 29px ;
}

/*.td_inquiry{
  background-color: #cdcdcd;
  padding: 5px;
}
.td_inquiry + td {
  padding: 0 0 10px;
}*/
/* 20170616 修正 by 平井 */
.inquiry-dl dt{
  width: 100%;
  float: none;
  background: #f3dfdf;
}
.inquiry-dl dd{
  width: 100%;
  padding-left: 0;
  float: none;
}
.inquiry-dl dt{
  padding: 5px 8px;
  margin-bottom: 8px;
}
.inquiry-dl dd{
 padding: 0 0 5px;
}
.inquiry-btn{
  width: 80%;
  font-size: 1.1em;
}

.button_position{
  text-align: center;
  margin-top: 20px;
}

.button_position2{
  text-align: right;
  margin-top: 20px;
  padding-right: 10px;
}

.table_position03{
  margin-bottom:20px;
  font-size: 11pt;
}

/* ***************************** 七福神 ***************************** */
#shitihukujin_bar{
  background-image: url(../images/s_title.gif);
  background-repeat: no-repeat;
  text-indent: -5000px ;
  margin-bottom: 0px;
  height: 29px ;
}

td.text_position03{
  padding: 10px;
  text-align: left;
}

td.text_position04{
  padding: 10px;
  text-align: left;
  border-bottom: 1px dotted #cccccc;
}

td.text_position05{
  padding: 10px;
  text-align: left;
  border-bottom: 1px dotted #cccccc;
  border-top: 1px dotted #cccccc;
}

td.w100{
  width: 100px;
}

td.w200{
  width: 200px;
  margin: 0 auto;
}

/* ***************************** 大原の里（特別詳細版） ***************************** */
#ohhara_bar{
  background-image: url(../images/o_bar.gif);
  background-repeat: no-repeat;
  text-indent: -5000px ;
  margin-top : 0px;
  height: 29px ;
}

.ohhara_text{
  border-top: 3px solid #cccccc;
  border-bottom: 3px solid #cccccc;
  padding: 15px;
  margin-top: 0px;
  font-size: 11pt;
  background-color: #F7F1F8;
}

.ohhara_meisho{
  background-image: none;
  background-repeat: none ;
  height: 21px ;
  width: 100%;
  font-size: 1.3em;
}

.ohhaara_img{
  border :2px solid #cccccc;
  width: 50%;
  float: none;
  display: block;
  margin: 0 auto;
}

.text-position{
  margin: 15px 15px 8px;
  padding: 4px 0px 4px;
  border-bottom: 1px double #cdcdcd;
  border-top: 1px double #cdcdcd;
}

.text-position02{
  font-size: 11pt;
  margin-top: 5px;
  width: 100%;
  padding: 0 15px;
}

table.table_position04{
  margin: 20px 0;
  border-top: 10px solid #f4f3ec;
  border-bottom: 0px solid #f4f3ec;
  padding: 20px 0 0px;
}

/* ***詳細ページへ**** */
li.shousai{
  background-image: url(../images/icon_shousai.gif);
  background-repeat: no-repeat;
  background-position: 0% 50%;
  list-style: none;
  padding: 0 5px 0 15px;
  font-weight: bold;
  margin: 15px 0;
}

ul.shousai_list{
  margin: 0px;
  padding: 0px;
  float: right;
}

.shousai a:link { color:#9F4D62; text-decoration:underline;}
.shousai a:visited { color:#9F4D62; text-decoration:underline;}
.shousai a:hover { color:#9F4D62; text-decoration:underline;}
.shousai a:active { color:#9F4D62; text-decoration:underline;}

/* ***************************** 高雄（特別詳細版） ***************************** */
#takao_bar{
  background-image: url(../images/tako_title.gif);
  background-repeat: no-repeat;
  text-indent: -5000px ;
  margin-top : 0px;
  height: 29px ;
}

.takao_text{
  border-top: 3px solid #cccccc;
  border-bottom: 3px solid #cccccc;
  padding: 15px;
  margin-top: 0px;
  font-size: 11pt;
  background-color: #EEF6F9;
}

.matsuri_text{
  border-bottom: 1px dotted #bbbbbb;
  border-top: 1px dotted #bbbbbb;
  padding: 15px;
  margin-top: 0px;
  font-size: 11pt;
  background-color: #FFFFFF;
}

/* ***詳細ページへ**** */
li.shousai02{
  background-image: url(../images/icon_takao.gif);
  background-repeat: no-repeat;
  list-style: none;
  background-position: 0% 50%;
  padding: 0 5px 0 15px;
  font-weight: bold;
  margin: 15px 0 0;
}

ul.shousai_list02{
  margin: 0px;
  padding: 0;
  float: right;
}

.shousai02 a:link { color:#46808D; text-decoration:underline;}
.shousai02 a:visited { color:#46808D; text-decoration:underline;}
.shousai02 a:hover { color:#46808D; text-decoration:underline;}
.shousai02 a:active { color:#46808D; text-decoration:underline;}

/* ***詳細ページへ**** */
li.shousai03{
  background-image: url(../images/icon_matsuri.gif);
  background-repeat: no-repeat;
  background-position: 0% 50%;
  list-style: none;
  padding: 0 5px 0 15px;
  font-weight: bold;
  margin: 15px 0;
}

ul.shousai_list03{
  margin: 0px;
  padding: 0px;
  float: right;
}

.shousai03 a:link { color:#B38337; text-decoration:underline;}
.shousai03 a:visited { color:#B38337; text-decoration:underline;}
.shousai03 a:hover { color:#B38337; text-decoration:underline;}
.shousai03 a:active { color:#B38337; text-decoration:underline;}

/* ***************************** 免責事項 ***************************** */
#disclaimers_bar{
  background-image: url(../images/d_title.gif);
  background-repeat: no-repeat;
  text-indent: -5000px ;
  margin-top : 0px;
  height: 29px ;
}

.text_disclaimers{
  font-size: 11.5pt;
  color: #546F9B;
  font-weight: bold;
  margin: 15px 0px ;
}

.text_disclaimers02{
  font-size: 11pt;
  padding-bottom: 15px;
}

/* ***************************** SITE MAP ***************************** */
#sitemap_bar{
  background-image: url(../images/sitemap_title.gif);
  background-repeat: no-repeat;
  text-indent: -5000px ;
  margin-top : 20px;
  height: 29px ;
}

/* ** 縮尺のリンク ** */
.fc_pink_link a:link { color:#DA9E9E; text-decoration:none;}
.fc_pink_link a:visited { color:#DA9E9E; text-decoration:none;}
.fc_pink_link a:hover { color:#DA9E9E; text-decoration:none;}
.fc_pink_link a:active { color:#DA9E9E; text-decoration:none;}

/* ** 縮尺のリンク ** */
.fc_black_link a:link { color:#000000; text-decoration:none;}
.fc_black_link a:visited { color:#000000; text-decoration:none;}
.fc_black_link a:hover { color:#000000; text-decoration:none;}
.fc_black_link a:active { color:#000000; text-decoration:none;}

/* ***************************** 京の祭共通 ***************************** */
.text_position06{
  padding:0 10px;
  text-align: left;
}

.text_position07{
  padding: 0 10px;
  text-align: left;
}

.table_detail04{
  width:100%;
  font-size: 11pt;
  margin-left: auto;
  margin-right: auto;
}

.gion_01{
  padding: 10px 0px;
}

.matsuri_01{
  padding-top: 0px;
}

.menu_kyou{
  height: 22px;
  width: 166px;
  margin-bottom: 10px;
}

.gion_menu{
  width: 95%;
  height: 23px;
  border-bottom: 1px solid #cccccc;
  font-size: 10.5pt;
}

.menu_space{
  margin-bottom: 5px;
}

.menu_space02{
  margin-bottom: 20px;
}

/* ** MENUのリンク ** */
.fc_gray_link a:link { color:#888888; text-decoration:none;}
.fc_gray_link a:visited { color:#888888; text-decoration:none;}
.fc_gray_link a:hover { color:#666666; text-decoration:none;}
.fc_gray_link a:active { color:#888888; text-decoration:none;}


/* ******************** 祇園祭り追加ページ ************************* */
.text-pdn{
  padding: 10px 10px 0px;
}

table.pdn_bor{
  margin-top: 10px;
  border-top: 1px dotted #CCCCCC;
  width: 100%;
  margin-bottom: 10px;
}

td.pdn03{
  padding-left: 10px;
}

.wgt{
  font-weight: bold;
}

/* ******************** 祇園祭り追加ページ鉾 ************************* */

/* 鉾TABLE・名前・住所 */
table.hoko_pdn{
  margin-top:20px;
}

table.hoko_pdn01{
  border-bottom: 10px solid #f4f3ec;
  padding: 10px 0;
}
table.hoko_pdn01 img{
  display: block;
  margin-left: 10px;
}
.box_pdn{
  padding-left: 15px;
}

.box_pdn01{
  padding-top: 5px;
}

/* 鉾内容 */
.box_pdn02{
  padding-top: 10px; 
}

/* 鉾画像 */
.flame01{
  border: 3px solid #DDDDDD;
}

.sp_mgn{
  margin-bottom: 10px;
}

.sp_mgn02{
  margin-bottom: 5px;
}

.sp_mgn03{
  margin-top: 5px;
}

/* 追記 20150603 */
#rss_bar{
  background-image: url(../images/rss_bar.gif);
  text-indent: -5000px ;
  height: 29px ;
  position: relative;
}
#osusume_bar{
  background-image: url(../images/osusume_bar.gif);
  text-indent: -5000px ;
  height: 29px ;
  position: relative;
  width: 107%;
  left: -4%;
  margin: 0px 0 10px;
  border: 0px;
}
#link_bar{
  background-image: url(../images/link_bar.gif);
  text-indent: -5000px ;
  height: 29px ;
  position: relative;
  width: 107%;
  left: -4%;
  margin: 20px 0 10px;
  border: 0px;
}
.rss_wrap{
  position: relative;
  background: #f4f3ec;
}
#event_bar{
  background-image: url(../images/event_bar.gif);
  text-indent: -5000px ;
  height: 29px ;
  position: relative;
  width: 107%;
  /*left: -4%;*/
  margin: 0px 0 10px;
  border: 0px;
}
/* 追記 20150604 （サーチボックス）*/
 .search{
   display: none;
 }
 #search-sp{
  width: 100%;
  height: 60px;
  font-size: 16px;
  overflow: hidden;
  background-color: #ddf5ff;
  position: relative;
  }
 #search-sp .search-wrap{
  width: 90%;
  height: auto;
  margin: 0 auto;
  font-size: 16px;
  }
 #search-sp .search-wrap .form{
  width: 100%;
  height: auto;
  display: inline;
  }
 #search-sp .search-wrap .form .style_1{
  border: none;
  width: 74%;
  height: 32px;
  font-size: 1em;
  margin-top: 15px;
  padding: 2px;
  border: 1px solid #cdcdcd;
  border-radius: 0px;        /* CSS3草案 */  
  -webkit-border-radius: 0px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 0px;   /* Firefox用 */ 
 }
 #search-sp .search-wrap .form .style_2{
   width: 23.5%;
   height: 32px;
   margin: 0;
   position: absolute;
   top: 15px;
  border-radius: 0px;        /* CSS3草案 */  
  -webkit-border-radius: 0px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 0px;   /* Firefox用 */ 
 }
/* 追記 20150604 （スポット）*/
 .chart-tit-pc{
  display: none;
}
.chart-tit-sp{
  margin-bottom: 10px;
}
.chart-tit-sp .point{
  font-size: 0.8em;
  color: #d0aaaa;
}
#gps-map{
  width: 280px;
  height: 280px;
}

/*----- 2015年10月22日追加分（ライトコンテンツ） -----*/
.right-ban {
  width: 100%;
  height: auto;
}

.right-ban ul li {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.right-ban img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
/*----- 2015年10月27日追加分 エリアバナーレイアウト変更-----*/
.top-txt{
  width: 95%;
  margin: 5px auto;
}
.top-txt > .sp-gps{
  width: 95%;
  margin: 10px auto;
}
.top-tit{
  font-size: 1.1em;
  text-align: center;
  padding: 3px 0;
}
.top-link-list{
  background: #f4f3ec;
  padding: 0 !important;
}
#area-ban-link{
  width: 97%;
  height: auto;
  margin: 0 auto 0;
  padding-top: 10px;
}
#area-ban-other-link{
  width: 97%;
  height: auto;
  margin: 5px auto ;
}
h2.area-ban{
  width: auto;
}
#area-ban-link li{
  width: 49.5%;
  height: auto;
  float: left;
  margin-bottom: 5px;
}
#area-ban-other-link li{
  width: 49.5%;
  height: auto;
  float: left;
  margin-bottom: 5px;
}
#area-ban-linkc li:nth-child(odd),
#area-ban-other-linkc li:nth-child(odd){
  clear: both;
}
#area-ban-link li:nth-child(even),
#area-ban-other-link li:nth-child(even){
  float:right;;
}
#area-ban-link li img,
#area-ban-other-link li img{
  width: 100%;
}
#area-ban-link li.center-ban,
#area-ban-other-link li.center-ban{
  margin: 0 0 5px;
}
/* ******************** 2016年1月7日_祇園祭り追加 ************************* */
.gion-table{
  clear:both;
}
.gion-table td{
  font-size: 11pt;
  width: 40%;
  float: left;
}
.gion-day-table{
  clear:both;
  border-top: none !important;
  margin-bottom: 15px;
}
.gion-day-table td{
  width: 100%;
  float: left;
  border-bottom: 1px dotted #f7c7c7;
  padding: 4px 10px;
}
.gion-day-table td:last-child{
  border-bottom: 0px dotted #f7c7c7;
}
.gion-day-table td .day-p{
  width: 100%;
  float: none;
  font-weight: bold;
  color: #e85c5c;
}
.gion-day-table td .name-p{
  width: 100%;
  float: none;
  line-height: 1.4em;
}
.subtitle-gion{
  background: #c53930;
  color: #fff;
  margin: 0 0 5px 0;
  padding: 5px 10px !important;
}
.subtitle-gion span{
  color: #fff !important;
}
}

@media all and (min-width: 360px) and (max-width: 640px){
  #main-shoparea ul li .info dl dt {
    width: 60px;
  }
  #main-shoparea ul li .info dl dd {
    width: auto;
  }
}