@charset "UTF-8";

/*子テーマ用「base.css」*/

/*--------------------------------------------------------
アドセンス
--------------------------------------------------------*/

#sidebar-ads{

	padding: 0;
	margin-bottom: 1.5em;

}

.col1 #sidebar-ads{position: relative;left:350px }

.col2 #sidebar-ads{ float: right; }

/*レスポンシブ広告 */
.adsense_01 {
    width: 336px;
    height: 280px;
}

/*--------------------------------------------------------
インデント
--------------------------------------------------------*/
.indent01 {
           display: block;
	   padding: 10px;
	   padding-top: 35px;
	   background: url("../../../images/blockquote.png") no-repeat 5px 5px #E3FCFA;
	margin: 0 0 1em 0;
}

.tsuiki {
           display: block;
	   padding: 10px;
	   padding-top: 10px;
	   background: 5px 5px #dcdcdc;
	margin: 0 0 1em 0;
}

.hosoku01 {
	    display: block;
    padding: 1em 1em 0;
    margin: 2em 0;
    background: #f0f7ff;
    border: dashed 2px #5b8bd0;/*点線*/
	border-radius: 10px;/*角の丸み*/
}


/*--------------------------------------------------------
店舗情報
--------------------------------------------------------*/
div.st-info{
         margin: 1em 0;
         border-top: solid 1px #AAA;
         border-bottom: solid 1px #AAA;
         background: #F1E8E3;
         float: left;
}

div.st-info p{
           margin-top:5px;
           margin-left:5px;
           padding-left:28px;
           padding-top:2px;
           background: url(../../../images/icon/icon-home.gif) left top no-repeat;
           font-size: 1.1em;
           font-weight: bold;
}

div.st-info p.tera{
           background: url(../../../images/icon/m_tera_color.png) left top no-repeat;
           padding-left:33px;
}

div.st-info p.jinja{
           background: url(../../../images/icon/m_jinja_color.png) left top no-repeat;
           padding-left:33px;
}

div.st-info li{
              line-height: 1.1em;
              padding-bottom:8px;
              margin-left:5px;
}

div.st-map{
         margin: 1em 0 0 4px;
         width:30%;
         float: left;
}


/*--------------------------------------------------------
埋め込み説明文
--------------------------------------------------------*/
.explanation {
border-bottom: 1px dotted #ddd;
}

.explanation:hover{
border-bottom: 1px dotted #aaa;
}

/*--------------------------------------------------------
テーブル
--------------------------------------------------------*/


/*------------------- 上・左側が見出し-------------------*/

/* ▼表全体の装飾▼ */
table.tl-table {
   border-collapse: collapse; /* 隣り合うセルの枠線を重ねて表示 */
   border: 2px #000000 solid;
   font-size: 75%;
   margin-bottom:10px;
}


/* ▼表のセル(全部)の装飾▼ */
table.tl-table th {
   padding: 0.3em;
   border-style: solid;
   border-width: 1px;
   border-right: 1px;
   background-color: #CCFFFF;
   text-align : center
}

table.tl-table td {
   padding: 0.3em;
   border-style: solid;
   border-color: #666666;
   border-width: 1px;
}

/* ▼表のヘッダ(上部)の装飾▼ */
table.tl-table thead th {
   border-bottom: 3px double #666666;
   background-color: #CCFFFF;
   letter-spacing: 0.15em; /* 文字の間隔 */
}

/*------------------- 左側が見出しのテーブル-------------------*/

/* ▼表全体の装飾▼ */
table.left-table {
   border-collapse: collapse; /* 隣り合うセルの枠線を重ねて表示 */
   border: 2px #000000 solid;
   font-size: 90%;
   margin-bottom:10px;
}

/* ▼表のセル(全部)の装飾▼ */
table.left-table th {
   padding: 0.3em;
   border-style: solid;
   border-width: 1px;
   border-right: 3px double #666666;
   background-color: #CCFFFF;
   text-align : center
}

table.left-table td {
   padding: 0.3em;
   border-style: solid;
   border-color: #666666;
   border-width: 1px;
}

/* ▼表の見出し(左部)の装飾▼ */
table.left-table thead th {
   border-bottom: 3px double #666666;
   background-color: #CCFFFF;
   letter-spacing: 0.15em; /* 文字の間隔 */
}

/*------------------- 上が見出しのテーブル（うすピンク）-------------------*/

/* ▼表全体の装飾▼ */
table.top-table-pink {
   border-collapse: collapse; /* 隣り合うセルの枠線を重ねて表示 */
   border: 2px #000000 solid;
   font-size: 90%;
}

