@charset "utf-8";

/*
Theme Name: Lolipop
Theme URI:http://creatorclip.info/
Description:Material Design
Author:とくめい
Version:3.0
*/

/**********************************
	サイト全体
**********************************/
body {
	background:#f2f2f2;
	font-weight:300;
	font-family: 'Roboto', Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
}

code, input, textarea {
	font-family: 'Roboto', Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

code {
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:0 0.5em;
	padding:0 0.5em;
	background:#f2f2f2;
}

#ie6 body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* コンテンツ幅 */
#contents,
#breadcrumbList {
	width:94%;
	max-width:960px;
	margin:0 auto;
}

@media screen and (min-width:1300px){

	#contents,
	#breadcrumbList,
	footer .inner {
		max-width:1200px !important;
	}

}

#ie8 #contents,
#ie7 #contents,
#ie6 #contents,
#ie8 #breadcrumbList,
#ie7 #breadcrumbList,
#ie6 #breadcrumbList {
	width:960px;
}

.adsense {
	text-align:center;
}

/**********************************
	ヘッダー
**********************************/
header {
	position:absolute;
	top:0;
	left:0;
	display:table;
	width:100%;
	background:#ffc045;
	z-index:9999;
	box-shadow: 0 2px 5px rgba(0,0,0,0.26);
	text-shadow:1px 1px 1px rgba(0,0,0,0.2);
}
.fixed header {
	box-shadow:0 0 50px rgba(0,0,0,0.5);
}
header .inner {
	display:table-cell;
	padding:1em 0;
	text-align:center;
	vertical-align:middle;
}
header .inner h1 {
	font-size:2.75em;
	font-weight:300;
	letter-spacing:2px;
}
header .inner h1 a {
	color:#fff;
	text-decoration:none;
}

