@charset "utf-8";

/*--------------------------------------------------------------*/
/* CSS and Graphics are released under Creative Commons Licence */
/* https://www.webplus.jp/                                       */
/* Copyright (C) 2016 Kiyonobu Horita @ WEBPLUS Inc.            */
/*--------------------------------------------------------------*/


/* -----------------------------------------------------------

　post

-------------------------------------------------------------- */
.post .container {
	clear:both;
}

/* -----------------------------------------------------------
　loop
-------------------------------------------------------------- */
.post .loop {
	padding:20px 15px 45px;
}

/*　奇数行だけ変色
/*-------------------------------------------*/
.post .loop:nth-child(odd) {
	background:#FFF6E8;
}

/* お知らせ */
.post.notice .loop:nth-child(odd) {
	background:#E7F7FF;
}

/* シロクマ便り */
.post.letter .loop:nth-child(odd) {
	background:#F8FFE7;
}

/* おすすめカレー */
.post.blog .loop:nth-child(odd) {
	background:#FFF1DD;
}

/* ブログ */
.post.blog .loop:nth-child(odd) {
	background:#FFF4F9;
}

/* その他 */
.post.other .loop:nth-child(odd) {
	background:#F4F4F4;
}

.post .loop .postThumb {
	float:left;
	width:11.66666%;
}

.post .loop a .postThumb img {
	width:120px;
	height:120px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
}

.post .loop a:hover .postThumb img {
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-o-border-radius:0;
	-ms-border-radius:0;
	transform:rotate(-15deg);
	-webkit-transform:rotate(-15deg);
	-moz-transform:rotate(-15deg);
	-ms-transform:rotate(-15deg);
	-o-transform:rotate(-15deg);
	transform-origin:50% 50%;
}

.post .loop .postTitle {
	margin-left:11.66666%;
	height:36px;
	border-bottom:1px #C11920 solid;
	line-height:36px;
	font-weight:400;
}

.post .loop a .postTitle::after {
	visibility:hidden;
	color:#FFF;
	content:"\f061";
	font-family: "FontAwesome";
	transition:0.3s ease-out;
	-moz-transition:0.3s ease-out;
	-webkit-transition:0.3s ease-out;
	-o-transition:0.3s ease-out;
	-ms-transition:0.3s ease-out;
}

.post .loop:nth-child(odd) a .postTitle::after {
	color:#FFF6E8;
}

/*　奇数行だけ変色のための補正
/*-------------------------------------------*/

/* お知らせ */
.post.notice .loop:nth-child(odd) a .postTitle::after {
	background:#E7F7FF;
}

/* シロクマ便り */
.post.letter .loop:nth-child(odd) a .postTitle::after {
	background:#F8FFE7;
}

/* おすすめカレー */
.post.blog .loop:nth-child(odd) a .postTitle::after {
	background:#FFF1DD;
}

/* ブログ */
.post.blog .loop:nth-child(odd) a .postTitle::after {
	background:#FFF4F9;
}

/* その他 */
.post.other .loop:nth-child(odd) a .postTitle::after {
	background:#F4F4F4;
}

.post .loop a:hover .postTitle::after {
	visibility:visible;
	padding-left:10px;
	color:#F30;
}

.post .loop .postMeta {
	margin:0 0 12px 11.66666%;
	font-size:0.85714em;
}

.post .loop .postExcerpt a {
	margin-left:15px;
}

.post .loop .postExcerpt a::before {
	padding-right:5px;
	content:"\f0a4";
	font-size:1.16666em;
	font-family: "FontAwesome";
}

.post .loop .postExcerpt a::after {
	color:#FFF;
	content:"\f061";
	font-size:1.16666em;
	font-family: "FontAwesome";
	transition:0.3s ease-out;
	-moz-transition:0.3s ease-out;
	-webkit-transition:0.3s ease-out;
	-o-transition:0.3s ease-out;
	-ms-transition:0.3s ease-out;
}

.post .loop:nth-child(odd) .postExcerpt a::after {
	color:#FFF6E8;
}

/*　奇数行だけ変色のための補正
/*-------------------------------------------*/

/* お知らせ */
.post.notice .loop:nth-child(odd) .postExcerpt a::after {
	color:#E7F7FF;
}

/* シロクマ便り */
.post.letter .loop:nth-child(odd) .postExcerpt a::after {
	color:#F8FFE7;
}

/* おすすめカレー */
.post.blog .loop:nth-child(odd) .postExcerpt a::after {
	color:#FFF1DD;
}

/* ブログ */
.post.blog .loop:nth-child(odd) .postExcerpt a::after {
	color:#FFF4F9;
}

/* その他 */
.post.other .loop:nth-child(odd) .postExcerpt a::after {
	color:#F4F4F4;
}

.post .loop .postExcerpt a:hover::after {
	padding-left:5px;
	color:#EB6100;
	content:"\f061";
	font-family: "FontAwesome";
}