/* ▼表のセル(全部)の装飾▼ */
table.top-table-pink th,
table.top-table-pink td {
   padding: 0.3em;
   border-style: solid;
 border-color: #000000;
   border-width: 1px;
   text-align : center;
}

/* ▼表の見出し(上側)の装飾▼ */
table.top-table-pink th {
   background-color: #ffdddd;
   letter-spacing: 0.15em; /* 文字の間隔 */
   font-weight: bold;
   text-align : center;
}


/*------------------- 見出し・枠線なし-------------------*/

/* ▼表全体の装飾▼ */
table.none-table {

   border-style: none;
   font-size: 100%;
   margin-bottom:150px;
}

table.none-table td {

   vertical-align: top;
   border-style: none;
   padding: 0.3em;
}

table.none-table td a {

   padding-left: 12px;
   background: url(./images/icon/icon-arrow.png) left center no-repeat;

}

/*------------------- 神社仏閣情報テーブル-------------------*/

/* ▼情報テーブルの装飾▼ */

table.info-table th,
table.info-table td{
	text-align: left;
	vertical-align: top;
}

table.info-table th{
        padding-left: 5px;
        width: 29%;
}

/* ▼アクセス情報テーブルの装飾▼ */

table.access-table th,
table.access-table td{
	text-align: left;
	vertical-align: top;
}

table.access-table th{
        padding-left: 5px;
        width: 16%;
}

table.info-table ul{
        list-style-type:none;
        margin:0;
        padding:0;
}

table.info-table li{
		margin:0;
		padding:0;

}

/*--------------------------------------------------------
3分割
--------------------------------------------------------*/

.leftclm
         {
float:left;
width:199px;
}

.centerclm
         {
float:left;
width:200px;
}

.rightclm
         {
float:left;
width:199px;
}

/*--------------------------------------------------------
h3・h4 神社・お寺専用
--------------------------------------------------------*/


h2.ichiran{

   background : none;
   border-style:none;
   padding-left:0px;
   text-align:center;
}

h3.jinja{

        border:none;
	margin: 0 0 1.5em 0;
	padding: 15px 0 17px 85px;
	background: url(../../../images/icon/icon-subtitle-jinja.png) left top no-repeat,url(../../../images/icon/icon-subtitle-underbar.png) repeat-x;

        border-color: #939489;
	font-size: 1.443em;
	font-weight: bold;

   }
   
   h3.jinja::after{
       	background-color:none;
   }

h3.tera{
        border:none;
	margin: 0 0 1.5em 0;
	padding: 15px 0 17px 85px;
	background: url(../../../images/icon/icon-subtitle-tera.png) left top no-repeat,url(../../../images/icon/icon-subtitle-underbar.png) repeat-x;
        border-color: #939489;
	font-size: 1.443em;
	font-weight: bold;
   }





h3.ichiran{

   background : none;
   border-style:none;
   padding-left:0px;
   text-align:center;
}

h4.jinja{

        border:none;
	margin: 0 0 1.5em 0;
	padding: 15px 0 17px 85px;
	background: url(../../../images/icon/icon-subtitle-jinja.png) left top no-repeat,url(../../../images/icon/icon-subtitle-underbar.png) repeat-x;

        border-color: #939489;
	font-size: 1.443em;
	font-weight: bold;

   }

h4.tera{
        border:none;
	margin: 0 0 1.5em 0;
	padding: 15px 0 17px 85px;
	background: url(../../../images/icon/icon-subtitle-tera.png) left top no-repeat,url(../../../images/icon/icon-subtitle-underbar.png) repeat-x;
        border-color: #939489;
	font-size: 1.443em;
	font-weight: bold;
   }

/*--------------------------------------------------------
関連記事・ホテル情報専用
--------------------------------------------------------*/

li.similar_posts,
ul.kanmi li,         /* 周辺甘味処 */
ul.jaran-hotel li,
ul.hotpepper li,
li.near-spots
{
   float: left;
   list-style-type:none;
   margin-right:2px;
   overflow: hidden;

}


li.similar_posts,
ul.kanmi li{
   width:33%;
   text-align : center;
   height:230px;
   }


li.near-spots{
   width:33%;
   text-align : center;
   height:200px;
   }


ul.jaran-hotel li{
   width:30%;
   margin:0 3px 0 3px;
   height:320px;
   }

ul.hotpepper li{
   width:48%;
   margin:0 3px 0 3px;
   height:500px;
   }