/* 検索フォーム */
header form {
	display:none;
	margin-top:-0.4em;
}
header form input {
	width:68%;
	height:48px;
	line-height: 48px;
	padding:0 0.25em;
	color:#fff;
	font-size:1em;
	text-align:left;
	background:none;
	outline:none;
	border:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-bottom:1px solid rgba(0,0,0,0.2);
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
.ie header form input {
	border-bottom:2px solid #cb9936;
}

/* プレースホルダー */
::-webkit-input-placeholder { color:rgba(0,0,0,0.2); }
::-moz-placeholder { color:rgba(0,0,0,0.2); }
:-moz-placeholder { color:rgba(0,0,0,0.2); }
:-ms-input-placeholder { color:rgba(0,0,0,0.2);}

/* 検索フォームアニメーション */
header form .bar {
	display:none;
	width:70%;
}
.ie header form .bar {
	display:none !important;
}

header form .bar:before,
header form .bar:after {
	content:"";
	position:absolute;
	bottom:1em;
	display:block;
	width:34.05%;
	height:2px;
	background:rgb(203,153,54);
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-animation-delay:0.1s;
	-moz-animation-delay:0.1s;
	animation-delay:0.1s;
}
header form .bar:before {
	left:16%;
	-webkit-animation:barBefore 0.3s ease-in-out both;
	-moz-animation:barBefore 0.3s ease-in-out both;
	animation:barBefore 0.3s ease-in-out both;
}
@-webkit-keyframes barBefore {
	0% {
		left:50%;
		width:0;
		background:rgba(0,0,0,0);
	}
	100%{
		left:16%;
		width:34.05%;
		background:rgba(0,0,0,0.3);
	}
}
@-moz-keyframes barBefore {
	0% {
		left:50%;
		width:0;
		background:rgba(0,0,0,0);
	}
	100%{
		left:16%;
		width:34.05%;
		background:rgba(0,0,0,0.3);
	}
}
@keyframes barBefore {
	0% {
		left:50%;
		width:0;
		background:rgba(0,0,0,0);
	}
	100%{
		left:16%;
		width:34.05%;
		background:rgba(0,0,0,0.3);
	}
}

header form .bar:after {
	right:14%;
	-webkit-animation:barAfter 0.3s ease-in-out both;
	-moz-animation:barAfter 0.3s ease-in-out both;
	animation:barAfter 0.3s ease-in-out both;
}
@-webkit-keyframes barAfter {
	0% {
		right:50%;
		width:0;
		background:rgba(0,0,0,0);
	}
	100%{
		right:16%;
		width:34.05%;
		background:rgba(0,0,0,0.3);
	}
}
@-moz-keyframes barAfter {
	0% {
		right:50%;
		width:0;
		background:rgba(0,0,0,0);
	}
	100%{
		right:16%;
		width:34.05%;
		background:rgba(0,0,0,0.3);
	}
}
@keyframes barAfter {
	0% {
		right:50%;
		width:0;
		background:rgba(0,0,0,0);
	}
	100%{
		right:16%;
		width:34.05%;
		background:rgba(0,0,0,0.3);
	}
}

/* お問い合わせフォーム */
form .wpcf7-form-control-wrap {
	position:relative;
	display:block;
	width:100%;
	margin:0 auto;
}
form .wpcf7-form-control-wrap input {
	width:100%;
	height:48px;
	padding:1em;
	color:#555;
	font-size:1em;
	text-align:left;
	background:none;
	outline:none;
	border:none;
	border-bottom:1px solid rgba(0,0,0,0.2);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
form .wpcf7-form-control-wrap .bar {
	display:none;
	width:100%;
}
form .wpcf7-form-control-wrap .bar:before,
form .wpcf7-form-control-wrap .bar:after {
	content:"";
	position:absolute;
	bottom:0;
	display:block;
	width:50%;
	height:2px;
	background:#ffc045;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-animation-delay:0.1s;
	-moz-animation-delay:0.1s;
	animation-delay:0.1s;
}
form .wpcf7-form-control-wrap .bar:before {
	left:0;
	-webkit-animation:barBefore2 0.3s ease-in-out both;
	-moz-animation:barBefore2 0.3s ease-in-out both;
	animation:barBefore2 0.3s ease-in-out both;
}
@-webkit-keyframes barBefore2 {
	0% {
		left:50%;
		width:0;
		background:rgba(0,0,0,0);
	}
	100%{
		left:0;
		width:50%;
		background:#ffc045;
	}
}
@-moz-keyframes barBefore2 {
	0% {
		left:50%;
		width:0;
		background:rgba(0,0,0,0);
	}
	100%{
		left:0;
		width:50%;
		background:#ffc045;
	}
}
@keyframes barBefore2 {
	0% {
		left:50%;
		width:0;
		background:rgba(0,0,0,0);
	}
	100%{
		left:0;
		width:50%;
		background:#ffc045;
	}
}

form .wpcf7-form-control-wrap .bar:after {
	right:0;
	-webkit-animation:barAfter2 0.3s ease-in-out both;
	-moz-animation:barAfter2 0.3s ease-in-out both;
	animation:barAfter2 0.3s ease-in-out both;
}
@-webkit-keyframes barAfter2 {
	0% {
		right:50%;
		width:0;
		background:rgba(0,0,0,0);
	}
	100%{
		right:0;
		width:50%;
		background:#ffc045;
	}
}
@-moz-keyframes barAfter2 {
	0% {
		right:50%;
		width:0;
		background:rgba(0,0,0,0);
	}
	100%{
		right:0;
		width:50%;
		background:#ffc045;
	}
}
@keyframes barAfter2 {
	0% {
		right:50%;
		width:0;
		background:rgba(0,0,0,0);
	}
	100%{
		right:0;
		width:50%;
		background:#ffc045;
	}
}

/* テキストエリア */
form .wpcf7-form-control-wrap textarea {
	width:100%;
	margin-top:0.5em;
	padding:1em;
	font-size:16px;
	border:1px solid #ddd;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}

/* 送信ボタン */
form input.wpcf7-submit {
	cursor:pointer;
	overflow:hidden;
	position:relative;
	display:block;
	margin:0 auto;
	width:30%;
	padding:1em 2em;
	color: #6C501B;
	background:#FDD835;
	text-align:center;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	border:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
form input.wpcf7-submit:hover {
	background:#ffc045;
}


/**********************************
	メニュー
**********************************/
.menu {
	overflow-y:auto;
	position: absolute;
	top:82px;
	left:0;
	width: 30%;
	max-width:320px;
	color: #333;
	font-size:110%;
	font-family: 'Roboto', sans-serif;
	background: #eee;
	text-align:left;
	z-index:9999;
}
.menu ul li a {
	display:block;
	padding:1.25em;
	color:#555;
	font-weight:300;
	text-shadow:none;
	text-decoration:none;
}
.menu ul li a:hover {
	color:#fff;
	background:#ffc045;
}
.menu ul li a i {
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:40px;
	color:#ffc045;
	vertical-align:middle;
}
.menu ul li a:hover i {
	color:#fff;
}


/* メニューON/OFF */
.menuOff {
	-webkit-transform:translate3d(-100%, 0, 0);
	-moz-transform:translate3d(-100%, 0, 0);
	transform:translate3d(-100%, 0, 0);
	z-index:9999; /* 最前面に来るように */
}
.menuOn {
	box-shadow: 8px 8px 20px 0 rgba(0, 0, 0, 0.2);
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
}
.ie .menuOff {
	left:-100%; /* IE向け */
} 
.ie .menuOn {
	left: 0; /* IE向け */
} 

/* ナビゲーション以外固定 */
.fixed {
	position:fixed;
	top:0;
	left:0;
	width:100%;
}

/* オーバーレイ */
.overlay {
	position:fixed;
	top:0;
	left:0;
	display:none;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	z-index:999;
}

/* メニューヘッダー */
.menuHeader {
	position:relative;
	height:200px;
	background:#ffc045;
}
.menuHeader .logo {
	position:absolute;
	bottom:3.5em;
	left:1em;
}
.menuHeader figcaption {
	position:absolute;
	bottom:0;
	left:0;
	cursor:pointer;
	display:block;
	width:100%;
	padding:1em 1.5em;
	color:#fff;
	font-size:88%;
	background:rgba(0,0,0,0.3);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.menuHeader figcaption i {
	position:absolute;
	right:1em;
	top:50%;
	margin-top:-6px;
}

.menu .txt {
	display:none;
	padding:1em;
	color:#555;
	font-size:80%;
	text-shadow:none;
	line-height:1.5;
	border-bottom:1px solid #ccc;
	-webkit-transition: all 0s ease 0s;
	-moz-transition: all 0s ease 0s;
	transition: all 0s ease 0s;
}
.menu .txt .kwsk {
	display:block;
	margin-top:0.75em;
	text-align:right;
}
.menu .txt .kwsk a {
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding:0.5em 1em;
	color:#fff;
	background:#ffc045;
	text-decoration:none;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

/**********************************
	コンテンツ
**********************************/
#contents {
	position:relative;
	margin:0px auto;
}
.single #contents,
.page #contents {
	padding-top:0 !important;
}

#main .adsense,
#main .pcBnr {
	clear:both;
	text-align:center;
	margin-bottom:4%;
}
#main .spBnr {
	display:none;
	text-align:center;
	margin:0 -3% 4%;
}

#main .pcBnr ul li,
#main .spBnr ul li {
	display:none;
	list-style:none;
}


/* シャドウ */
#main article,
#pager ul li.prev a,
#pager ul li.next a,
#side #follow li a {
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	−moz−tap-highlight-color:rgba(0,0,0,0);
	tap-highlight-color:rgba(0,0,0,0);
	-webkit-transform:translate3d(0, 0, 0) !important;
	-moz-transform:translate3d(0, 0, 0) !important;
	transform:translate3d(0, 0, 0) !important;
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
}
#pager ul li.prev a:hover,
#pager ul li.next a:hover,
#main article.postList:hover {
	-webkit-transform:translate3d(0, -2px, 0) !important;
	-moz-transform:translate3d(0, -2px, 0) !important;
	transform:translate3d(0, -2px, 0) !important;
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
}
#pager ul li.prev a:active,
#pager ul li.next a:active,
#main article.postList:active,
#side #tag_cloud-2 a:hover {
	-webkit-transform:translate3d(0, 1px, 0) !important;
	-moz-transform:translate3d(0, 1px, 0) !important;
	transform:translate3d(0, 1px, 0) !important;
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
}