/* -----------------------------------------------------------
　postNav
-------------------------------------------------------------- */
.postNav {
	font-family: "メイリオ", "Meiryo", "Meiryo UI", "ＭＳ Ｐゴシック", "Osaka", "平成角ゴシック", "ヒラギノ角ゴ Pro W3", "Arial", "Helvetica", "sans-serif";
}

.postNav .wp-pagenavi .current {
	background:#FADEB3;
	border:1px #F90 solid;
	color:#F30;
}

.postNav .wp-pagenavi a:hover {
	border:1px #F90 solid;
}

/* -----------------------------------------------------------
　detail
-------------------------------------------------------------- */

/*　最上部タイトル部（h2）
/*-------------------------------------------*/
.post .detail .postTitle {
	position:relative;
	margin-top:20px;
}

.post .detail .postTitle .chara {
	position:absolute;
	top:-23px;
	left:0;
}

.post .detail .postTitle h2 {
	margin-bottom:40px;
	height:40px;
	padding:0 0 0 65px;
	border-bottom:1px #C11920 solid;
	font-weight:500;
	line-height:40px;
}

/*　メタ部
/*-------------------------------------------*/
.post .detail .postMeta {
	margin:-40px 0 24px;
	color:#666;
	font-size:0.85714em;
	text-align:right;
}

.post .detail .postMeta a {
	color:#000;
}

.post .detail .postMeta a:hover {
	color:#F30;
	text-decoration:none;
}

/*　コンテンツ部
/*-------------------------------------------*/
.postContent {
	padding:20px 0;
}

/* 本文中の見出しタイトル */
.postContent h2, .postContent h3, .postContent h4, .postContent h5 {
	margin:40px 0 10px;
	font-weight:500;
}

.postContent + h2, .postContent + h3, .postContent + h4, .postContent + h5 {
	margin:0 0 10px;
	font-weight:500;
}

.postContent h2::after {
	padding-left:5px;
	height:31px;
	content:url(../images/post/h2_chara_min.png);
}

.postContent h3::before {
	padding-right:5px;
	color:#EF9000;
	content:"\f111";
	font-family: "FontAwesome";
}

.postContent h4::before {
	padding-right:5px;
	color:#EF9000;
	content:"\f10c";
	font-family: "FontAwesome";
}

.postContent h5::before {
	padding-right:5px;
	color:#EF9000;
	content:"\f192";
	font-family: "FontAwesome";
}

/* order list */
.postContent ul {
	margin:20px 0 20px 36px;
}

.postContent ol {
	margin:20px 0 20px 36px;
}

/* table */
.postContent table {
	margin:20px 0;
	border:3px #666 solid;
}

.postContent th {
	padding:5px 10px;
	background:#F5F5F5;
	border:1px #666 solid;
	text-align:center;
}

.postContent td {
	padding:5px 10px;
	border:1px #666 solid;
}

/* image */
.postContent .alignnone {
	margin:20px 0;
}

.postContent .alignleft {
	float:left;
	margin:0 20px 0 0;
}

.postContent .aligncenter {
	display:block;
	margin:0 auto;
}

.postContent .alignright {
	float:right;
	margin:0 0 0 20px;
}

.postContent .pict {
	position:relative;
}

.postContent .pict p .topp01 {
	position:absolute;
	top:30px;
	left:20px;
}

.postContent .pict p .topp02 {
	position:absolute;
	right:30px;
	bottom:40px;
}

.postContent .pict p:nth-child(3) {
	position:absolute;
	top:300px;
	left:20px;
}

/* postNav */
.postNav {
	clear:both;
	height:50px;
	margin-top:50px;
	text-align:center;
}

.postNav .wp-pagenavi {
	margin:0 auto;
}

/*　直前のページへ戻る
/*-------------------------------------------*/
.post .postBack {
	clear:both;
	margin-top:50px;
	border-top:1px #C11920 solid;
}

.post .postBack::before {
	padding-right:5px;
	color:#C11920;
	font-size:0.85714em;
	content:"\f04a";
	font-family: "FontAwesome";
	transition:0.3s ease-out;
	-moz-transition:0.3s ease-out;
	-webkit-transition:0.3s ease-out;
	-o-transition:0.3s ease-out;
	-ms-transition:0.3s ease-out;
}

.post .postBack:hover::before {
	color:#F30;
}

.post .postBack a {
	color:#C11920;
	font-size:0.85714em;
}

.post .postBack a:hover {
	color:#F30;
}

/*　コメント欄
/*-------------------------------------------*/
#comments {
	display:none;
}

/*　おすすめカレー
/*-------------------------------------------*/
.recommend .postContent h3 {
	font-size:2.0em;
}

.recommend .postContent .pict {
	margin-top:-26px;
}

.recommend .postContent .note {
	margin:20px 0;
	font-size:1.4em;
	font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
}





/*--------------------　▲　end of file　▲　*/