.hotpepper {

   float: left;
   width:48%;
   }

/*--------------------------------------------------------
秘仏公開・特別公開フラグ
--------------------------------------------------------*/

.hibutsu,
.koukai,
.teien,
.light-up,
.event {
  position:relative;
  bottom:2px;
  right:0;
  font-size: 0.5em;
  padding:0.3em;
  margin:0.2em;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-weight: bold;
}

.hibutsu {
  background-color:#808000;    /*olive*/
  color:#fff;
}

.koukai {
  background-color:#f00;       /*red*/
  color:#fff;
}

.teien {
  background-color:#7fff00;    /*chartreuse*/
}

.light-up{
  background-color:#000;       /*black*/
  color:#fff;
}

.event{
  background-color:#ffd700;    /*gold*/
}


/*--------------------------------------------------------
記事内説明ボックス
--------------------------------------------------------*/
.termBox{
	margin:10px 10px 30px;
	border-style:solid;
	border-width:2px;
	border-color:#0e7ac4;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;border-radius:5px;
}

.termBox p{margin-top:30px}

.termBox_title{
	padding:7px 20px;
	background-color:#0e7ac4;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
}

.termBox_cont{
	margin:15px 30px;
}

/*-------------------------------------
関連記事を2列表示
-------------------------------------*/
.related-articles-thumbs01 li {
      width: 48%;
     display: inline-block;
     vertical-align: top;
     font-size: 1em;
}


/*-------------------------------------
段組み（用語集）
-------------------------------------*/

.box-wrap .box-l{
	float: left;
	width: 48%;
	margin: 0 0 1.5em;
	border: 1px solid #aaa; /*boxの枠線の指示*/
}

.box-wrap .box-r{
	float: right;
	width: 48%;
	margin: 0 0 1.5em;
	border: 1px solid #aaa;
}

.box-wrap .title{
	margin-bottom: 1.5em;
	background-color: #999; /*boxのタイトルの背景色*/
}

.box-wrap .title p{
	margin: 0 10px;
	padding: 5px 0;
	color: #fff;
	font-weight: bold;
}

/*------------------------------------------------------------
サムネイル付き内部リンクをショートコードで呼び出すカスタマイズ
------------------------------------------------------------*/

.related_article_box{
    margin:1em 0;
	padding:1em;
	border: 2px solid #e3e0db;
}

.related_article_box .eyecatch{
    width: 22%;
    float:left;
    margin-right:3%;
}

.related_article_box .title_box{
	margin:0;
}

.related_article_box .ttl{
    margin: 0 0 0.5em;
    font-size:1em!important;
    font-weight: bold;
}

.related_article_box .ttl:before{
    content:'関連記事';
	font-size:0.8em;
    font-weight:bold;
    color:#fff;
    background:#111;
    width:5em;
    display:inline-block;
    padding:0.1em;
    position:relative;
    top:-2px;
    text-align:center;
    margin-right:0.5em;
    border-radius:0.5em;
}

.related_article_box a{
    color:#333;
    background:#fff;
    display:block;
    padding:1em;
}
 
.related_article_box a:hover{
    color:#666;
}

.related_article_box.title_box.date{
    font-size:0.8em!important;
}

/*------------------------------------------------------------
ブログカードをショートコードで呼び出すカスタマイズ
------------------------------------------------------------*/
.blogcard {
  line-height: 1;
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  word-wrap: break-word;
  margin: 40px;
   padding: 10px;
  box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
}
.blogcard a {
  text-decoration: none;
  opacity: 1;
  transition: all 0.2s ease;
}
.blogcard a:hover {
  opacity: 0.6;
}

.blogcard a:after{
	position: relative;
	content:'続きを読む';
	font-weight: bold;
	bottom:15px;
	padding:3px 10px;
	background:#ff6868; /*背景色*/
	color:#fff; /*文字色*/
	font-size: .8em;
	border-radius:2px;
	  float: right;
	
}


.blogcard-tape{
	position: relative;
	top: -1.3em;
	margin-left:10px;
	font-size:0.8em;
	background-color:#000;
	color:#fff;
	padding: 0.25em 1em;
	transform: rotate(-3deg);
}

.blogcard_content{
	
	padding-left : 10px;
}

.blogcard_thumbnail {
  float: left;
  margin-right: 15px;
}

.blogcard_title {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.4;
  padding: 0 20px 10px;
}


.blogcard_excerpt {
  font-size: 0.85em;
  line-height: 1.6;
  padding: 0 17px 10px 20px;
  color:#999;
}