.ie #main article,
.ie #pager ul li.prev a,
.ie #pager ul li.next a,
.ie #side #follow li a {
	position:relative;
	top:0;
}
.ie #pager ul li.prev a:hover,
.ie #pager ul li.next a:hover,
.ie #main article.postList:hover {
	top:-2px;
}

/* ボタンホバー */
#side #follow li a:before,
#main article.entry #author dd .autherLink a:before,
#main article #share ul li > a:before,
.single #main article ul.btnList li a:after,
#pager ul li.prev a:after,
#pager ul li.next a:after,
form input.wpcf7-submit:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  opacity:1;
  width: 0;
  padding-top: 0;
  border-radius: 100%;
  background-color: rgba(236, 240, 241, .3);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#side #follow li a:hover,
#main article.entry #author dd .autherLink a:hover,
#main article #share ul li > a:hover,
.single #main article ul.btnList li a:hover,
#pager ul li.prev a:hover,
#pager ul li.next a:hover,
form input.wpcf7-submit:hover {
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
}
#side #follow li a:hover:before,
#main article.entry #author dd .autherLink a:hover:before,
#main article #share ul li > a:hover:before,
.single #main article ul.btnList li a:hover:after,
#pager ul li.prev a:hover:after,
#pager ul li.next a:hover:after,
form input.wpcf7-submit:hover:before {
  width: 120%;
  opacity:0;
  padding-top: 120%;
  transition: width .2s ease-out, padding-top .2s ease-out, opacity 1s;
}


/**********************************
	メイン
**********************************/
#main {
	float:left;
	width:66.65%;
}
#ie8 #main,
#ie7 #main,
#ie6 #main {
	width:640px;
}
#main article {
	background:#fff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
#main article a {
	color:#333;
}
#main article .postInner {
	padding:1em;	
}

/* 記事一覧 */
#main article.postList {
	cursor:pointer;
	float:left;
	width:48%;
	min-height:250px;
	*height:auto !important;
	*height:250px;
	margin:0 4% 4% 0;
}
#ie8 #main article.postList,
#ie7 #main article.postList {
	width:305px;
	margin:0 30px 30px 0;
}
#ie6 #main article.postList {
	margin:0 20px 20px 0;
}
#main article.postList:nth-child(even) {
	margin-right:0;
}
#main article h1 {
	color:#ffc045;
	font-size:1.2em;
	line-height:1.5;
	-webkit-transition: all 0s ease 0s;
	-moz-transition: all 0s ease 0s;
	transition: all 0s ease 0s;
}

/* 記事一覧アニメーション */
#main article.postList {
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	transform:scale(0);
	-webkit-animation:display 1s both;
	-moz-animation:display 1s both;
	animation:display 1s both;
}

@-webkit-keyframes display {
	from { -webkit-transform: scale(0); }
	to { -webkit-transform: scale(1); }
}
@-moz-keyframes display {
	from { -moz-transform: scale(0); }
	to { -moz-transform: scale(1); }
}
@keyframes display {
	from { transform: scale(0); }
	to { transform: scale(1); }
}

