@charset "UTF-8";
/*****************************************************
Takamitool STELLA Custom CSS style2.css
2016/03/30
2017/05/13 L303
*****************************************************/
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);


/****************************************
*          API
*****************************************/
#wscontents {
    padding:10px 5px;
    width: 100%;
    font-size: 0.8em;
}
#wscontents .content{
    margin:2px;
    padding: 3px;
    float:left;
    width:100%;
    min-height:250px;
    /*overflow-y: scroll;*/
    /*border: solid 1px #cccccc;*/
}
#wscontents h3{
    padding-left:10px;
    font-size: 0.9em;
    font-weight: bold;
    background-color: #fbeba4;
}

#wscontents h3.hotel {
    background-color: #ff8c00;
}
#wscontents h3.hotel a{
    color:#fff;
}

#wscontents h3.gourmet {
    background-color: #ff4500;
}
#wscontents h3.gourmet a{
    color:#fff;
}

#wscontents .box1{
        float:left;
        width:100%;
    }

#wscontents .box2{
        float:left;
        width:100%;
        font-size: 0.7em;
    }

#wscontents .apibtn a{
    color:#fff;
}

#wscontents .btnbox{
    margin:10px 5px;
}

#wscontents .apibtn {
  text-align: center;  
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 18px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

#wscontents .apibtn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}    
    
@media (min-width: 992px) {
    #wscontents {
        font-size: 0.9em;
    }
    #wscontents h3{
        font-size: 1.3em;
    }
    #wscontents .content{
        margin:2px;
        padding: 3px;
        float:left;
        width:100%;
        min-height:250px;
        /*overflow-y: scroll;*/
        border: solid 1px #eee;
    }
    #wscontents .box1{
        float:left;
        width:48%;
    }
    #wscontents .box2{
        padding: 5px 10px;
        float:left;
        width:48%;
        font-size: 0.9em;
    }
}


/****************************************
* 施設内検索API の検索結果を表示する
****************************************/
#wscontents .innersearch {
    padding:10px 5px;
    width: 100%;
    font-size: 1.0em;    
}
#wscontents p.title {
    font-weight: bold;    
}
#wscontents p.access {
    font-size: 0.9em;    
}

/****************************************
* 投稿ページにYahoo map を表示する
****************************************/

#yhmap {
    /*position:relative;*/
    margin-bottom: 20px;
}

#yhmap .yolp-tilelayer {
    position:relative!important;
}

#yolpmap {
    height:380px;
}

#yhmappopup {
    font-size:1.0em;
}
#yhmappopup .popup a{
    color:#3498db;
}
#yhmappopup img{
    width:150px;
    hight:auto;
}
#yhmappopup .address{
    font-size:0.7em;
}

@media (min-width: 992px) {
    #yolpmap {
        height:640px!important;
    }
}

h2.postsubtitle {
        margin-top:10px;
        margin-bottom:10px;
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #3498db;
        font-size:1.2em;
}
h2.postsubtitle::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
}


/****************************************
* 標準のZEROテンプレ用CSS 
****************************************/
#zero {
    margin:10px 0px;
    padding:5px 0px;
    font-size: 1.0em;
}
#zero h3{
    font-size: 1.0em;
    font-weight: bold;
}

#zero table.zerotbl{ 
    width: 100%; 
    font-size: 0.9em;
}
.zerotbl th,
.zerotbl td{
    display:block;
    padding: 10px;
    border-top: none;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    width:100%;
}

.zerotbl th {background: #f4f4f4;}
.zerotbl tr:first-child th{ border-top: 1px solid #ddd; }

@media (min-width: 992px) {
    .zerotbl	{ margin: 0 -10px; }
    .zerotbl th{
        display:table-cell;
        border-top: none;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }
    .zerotbl td{
        display:table-cell;
        border-top: none;
        border-left: none;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }
    .zerotbl th { width: 30%; text-align: left; }
    .zerotbl tr:first-child th{ border-top: 1px solid #ddd; }
    .zerotbl tr:first-child td	{ border-top: 1px solid #ddd; }
}
/****************************************
* カテゴリ一覧表示用
****************************************/
#rtbnavi {
    padding:10px 0px;
    margin: 10px 0px;
}

ul.rtbnavi  {
    /*　display:table;*/
    width:100%;
}
ul.rtbnavi li{
    margin-bottom: 5px;
    padding: 10px 3px 0px 3px;
    display:inline-block;;
    vertical-align:middle;
    text-align:center;
    width: 45%; /*23%;*/
    background-color: #ddd;
    border: 1px solid #bbb;
    height:50px;
    word-wrap: break-word;
}

ul.rtbnavi li a {
  display: block;
}

ul.rtbnavi li:hover {
  background-color: #f4f4f4; 
}

/****************************************
* カテゴリ一覧表示用
****************************************/
#tkmparentcategories, 
#tkmparentcategoriessub 
{
    padding:10px 0px;
    margin: 10px 0px;
}

ul.tkmparentcategories,  
ul.tkmparentcategoriessub  
{
    width:100%;
}
ul.tkmparentcategories li
{
    margin-bottom: 3px;
    padding: 0px 3px 0px 15px;
    display:inline-block;;
    vertical-align:middle;
    text-align:left;
    width:45%;
    background-color: #fafafa;
    /*border: 1px solid #bbb;*/
    height:36px;
    word-wrap: break-word;
    border-top: 1px solid transparent;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */  
}

ul.tkmparentcategoriessub li
{
    margin-bottom: 3px;
    padding: 0px 3px 0px 15px;
    display:inline-block;;
    vertical-align:middle;
    text-align:left;
    width:95%;
    background-color: #fafafa;
    height:36px;
    word-wrap: break-word;
    border-top: 1px solid transparent;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */  
}

ul.tkmparentcategories li a, 
ul.tkmparentcategoriessub li a 
{
  display: block;
}

ul.tkmparentcategories li:hover, 
ul.tkmparentcategoriessub li:hover 
{
  background-color: #fcfcfc; 
}

[id^=sidebar] ul.tkmparentcategories li:before, 
[id^=sidebar] ul.tkmparentcategoriessub li:before 
{
        padding: 5px 2px 5px 5px;
}
[id^=sidebar] ul.tkmparentcategories li a, 
[id^=sidebar] ul.tkmparentcategoriessub li a 
{
    height:36px;
    line-height: 36px;
}


/*Blog Post List */
#tkmblogposts 
{
    padding:10px 0px;
    margin: 10px 0px;
}

ul.tkmblogposts  
{
    width:100%;
}
ul.tkmblogposts li
{
    margin-bottom: 3px;
    padding: 0px 3px 0px 15px;
    display:inline-block;;
    vertical-align:middle;
    text-align:left;
    width:95%;
    background-color: #fafafa;
    /*border: 1px solid #bbb;*/
    height:36px;
    word-wrap: break-word;
    border-top: 1px solid transparent;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */  
}


ul.tkmblogposts li a 
{
  display: block;
}

ul.tkmblogposts li:hover 
{
  background-color: #fcfcfc; 
}

[id^=sidebar] ul.tkmblogposts li:before
{
        padding: 5px 2px 5px 5px;
}
[id^=sidebar] ul.tkmblogposts li a
{
    height:36px;
    line-height: 36px;
}
#tkmblogposts p.bloglistpag{
    padding:10px 0 0 10px;
    font-size:0.9em;
    color:#bbb;
}

@media (min-width: 992px) {

}