<br />
<b>Warning</b>:  Undefined array key "service" in <b>/home/haircuttin/www/pellot/wp/wp-content/plugins/tweet-old-post/tweet-old-post.php</b> on line <b>91</b><br />
/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/

/* 


============================================
	ヘッダエリア
============================================ */
.headarea{ width:100%; padding:0px 0px 0px 0px; margin:0px auto;}
.headarea ul{ display:flex; justify-content:center; margin:0px; padding:0px; list-style:none;}
.headarea li{ width:100%; height:350px; padding:0px 0px 0px 0px; margin:0px; position:relative; overflow:hidden;}
.headarea li a:hover{ filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); opacity: 0.8; -webkit-transition: all .3s; transition: all .3s;}
.headarea li div img{ min-width:110%; 
min-height:100%;
position:absolute;  display: block;
 margin-left: auto;
 margin-right: auto;}
.headarea li .txtarea{ width:100%; height:65px; position:absolute; bottom:0px; background-color: rgba(0,0,0,0.4);}
.headarea li  h1{ font-size:18px; line-height:20px; color:#ffffff; font-weight:normal; padding:5px 5px 0px 5px; margin:0px;}
.headarea li  p{ font-size:10px; line-height:18px; color:#ffffff; padding:0px 0px 0px 5px; margin:0px; letter-spacing:0.5pt;}

/* ============================================
	トップ記事一覧
============================================ */
.site-content h2 { width:100%; font-size:16px; color:#333333; height:30px; border-top:2px solid #f38611; border-bottom:1px dotted #e0ca7a; padding:17px 0px 0px 0px; margin-bottom:10px;
}
.site-content h2 img{ vertical-align:middle; padding:0px 5px 0px 5px; width:20px;
}

.col-1-3{ width:31%; float:left; margin:0 1% 0 1%;}

article.postBox { margin-bottom:20px;}
article.postBox a { text-decoration:none; outline:none;}
article.postBox a:hover{}
article.postBox .thumbnail_img { height:10em; overflow:hidden; position:relative; 
background-color:#000;
}

article.postBox .thumbnail_img img{

  position:absolute;
  min-width: 150%;
  min-height: 100%;
  width: auto;
  height: auto;
top:-10px; left:-50px;
transition: all 0.6s linear; //開く速さ

}

article.postBox .thumbnail_img img:hover {
	opacity: 0.7;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); //拡大倍率
z-index: 9999;

}   

article.postBox .heading { padding:5px 0px 0px 0px; background:#fff;}
article.postBox .heading h1 { color:#333333; font-size:115%; line-height:1.4em; height:2.5em; margin:5px 0px 10px; overflow:hidden; font-weight:normal;}
article.postBox .excerpt { font-size:85%; line-height:1.5em; padding:0px; height:4.2em; overflow:hidden;}
article.postBox .excerpt {color:#666666;text-decoration:none;}
article.postBox .metaData { color:#666666; padding:5px 0px 0px 0px;}
article.postBox .metaData p {font-size:81%; margin-right:1em; line-height:1.4em;}

/* ============================================
	スポット記事一覧
============================================ */

.spotlist{
padding:2% 2%;
border-bottom:1px dotted #dbdbdb;
}

div.spots a{
	font-size:1.5em;
	color:white;
display:block;
text-align:center;
margin:30px 24px;
	padding:20px;
	background-color:#17A0F4;
	    border-radius: 30px;        /* CSS3草案 */  
    -webkit-border-radius: 30px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 30px;   /* Firefox用 */  
}

div.spots a:hover{
	filter:alpha(opacity=80);
opacity:0.8;
	color:#0C3870;
}


/* ============================================
	カテゴリ記事一覧 ページ
============================================ */
/*section.archiveTtl { width:100%; height:60px; border-bottom:1px dotted #e0ca7a; margin-bottom:10px;}
section.archiveTtl h1{ color:#57470c; font-size:22px; line-height:24px; padding:20px 0px 0px 0px;}*/

.col-1-4{ width:100%;}

article.postBox02,
article.postBox03 { 
	width:100%;
	margin:0px; padding:15px 0px 10px 0px; border-bottom:1px dotted #dbdbdb;
	  display: inline-block;
}

article.postBox02 a { text-decoration:none; outline:none;}
article.postBox02 a:hover{ filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); opacity: 0.8; -webkit-transition: all .3s; transition: all .3s;}

article.postBox02 .thumbnail_img { width:30%; height:170px; overflow:hidden; float:left; position:relative;}
article.postBox02 .thumbnail_img img{ min-width:125%; position:absolute; top:-10px; left:-20px;}

article.postBox03 .thumbnail_img { width:80px; overflow:hidden; float:left; position:relative;}

article.postBox02 .heading { width:70%; padding:0px 0px 0px 2%; float:left;}

article.postBox02 .heading h1,
article.postBox03 .heading h1{ color:#333333; font-size:1.2em;
	font-weight:bold;
	line-height:1.3em;
	margin:0px;
	overflow:hidden;}

article.postBox02 .excerpt { font-size:0.9em; line-height:1.5em; padding:7px 0px 0px 0px; overflow:hidden;
color:#666666;text-decoration:none;}

article.postBox02 .excerpt p { margin-bottom:5px;}

article.postBox02 .metaData,
article.postBox03 .metaData{ color:#666666; padding:0px 0px 0px 0px;}
article.postBox02 .metaData p,
article.postBox03 .metaData p
{font-size:0.9em; 
	margin:5px 0px;
	line-height:1.3em;}


/* ============================================
	記事ページ
============================================ */


.thumbnails-background {
  height: 300px;
  width: 100%;
	  background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
	  display: inline-block;	
		    filter: blur(3px);
}


.thumbnails-background h2.post-title{
text-align:center;
position:50% 50%;
}


h2.screen-reader-text{
display:none;}

.ninja_onebutton{
margin:0px 0px 10px 0px;
}

h2.post-title{
font-size:2.1em;
}

.post-meta{
font-size:1em;
margin-top:10px;
}

.post-meta a{
	color:white;
background:#336EFF;
	padding:5px 12px;
	border-radius:26px;
}

.post-entry h2{
margin-top:40px;
	border-bottom:1px dotted #c2c2c2;
}

.post-entry h3{
margin-top:30px;
}

.nav-links{
font-size:1em;
}

#jp-relatedposts
{
border-top:1px dotted #c2c2c2;
}

h3.jp-relatedposts-headline
{font-size:1em !important;
	border:none !important;
}


/* ============================================
	スポット詳細ページ
============================================ */


table tbody td, table tr td, table tr th {
    display: table-cell;
    padding: 12px;
    vertical-align: top;
    text-align: left;
    border-top: 1px solid #e5e5e5;
}

table tr td:first-child {
    font-weight: bold;
	    vertical-align: middle;
	min-width:90px;
}

td.animal br{
display: none;
}

ul.geo-mashup-nearby-posts{
margin:10px 5px;
	padding:0px;
}

ul.geo-mashup-nearby-posts li{
list-style:none;
}


/* ============================================
	ページ
============================================ */
div.entry-content
{
	margin-top: 10px;
    padding-top: 20px;
border-top:1px dotted #c2c2c2;
}

.entry-content h2{
margin-top:40px;
	border-bottom:1px dotted #c2c2c2;
}

/* ============================================
	スポットTOPページ
============================================ */

#spotsearch{
text-align:center;
	margin:30px 5px;
}

#spotsearch input#testSearchInput{
width:80%;
	padding:10px;
}
#spotsearch input[type=submit]{
width:80px;
height:50px;
}


/* ============================================
	その他
============================================ */

@media (max-width: 990px){
.headarea li{height:250px;}
.col-1-3{ width:48%; float:left; margin:0 1% 0 1%;}

article.postBox .heading h1 {  height:1.2em;}
}


@media (max-width: 890px){
.headarea li{height:200px;}
}


 @media (max-width: 640px){
.headarea li{height:160px;}
.headarea li .txtarea{ display:none;}

.col-1-3{ width:99%; float:left; margin:0 1% 0 1%;}
article.postBox .thumbnail_img img{
top:-50%;
left:-30%;
}

article.postBox02 .thumbnail_img{
	width:100%;
}

article.postBox02 .thumbnail_img img{
	top:-50%;
}

article.postBox02 .heading{
width:100%;
padding: 3% 0px 0px 2%;
}
article.postBox02 .excerpt
{
height:50px;
}

}


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

.page .navbar-custom,
.navbar-custom {
background-color: rgba(255,255,255, 0.9) !important; 
}


.navbar-custom .nav li > a {
    color: rgba(25, 25, 25, 0.9);
}

.navbar-custom .nav > li > a:hover,
.navbar-custom .nav .open > a:hover
 {
    color: black;
}

.navbar-custom .navbar-toggle .icon-bar {
    background: gray;
}

.navbar-cart-inner{
display:none;}


@media (max-width: 767px){
.navbar-custom .nav li > a,
.navbar-custom .nav li > a:hover {
    color: rgba(255, 255, 255, 1);
}
}


/* ============================================
	ナビゲーションの検索
============================================ */


.site-header .search-field:focus {
    background-color: #fff;     /* フォーム背景色 */
    border: 2px solid #c3c0ab;  /* フォーム枠線 */
    cursor: text;
    outline: 0;
    width: 200px;               /* フォーム幅 */
}

.screen-reader-text{display:none;}

input[type=search]{
    width: 100%;
    height: 33px;
    padding: 5px 30px 5px 12px;
    border: 1px solid #eaeaea;
    border-radius: 2px;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 2px;
    -webkit-transition: all 0.3s;
    tr
	}

input[type=submit] {
	width: 42px;
	height: 33px;
	margin: -2px 0px 0px 0px ;
	padding: 0;
	border: none; /* デフォルトCSSリセット */
	box-shadow: none; /* デフォルトCSSリセット */
    border: 1px solid gray;
color:black;
}


@media (max-width: 767px){
input[type=search]{
    width: 150%;
margin:10px 5px 5px 5px;}

input[type=submit] {
	width: 55px;
	margin: -2px 0px 0px 100px ;
	padding: 0;
color:white;
}


#spotsearch input[type=submit]{
width:200px;
height:50px;
	margin:10px;
	color:black;
}


}


/* ============================================
サイドバー
============================================ */


/* ============================================
注目の記事
============================================ */

.widget ul li:before {
content: none;
}

.alignleft {
    margin-right: 0.6em;
}


/* ============================================
	全て
============================================ */

.wp-pagenavi
{margin-top:10px;}

.module, .module-small{
padding:30px 0px;
}

.breadcrumbs{
margin-bottom:10px;
}


.clear{
clear:all;}