#main article.postList:nth-child(2) {
	-webkit-animation-delay:.2s;
	-moz-animation-delay:.2s;
	animation-delay:.2s;
}
#main article.postList:nth-child(3) {
	-webkit-animation-delay:.3s;
	-moz-animation-delay:.3s;
	animation-delay:.3s;
}
#main article.postList:nth-child(4) {
	-webkit-animation-delay:.4s;
	-moz-animation-delay:.4s;
	animation-delay:.4s;
}
#main article.postList:nth-child(5) {
	-webkit-animation-delay:.5s;
	-moz-animation-delay:.5s;
	animation-delay:.5s;
}
#main article.postList:nth-child(6) {
	-webkit-animation-delay:.6s;
	-moz-animation-delay:.6s;
	animation-delay:.6s;
}
#main article.postList:nth-child(7) {
	-webkit-animation-delay:.7s;
	-moz-animation-delay:.7s;
	animation-delay:.7s;
}
#main article.postList:nth-child(8) {
	-webkit-animation-delay:.8s;
	-moz-animation-delay:.8s;
	animation-delay:.8s;
}
#main article.postList:nth-child(9) {
	-webkit-animation-delay:.9s;
	-moz-animation-delay:.9s;
	animation-delay:.9s;
}
#main article.postList:nth-child(10) {
	-webkit-animation-delay:1s;
	-moz-animation-delay:1s;
	animation-delay:1s;
}
#main article.postList:nth-child(11) {
	-webkit-animation-delay:1.1s;
	-moz-animation-delay:1.1s;
	animation-delay:1.1s;
}
#main article.postList:nth-child(12) {
	-webkit-animation-delay:1.2s;
	-moz-animation-delay:1.2s;
	animation-delay:1.2s;
}
#main article.postList:nth-child(13) {
	-webkit-animation-delay:1.3s;
	-moz-animation-delay:1.3s;
	animation-delay:1.3s;
}
#main article.postList:nth-child(14) {
	-webkit-animation-delay:1.4s;
	-moz-animation-delay:1.4s;
	animation-delay:1.4s;
}
#main article.postList:nth-child(15) {
	-webkit-animation-delay:1.5s;
	-moz-animation-delay:1.5s;
	animation-delay:1.5s;
}
#main article.postList:nth-child(16) {
	-webkit-animation-delay:1.6s;
	-moz-animation-delay:1.6s;
	animation-delay:1.6s;
}
#main article.postList:nth-child(17) {
	-webkit-animation-delay:.1.7s;
	-moz-animation-delay:1.7s;
	animation-delay:1.7s;
}
#main article.postList:nth-child(18) {
	-webkit-animation-delay:1.8s;
	-moz-animation-delay:1.8s;
	animation-delay:1.8s;
}
#main article.postList:nth-child(19) {
	-webkit-animation-delay:1.9s;
	-moz-animation-delay:1.9s;
	animation-delay:1.9s;
}
#main article.postList:nth-child(20) {
	-webkit-animation-delay:2s;
	-moz-animation-delay:2s;
	animation-delay:2s;
}


#main article.postList > a {
	display:block;
}
#main article.postList a,
#main article a:hover {
	text-decoration:none;
}
#main article.postList a:hover {
	top:-2px;
	text-shadow:1px 1px 0 #fff;
}

/* サムネイル */
#main article.postList figure {
	overflow:hidden;
	position:relative;
	width:100%;
}
#main article.postList figure .bg {
	height: 0;
	display:block;
	width:100%;
	padding-top: 56.25%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.home #main article.postList:hover figure .bg {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	-webkit-transform: scale(1.2) rotate(-5deg);
	transform: scale(1.2)  rotate(-5deg);
}

/* 記事情報 */
#main article .postMeta {
	margin-top:0.5em;
	list-style:none;
	color:#aaa;
	font-size:90%;
	line-height:1.5;
}
#main article .postMeta li i {
	width:16px;
	margin-right:5px;
}
#main article .postMeta li.category {
	font-size:85%;
}
#main article .postMeta li.category i {
	margin-right:3px;
}

/* もっと見る */
#main article.postList .moreBtn {
	float:right;
	margin-top:1em;
	padding:1em;
	text-align:center;
	color:#aaa;
	font-size:75%;
	background:#f2f2f2;
	text-shadow:none;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
#main article.postList:hover .moreBtn,
#main article.postList:hover .moreBtn i {
	color:#fff;
	background:#ffc045;
}
#main article.postList .moreBtn i {
	margin-left:0.5em;
}

/* ページャー */
#pager {
	clear:both;
	margin:4% 0;
}
#pager ul {
	width:100%;
	text-align:center;
}
#pager ul li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	text-align:center;
}
#pager ul li.current {
	margin:0 0.5em;
	padding:1em;
	color:#fff;
	background:#ffc045;
	text-decoration:none;
	-webkit-border-radius:10%;
	-moz-border-radius:10%;
	border-radius:10%;
}
.home #pager ul li.current {
	margin-left:20%;
}
.home.paged #pager ul li.current {
	margin-left:0.5em;
}

#pager ul li.prev {
	float:left;
	width:20%;
}
#pager ul li.next {
	float:right;
	width:20%;
}

#ie7 #pager ul li,
#ie6 #pager ul li {
	float:left !important;
}

#pager ul li.prev a,
#pager ul li.next a {
	overflow:hidden;
	position:relative;
	display:block;
	padding:1em;
	color:#fff;
	background:#555;
	text-decoration:none;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
#pager ul li.prev a i,
#pager ul li.next a i {
	margin:0 0.5em;
}

#pager ul li a {
	display:block;
	margin:0 0.5em;
	padding:1em;
	color:#fff;
	background:#ddd;
	text-decoration:none;
	-webkit-border-radius:10%;
	-moz-border-radius:10%;
	border-radius:10%;
}
#pager ul li a:hover {
	top:2px;
	background:#ffc045;
	box-shadow:0 3px 0 #ffc045;
}


/**********************************
	一記事
**********************************/

/* パンくずリスト */
#breadcrumbList {
	margin:0 auto 20px;
	padding-top:110px;
}
.ie #breadcrumbList {
	padding-top:105px;
}
#breadcrumbList li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	line-height:1.5;
	font-size: 85%;
}
#breadcrumbList li a {
	color:#ffc045;
	font-size:90%;
	text-decoration:none;
}
#breadcrumbList li a:hover {
	text-decoration:underline;
}
#breadcrumbList li i {
	margin-right:0.5em;
	color:#ffc045;
}

#main article.entry .postInner {
	margin-top:0;
	padding:5.25%;
}
#main article.entry a {
	color:#555;
}

#main article.entry figure img {
	width:100%;
}

/* 見出し */
#main article.entry h1 {
	font-size:1.75em;
	line-height:1.3;
}
#main article.entry h2 {
	margin:2em -6% 0;
	padding:0.5em 6%;
	font-size:1.5em;
	line-height:1.3;
	background:#f2f2f2;
	border-top:3px solid #ffc045;
	border-bottom:1px solid #ccc;
}
#main article.entry h3 {
	margin:2em -6% 0;
	padding:0.5em 1.5em;
	font-size:1.2em;
	line-height:1.3;
	border-left:3px solid #ffc045;
}
#main article.entry h4 {
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:2em 0 -1em;
	padding: 0.5em 1em;
	color: #6C501B;
	background: #FDD835;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

/* 記事情報 */
#main article.entry .postMeta {
	float:left;
	width:50%;
	margin-top:0;
	font-size:100%;
}
#main article.entry .postMeta li {
	margin:0.5em 0;
}

#main article.entry .tag,
#main article.entry .tag li {
	display:inline;
}
#main article.entry .tag li a {
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:0 0.25em 0.25em;
	padding:0.25em 0.5em;
	color:#666;
	font-size:92%;
	text-decoration:none;
	background:#f2f2f2;
	border-radius:3px;
	text-shadow:none;
}
#main article.entry .tag li a:hover {
	color:#fff;
	background:#666;
}

/* このページをシェアする */
#main article.entry .shareLink {
	margin:1em 0 0;
	float:right;
}
#main article.entry .shareLink a {
	display:block;
	background:#f2f2f2;
	padding:0.5em;
	text-align:center;
	line-height:1.2;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	text-decoration:none;
}
#main article.entry .shareLink a i {
	position: relative;
	top: -2px;
	margin-right:0.25em;
	vertical-align:middle;
}
#main article.entry .shareLink a br {
	display:none;
}

/* 行間など */
#main article.entry table,
#main article.entry ul,
#main article.entry ol,
#main article.entry dl,
#main article.entry > div,
#main article.entry p,
#main article.entry blockquote {
	margin:2em 0;
	color:#555;
	font-size:100%;
	line-height:1.5;
}
#main article.entry .adsense,
#main article.entry .adsbygoogle {
	margin:40px auto;
	text-align:center;
}

/* リスト */
#main article ul.list,
#main article ul.btnList,
#main article ul.screenList,
#main article ul.list {
	list-style:none;
}
#main article.entry ul,
#main article.entry ol {
	list-style-position:inside;
}

#main article.entry ul.list li,
#main article.entry ol.list li {
	text-indent:-0.75em;
	margin-bottom:1em;
	padding-left:2em;
	list-style:none;
}

/* デモ・ダウンロード */
#main article.entry ul.btnList li {
	float:left;
	width:48.5%;
}
#main article.entry ul.btnList li a {
	overflow:hidden;
	position:relative;
	display:block;
	padding:1.25em 1em;
	color:#6C501B;
	background:#FDD835;
	text-align:center;
	text-decoration:none;
	text-shadow:1px 1px 0 rgba(255,255,255,0.5);
	box-shadow:0 5px 0 #ffc045;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.single #main article.entry ul.btnList li:first-child {
	margin-right:3%;
}
.single #main article.entry ul.btnList li a:hover {
	top:2px;
	box-shadow:0 3px 0 #ffc045;
}
.single #main article.entry ul.btnList li a:active {
	top:5px;
	background:#ffc045;
	box-shadow:none;
}

/* 画像リスト */
#main article .screenList li {
	float:left;
	width:48.5%;
}
#main article .screenList li:first-child {
	margin-right:3%;
}
#main article .screenshot {
	display:block;
	width:50%;
	margin:0 auto;
}

/* テーブル */
#main article table {
	width:100%;
}
#main article table th,
#main article table td {
	padding:0.25em 0.5em;
	font-size:88%;
	border:1px solid #ccc;
}
#main article table th {
	text-align:left;
	background:#f2f2f2;
}

/* 定義リスト */
#main article dl {
	border:1px solid #ccc;
}
#main article dl dt,
#main article dl dd {
	padding:0.25em 0.5em;
}
#main article dt {
	background:#f4f4f4;
	border-bottom:1px solid #ccc;
}

/* 引用文 */
#main article blockquote {
	position:relative;
	margin-bottom:1em;
	padding:2.5em 1.5em;
	font-size:90%;
	font-style:italic;
	background:#f2f2f2;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
#main article blockquote p {
	margin:1em 0 !important;
}
#main article blockquote p:first-child {
	margin-top:0;
}
#main article cite a {
	display:inline;
	font-style:italic;
	text-decoration:underline;
}
#main article cite a:hover {
	text-decoration:none;
}

/* 注意書き */
.caution li {
	list-style:none;
	padding-left:1em;
	text-indent:-1em;
}
.caution02 li {
	list-style:none;
	padding-left:2em;
	text-indent:-2em;
}
.caution03 li {
	list-style:none;
	padding-left:3em;
	text-indent:-3em;
}

/* カエレバ */
.kaerebalink-box {
	margin:2em 0 3em;
}
.kaerebalink-image {
	float:left;
	width:28%;
	text-align:center;
}
.kaerebalink-info {
	margin-left:30%;
}
.kaerebalink-name > a {
	word-break:break-all;
}
.kaerebalink-detail {
	margin-bottom: 1em;
}
.kaerebalink-powered-date {
	margin-top: 0.5em;
	font-size:80%;
	text-align:right;
}
.kaerebalink-link1 div {
	float: left;
	width: 48%;
}
.kaerebalink-link1 div:first-child {
	margin-right:4%;
}
.kaerebalink-link1 a {
	overflow:hidden;
	position:relative;
	top:0;
	display:block;
	padding:0.5em;
	color:#fff !important;
	font-size:100%;
	text-align:center;
	text-decoration:none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	text-shadow:1px 1px 0 rgba(255,255,255,0.2);
}
.single article .kaerebalink-link1 a:hover {
	color:#fff;
	box-shadow:none;
	text-decoration:none;
	text-shadow:1px 1px 0 rgba(0,0,0,0.2);
	-webkit-transform: translate3d(0px, 5px, 1px);
	-moz-transform: translate3d(0px, 5px, 1px);
	transform: translate3d(0px, 5px, 1px);
}
.shoplinkamazon a {
	background:#ffc045;
	box-shadow:0 5px 0 #f39c12;
}
.shoplinkamazon a:hover {
	background:#f39c12;
}
.shoplinkrakuten a {
	background:#dd4b39;
	box-shadow:0 5px 0 #c04030;
}
.shoplinkrakuten a:hover {
	background:#c04030;
}

/* Twitter */
.single .twitter-tweet-rendered {
    max-width: 100% !important;
}
.single .twt-border {
    max-width: 100% !important;
}

/* shareHTML */
.shareHTML {
	margin-bottom:1em;
}
.shareHTML .alignleft {
	margin-right:1em;
}

/* Facebookフォーム */
.fb_iframe_widget,
.fb_iframe_widget iframe[style],
.fb_iframe_widget[style],
#fbPage iframe[style],
.fb_iframe_widget span {
    width: 100% ! important;
}

/* お問い合わせ */
.post-24 p {
	position:relative;
	margin-bottom:0 !important;
}

/* シンタックスハイライト */
#main article.entry .syntaxhighlighter {
	margin:2em 0 !important;
}
#main article.entry .syntaxhighlighter code {
	word-break:break-word !important;
}

/* 投稿者情報 */
#main article.entry #author dl {
	padding:20px;
}
#main article.entry #author dt,
#main article.entry #author dd {
	display:table-cell;
	margin:0;
	padding:0;
	border:none;
	vertical-align:top;
}
#main article.entry #author dt {
	width:100px;
	padding-right:20px;
	background:none;
}
#main article.entry #author dt img {
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;	
}
#main article.entry #author dd em {
	font-size:1.5em;
	font-style:normal;
	font-weight: bold;
}
#main article.entry #author dd p {	
	margin:0;
}
#main article.entry #author dd .autherLink {
	margin-top:10px;
	text-align:right;
}
#main article.entry #author dd .autherLink a {
	overflow:hidden;
	position:relative;
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding:0.5em 1em;
	font-size:80%;
	text-align:center;
	text-decoration: none;
	background:#f2f2f2;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
#main article.entry #author dd .autherLink a:hover {
	color:#fff;
	background:#ffc045;
}
#main article.entry #author dd .autherLink a i {
	font-size:90%;
	margin-right:5px;
}


/* シェア */
#main article #share .fa-share-alt {
	color:#ff8c00;
}
#main article #share ul {
	margin:3em auto 2em;
	list-style:none;
}
#main article #share ul li {
	float:left;
	width:25%;
	margin-bottom:4%;
}
#main article #share ul li > a {
	overflow:hidden;
	position:relative;
	display:block;
	width:68%;
	margin:0 auto;
	padding:0.75em 0.5em;
	color:#fff;
	font-size:80%;
	text-align:center;
	text-shadow:none;
	text-decoration:none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
#main article #share ul li > a:hover {
	top:2px;
}
#main article #share ul li > a:active {
	top:3px;
	box-shadow:none;
}
#main article #share ul li > a i {
	margin-right:0.25em;
	color:rgba(0,0,0,0.3);
	font-size:1.5em;
	vertical-align:middle;
}

/* ブランドカラー */
#main article #share ul li.twitter > a {
	background:#55acee;
	box-shadow:0 3px 0 #468EC5;
}
#main article #share ul li.facebook > a {
	background:#315096;
	box-shadow:0 3px 0 #1F3669;
}
#main article #share ul li.hatebu > a {
	background:#008fde;
	box-shadow:0 3px 0 #0270AC;
}
#main article #share ul li.rss > a {
	background:#ff8c00;
	box-shadow:0 3px 0 #D37400;
}
#main article #share ul li.googlePlus > a {
	background:#dd4b39;
	box-shadow:0 3px 0 #B94031;
}
#main article #share ul li.pocket > a {
	background:#ee4056;
	box-shadow:0 3px 0 #C53648;
}
#main article #share ul li.feedly > a {
	background:#6cc655;
	box-shadow:0 3px 0 #5CA449;
}
#main article #share ul li.evernote > a {
	background:#79bd28;
	box-shadow:0 3px 0 #639922;
}

/* ブランドカラーマウスオン */
#main article #share ul li.twitter > a:hover {
	box-shadow:0 1px 0 #468EC5;
}
#main article #share ul li.facebook > a:hover {
	box-shadow:0 1px 0 #315096;
}
#main article #share ul li.hatebu > a:hover {
	box-shadow:0 1px 0 #008fde;
}
#main article #share ul li.rss > a:hover {
	box-shadow:0 1px 0 #ff8c00;
}
#main article #share ul li.googlePlus > a:hover {
	box-shadow:0 1px 0 #dd4b39;
}
#main article #share ul li.pocket > a:hover {
	box-shadow:0 1px 0 #ee4056;
}
#main article #share ul li.feedly > a:hover {
	box-shadow:0 1px 0 #6cc655;
}
#main article #share ul li.evernote > a:hover {
	box-shadow:0 1px 0 #79bd28;
}

/* ブランドカラーアクティブ */
#main article #share ul li.twitter > a:active {
	background:#468EC5;
}
#main article #share ul li.facebook > a:active {
	background:#1F3669;
}
#main article #share ul li.hatebu > a:active {
	background:#0270AC;
}
#main article #share ul li.rss > a:active {
	background:#D37400;
}
#main article #share ul li.googlePlus > a:active {
	background:#B94031;
}
#main article #share ul li.pocket > a:active {
	background:#C53648;
}
#main article #share ul li.feedly > a:active {
	background:#5CA449;
}
#main article #share ul li.evernote > a:active {
	background:#639922;
}


#main article #share ul li.line {
	display:none;
}
#main article #share ul li.line > a {
	background:#00c300;
}

/* 吹き出し */
#main article #share ul li .balloon {
	position:relative;
	margin:0 auto 0.5em;
	padding:0.25em;
	width:70%;
	color:#aaa;
	text-align:center;
	border:1px solid #ddd;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
#main article #share ul li .balloon:before,
#main article #share ul li .balloon:after {
	content:"";
	position:absolute;
	left:50%;
	display:block;
	width:0;
	height:0;
	margin-left:-7px;
	border:7px solid transparent;
}
#main article #share ul li .balloon:before {
	bottom:-14px;
	border-top-color:#ddd;
}
#main article #share ul li .balloon:after {
	bottom:-12px;
	border-top-color:#fff;
}
#main article #share ul li .balloon a {
	display:block;
}

/* ページャー */
#main article.entry + #pager ul li {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
#main article.entry + #pager ul li.prev,
#main article.entry + #pager ul li.next {
	width:50%;
}
#main article.entry + #pager ul li.prev a,
#main article.entry + #pager ul li.next a {
	overflow:hidden;
	position:relative;
	display:block;
	min-height:2em;
	*height:auto !important;
	*height:2em;
	padding:1em;
	color:#fff;
	text-align:left;
	background:#555;
	line-height:1.5;	
	text-decoration:none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
#main article.entry + #pager ul li.prev a:hover,
#main article.entry + #pager ul li.next a:hover {
	background:#333;
}
#main article.entry + #pager ul li.prev a {
	padding-left:3em;
	border-radius:3px 0 0 3px;
	border-right:1px solid rgba(0,0,0,0.2);
}
#main article.entry + #pager ul li.next a {
	padding-right:3em;
	border-radius:0 3px 3px 0;
	border-left:1px solid rgba(255,255,255,0.2);
}
#main article.entry + #pager ul li.prev a i,
#main article.entry + #pager ul li.next a i {
	position:absolute;
	top:50%;
	margin-top:-5px;
}
#main article.entry + #pager ul li.prev a i {
	left:1em;
}
#main article.entry + #pager ul li.next a i {
	right:1em;
}

/* 関連記事 */
#main article.entry #relatedPost h2 {
	margin-bottom:0.25em;
}
#main article.entry #relatedPost h2 i.fa {
	color:#77b255;
}
#main article.entry #relatedPost dl {
	display:table;
	float:left;
	width:48%;
	margin:4% 4% 0 0;
	border:none;
}

#main article.entry #relatedPost dl:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
}
#main article.entry #relatedPost dl:hover dd {
	text-decoration:underline;
}


#main article.entry #relatedPost dl dt,
#main article.entry #relatedPost dl dd {
	display:table-cell;
	padding:0;
	vertical-align:top;
}
#main article.entry #relatedPost dl dt {
	width:100px;
	background:none;
	border-bottom:none;
}
#main article.entry #relatedPost dl dd {
	padding:0 1em;
	line-height:1.2;
}
#main article.entry #relatedPost dl dd a {
	font-size:80%;
	text-decoration:none;
}


/* YouTube */
.youtube {
	overflow:hidden;
	position:relative;
	width:100%;
	height:0;
	margin:0 auto 2em;
	padding:30px 0 56.25%;
}
.youtube iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* Google Map */
.GoogleMap {
	overflow: hidden;
	position: relative;
	margin:15px 0;
	height: 0;
	padding-bottom: 75%;
}
.GoogleMap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/* 食べログ */
.tabelog iframe {
	max-width:100%;
}

/* WordPress用コード */
.aligncenter {
	display:block;
	margin:0 auto;
}


/**********************************
	サイドバー
**********************************/
#side {
	position:relative;
	float:right;
	width:31.2%;
}
#ie8 #side,
#ie7 #side,
#ie6 #side {
	width:300px;
}
#side section {
	padding-top:30px;
}
#side section h2 {
	margin-bottom:15px;
	color:#555;
	font-size:1.2em;
	font-weight:300;
}
#side section h2 i {
	position:relative;
	top:-1px;
	font-size:92%;
	vertical-align:middle;
}
#side section ul {
	list-style:none;
}

/* フォロー */
#side #follow li {
	float:left;
	width:49%;
	margin-bottom:2%;
}
#side #follow li.twitter,
#side #follow li.rss {
	margin-right:2%;
}
#side #follow li a {
	overflow:hidden;
	position:relative;
	display:block;
	padding:1em 1em 0.9em;
	color:#fff;
	font-weight:bold;
	text-shadow:1px 1px 0 rgba(0,0,0,0.2);
	text-decoration:none;
}
#side #follow li a i {
	width:32px;
	margin-right:10px;
	color:rgba(0,0,0,0.2);
	font-size:2em;
	text-shadow:none;
	vertical-align:middle;
}
#side #follow li a i.fa-facebook {
	width:20px;
}

/* Twitter */
#side #follow li.twitter a {
	background:#55acee;
}

/* Facebook */
#side #follow li.facebook a {
	background:#315096;
}

/* RSS */
#side #follow li.rss a {
	background:#FFB74D;
}

/* Feedly */
#side #follow li.feedly a {
	background:#8BC34A;
}

/* カテゴリー・アーカイブ */
#side #categories-2 ul li a,
#side #archives-2 ul li a {
	position:relative;
	display:block;
	padding:1em;
	color:#666;
	text-decoration:none;
	border-bottom:1px dotted #ccc;
}
#side #categories-2 ul li a:hover,
#side #archives-2 ul li a:hover {
	background:#fff;
}

/* タグクラウド */
#side #tag_cloud-2 a {
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:0 0.25em 0.5em 0;
	padding:0.5em;
	color:#666;
	font-size:92% !important;
	text-decoration:none;
	background:#f2f2f2;
	border-radius:3px;
}
#side #tag_cloud-2 a:hover {
	background:#fff;
}

/* 人気記事 */
#side #wpp-2 {
	-webkit-transition: all 0s ease 0s;
	-moz-transition: all 0s ease 0s;
	transition: all 0s ease 0s;
}
#side #wpp-2 div {
	border-top:1px dotted #ccc;
}
#side #wpp-2 dl {
	padding:1em;
	border-bottom:1px dotted #ccc;
}
#side #wpp-2 dl:hover {
	cursor:pointer;
	background:#fff;
	box-shadow:0 5px 20px rgba(0,0,0,0.2);
}
#side #wpp-2 dt,
#side #wpp-2 dd {
	display:table-cell;
	vertical-align:middle;
}

#ie7 #side #wpp-2 dt,
#ie6 #side #wpp-2 dd {
	display:block;
	float:left;
}

#side #wpp-2 dt {
	width:75px;
	padding-right:1em;
}

#side #wpp-2 dd a {
	display:block;
	color:#555;
	font-size:85%;
	text-decoration:none;
	line-height:1.5;
}

#ie7 #side #wpp-2 dd,
#ie6 #side #wpp-2 dd {
	width:175px;
}


/**********************************
	フッター
**********************************/
footer .inner {
	color:#555;
	width:94%;
	max-width:960px;
	margin:2em auto;
}

/* ページトップ */
footer .pageTop {
	position:fixed;
	bottom:1em;
	right:1em;
}
footer .pageTop a {
	display:block;
	width:60px;
	height:60px;
	line-height:60px;
	color:#6C501B;
	text-align:center;
	background:#FDD835;
	box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.44);
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	-webkit-transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	transition:0.3s ease-in-out;
}
footer .pageTop a:hover {
	background:#ffc045;
	box-shadow:0px 4px 7px 0px rgba(0, 0, 0, 0.44);
}

@media screen and (max-width: 965px) {
	#side #follow li a {
		font-size:75%;
	}
}