@charset "utf-8";

	/*スライドショーのキーフレーム設定
---------------------------------------------------------------------------*/
@keyframes slide1-parts {
	0% {opacity: 1;}
	25%{opacity: 1;}
	35%{opacity: 0;}
	90% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes slide2-parts {
	0% {opacity: 0;}
	25% {opacity: 0;}
	35% {opacity: 1;}
	60% {opacity: 1;}
	70% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes slide3-parts {
	0% {opacity: 0;}
	60% {opacity: 0;}
	70% {opacity: 1;}
	90% {opacity: 1;}
	100% {opacity: 0;}
}


/*スライドショーの設定
---------------------------------------------------------------------------*/
/*スライドショー画像を囲むブロック*/
.mainimg-css-parts {
	position: relative;
}

/*画像１枚あたりの共通設定*/
.slide1-parts,
.slide2-parts,
.slide3-parts {
	width: 100%;height: auto;
	animation-duration: 12s;	/*実行する時間。「s」は秒の事。*/
	animation-iteration-count:infinite;		/*実行する回数。「infinite」は無限に繰り返す意味。*/
	position: absolute;left:0px;top:0px;
	animation-fill-mode: both;
	animation-delay: 1s;	/*1秒してからアニメーションを開始。初動にガタつきが出やすいので、少しでもふせぐ為。*/
}

/*slide1-partsへの追加設定。*/
.slide1-parts {
	position: relative;
	animation-name: slide1-parts;	/*上で設定しているキーフレーム（keyframes）の名前*/
}

/*slide2-partsへの追加設定*/
.slide2-parts {
	animation-name: slide2-parts;	/*上で設定しているキーフレーム（keyframes）の名前*/
}

/*slide3-partsへの追加設定*/
.slide3-parts {
	animation-name: slide3-parts;	/*上で設定しているキーフレーム（keyframes）の名前*/
}
	
	/*list-grid1-parts, list-grid2-parts 共通
---------------------------------------------------------------------------*/
/*list-partsブロック全体を囲むブロック*/
.list-grid1-parts,.list-grid2-parts {
	display: grid;
}

/*ボックス１個あたり*/
.list-grid1-parts .list-parts,.list-grid2-parts .list-parts {
    display: grid;
}

/*list内の全ての要素のmarginとpaddingを一旦リセット*/
.list-grid1-parts .list-parts *,
.list-grid2-parts .list-parts * {
	margin: 0;padding: 0;
}

/*ボックス内のp要素*/
.list-grid1-parts .list-parts p,
.list-grid2-parts .list-parts p {
	font-size: 0.85rem;	/*文字サイズを85%に*/
	line-height: 1.5;	/*行間を少し狭く*/
}


/*list-grid2-parts
---------------------------------------------------------------------------*/

	/*画面幅600px以上の追加指定*/
	@media screen and (min-width:600px) {

	/*listブロック全体を囲むブロック*/
	.list-grid2-parts {
		grid-template-columns: repeat(2, 1fr);	/*2列にする指定。4列にしたければrepeat(4, 1fr)とする。*/
		gap: 1rem;	/*ブロックの間に空けるマージン的な指定*/
	}

	}/*追加指定ここまで*/


/*ボックス１個あたり*/
.list-grid2-parts .list-parts {
	grid-template-columns: 100px 1fr;	/*１つ目（この場合はfigure要素）を100pxに、２つ目（この場合はtextブロック））を残った幅で使う*/
	gap: 1rem;				/*ブロックの間に空けるマージン的な指定*/
	align-items: center;	/*画像とテキストブロックについて、天地の中央で揃えるようにする。この１行を削除すると、上に揃う。*/
	margin-bottom: 1rem;
}

	/*画面幅600px以上の追加指定*/
	@media screen and (min-width:600px) {

	/*ボックス１個あたり*/
	.list-grid2-parts .list-parts {
		margin-bottom: 0;
	}

	}/*追加指定ここまで*/
	

/*h2タグ
---------------------------------------------------------------------------*/
#contents h2 {
	font-size: 1.5rem;		/*文字サイズ。bodyで設定しているfont-sizeに対して1.3倍。*/
	padding: 0.4rem 1rem;	/*h2内の余白。上下、左右への順番。*/
	border-radius: 3px;		/*角を少しだけ丸くする指定。不要ならこの１行を削除します。*/
	background: #F6E9E0;	/*背景色。0,0,0は黒のことで0.1は色が10%出た状態。*/
	font-family: serif;
	color: #90593F;
}

/*左のアクセントラインの設定。不要ならブロックごと削除して下さい。*/
#contents h2::before {
	content: "";
	border-left: 0.3rem solid rgb(44,182,150);		/*テキスト左側のアクセントラインの幅、線種、色*/
	padding-right: 1rem;				/*アクセントラインと、テキストとの間の余白*/
}


/*h3タグ
---------------------------------------------------------------------------*/
#contents h3 {
	font-size: 1.2rem;		/*文字サイズ。bodyで設定しているfont-sizeに対して1.2倍。*/
	padding: 0.4rem 1rem;	/*h2内の余白。上下、左右への順番。*/
	border-bottom: 2px solid #90593f;	/*枠線の幅、線種、色*/
	color: #90593f;
}

/*左のアクセントラインの設定。不要ならブロックごと削除して下さい。*/
#contents h3::before {
	content: "";
	border-left: 0.3rem solid rgb(44,182,150);	/*テキスト左側のアクセントラインの幅、線種、色*/
	padding-right: 1rem;				/*アクセントラインと、テキストとの間の余白*/
}



/*pタグ
---------------------------------------------------------------------------*/
#contents p {
	margin: 1rem;	/*外側に空けるスペース*/
}

.indent {
   text-indent: -1em;
   padding-left: 1em;
}


/*list-grid1-parts, list-grid2-parts 共通
---------------------------------------------------------------------------*/
/*list-partsブロック全体を囲むブロック*/
.list-grid1-parts,.list-grid2-parts {
	display: grid;
}

/*ボックス１個あたり*/
.list-grid1-parts .list-parts,.list-grid2-parts .list-parts {
    display: grid;
}

/*list内の全ての要素のmarginとpaddingを一旦リセット*/
.list-grid1-parts .list-parts *,
.list-grid2-parts .list-parts * {
	margin: 0;
	padding: 0;
	position: relative;
}

/*ボックス内のp要素*/
.list-grid1-parts .list-parts p,
.list-grid2-parts .list-parts p {
	font-size: 0.9rem;	/*文字サイズを85%に*/
	line-height: 1.8;	/*行間を少し狭く*/
}

.price {
    position: absolute !important;
    bottom: 0;
    right: 0;
    margin: 0;
}

/*list-grid1-parts
---------------------------------------------------------------------------*/

	/*画面幅500px以上の追加指定*/
	@media screen and (min-width:500px) {

	/*listブロック全体を囲むブロック*/
	.list-grid1-parts {
		grid-template-columns: repeat(2, 1fr);	/*2列にする指定。4列にしたければrepeat(4, 1fr)とする。*/
		gap: 1rem;	/*ブロックの間に空けるマージン的な指定*/
	}

	}/*追加指定ここまで*/


	/*画面幅800px以上の追加指定*/
	@media screen and (min-width:800px) {

	/*listブロック全体を囲むブロック*/
	.list-grid1-parts {
		grid-template-columns: repeat(3, 1fr);	/*3列にする指定。4列にしたければrepeat(4, 1fr)とする。*/
		gap: 1rem;	/*ブロックの間に空けるマージン的な指定*/
	}


	}/*追加指定ここまで*/


/*ボックス１個あたり*/
.list-grid1-parts .list-parts {
	padding: 1rem;			/*ボックス内の余白*/
	margin-bottom: 1rem;
	background: #fff;		/*背景色*/
    grid-template-rows: auto 1fr;	/*１つ目（この場合はfigure要素のサイズ）は自動に、２つ目（この場合はtextブロック））を残った幅で使う*/
	box-shadow: 5px 5px 25px rgba(0,0,0,0.4);	/*ボックスの影。右へ、下へ、ぼかし幅、0,0,0は黒の事で0.1は色が10%出た状態。*/
}

/*ボックス内のfigure画像*/
.list-grid1-parts .list-parts figure img {
	margin-bottom: 0.5rem;	/*画像の下に空けるスペース*/
}


/*ボタン
---------------------------------------------------------------------------*/
.list-grid1-parts .btn-parts a {
	display: block;text-decoration: none;
	font-size: 1rem;
	text-align: center;		/*テキストをセンタリング*/
	background: #eee;		/*背景色*/
	border: 1px solid #999;	/*枠線の幅、線種、色*/
	padding: 5px 10px;		/*ボタン内の余白*/
	margin-top: 1rem;		/*ボタンの上に空けるスペース*/
}	


/*カラム
---------------------------------------------------------------------------*/
/*-----2カラム-----*/
.col_two_one {
	overflow:hidden;
}
.col_two_one ul {
	overflow:hidden;
	margin:0 -2% -2% 0 !important;
}
.col_two_one li {
	list-style:none;
	float:left;
	width:48%;
	margin:0 1.8% 2% 0;
}
.col_two_one li:nth-child(2n+1) {
	clear:both;
}
.col_two_one li img {
	 /*width:100%;*/
	 /*margin-bottom:0.5%;*/
}
/*-----3カラム-----*/
.col_three_one {
	overflow:hidden;
}
.col_three_one ul {
	overflow:hidden;
	margin:2% -2% 0 0;
}
.col_three_one li {
	list-style:none;
	float:left;
	width:31%;
	margin:0 2% 2% 0;
}
.col_three_one li:nth-child(3n+1) {
	clear:both;
}
.col_three_one li img {
	/* width:100%; */
	margin-bottom:0.3em;
}

@media screen and (max-width:767px) {
.col_two_one ul {
	/* margin-right:16px; */
}
.col_two_one li {
	width:98%;
}
.col_two_one li:nth-child(2n+1) {
	clear:both;
}

.col_three_one ul {
	margin-right:0;
}
.col_three_one li {
	width:98%;
}
.col_three_one li:nth-child(3n+1) {
	clear:both;
}
.col_three_one_hed ul {
	margin: 0 2%;	
}
}

.m0{
margin: 0 !important;
}
/*可変
---------------------------------------------------------------------------*/
.w55 {
    background-color: none;
    margin:  0 auto;  
    padding: 0.8em;
    width:55%;
}
@media only screen and (max-width: 767px) {
	.w55 {
	background-color: none;
	padding: 0.8em;
	width:100%;
	margin-left: -0.7em;}
}

.w65 {
    background-color: none;
    margin:  0 auto;  
    padding: 0.8em;
    width:65%;
}
@media only screen and (max-width: 767px) {
	.w65 {
	background-color: none;
	padding: 0.8em;
	width:98%;
	margin-left: -0.7em;}
}
.w75 {
    background-color: none;
    margin:  0 auto;  
    padding: 0.8em;
    width:75%;
}
@media only screen and (max-width: 767px) {
	.w75 {
	background-color: none;
	padding: 0.8em;
	width:98%;
	margin-left: -0.7em;}
}
.w85 {
    background-color: none;
    margin:  0 auto;  
    padding: 0.8em;
    width:85%;
}
@media only screen and (max-width: 767px) {
	.w85 {
	background-color: none;
	padding: 0.8em;
	width:98%;
	margin-left: -0.7em;}
}


/*チェックマーク
---------------------------------------------------------------------------*/

 .checkmark{
	position: relative;
	padding-left: 34px;
}
 
  .checkmark:before {
	content: "";
	position: absolute;
	left: 14px;
	-webkit-transform: rotate(50deg);
	-ms-transform: rotate(50deg);
	transform: rotate(50deg);
	width: 6px;
	height: 26px;
	border-right: 3px solid #f14578;
	border-bottom: 3px solid #f14578;
	z-index: 2;
}
 
 .checkmark:after {
	content: "";
	position: absolute;
	top: 0em;
	left: 0;
	width: 20px;
	height: 20px;
	border: 2px solid rgba(0,0,0,0.5);
	border-radius: 2px;
}

.checkmark span {
background:linear-gradient(transparent 85%, #ffdde4 0%);
}

@media screen and (max-width:480px){
	.checkmark  li{ height: 3em; line-height: 1.15em; }
	.checkmark li:before { top: 0em; }
	.checkmark  li:after { top: 0em; }
}


/*縦書き用の設定
---------------------------------------------------------------------------*/
/*ボックス全体*/
.title-bg-parts {
	display: flex;				/*flexボックスを使う指定*/
	justify-content: center;	/*並びかたの種類の指定*/
}

/*ボックス内のh2*/
.title-bg-parts h2 {
	display: flex;			/*flexボックスを使う指定*/
	flex-direction: column;	/*縦並びにする指定*/
	align-items: center;	/*垂直揃えの指定。天地中央に配置されるように。*/
	font-size: 2rem !important;		/*文字サイズ。２倍。*/
	background: none !important;
}

/*縦書きにする指定*/
.title-bg-parts h2 .tate-parts {
	writing-mode: vertical-rl;
	text-orientation: upright;
	color: #fff !important;	/*文字色*/
	letter-spacing: 0.2em;	/*文字間隔を少し広くとる指定*/
}

/*横書きで使う際の指定。※縦書きを横書きにする為の指定ではないのでご注意下さい。*/
.title-bg-parts h2 .yoko-parts {
	margin-top: 1rem;		/*上に空けるスペース*/
	font-size: 0.4em;		/*文字サイズ。親要素の40%。*/
	letter-spacing: 0.4em;	/*文字間隔を少し広くとる指定*/
	color: #fff !important;	/*文字色*/
}


/*h2bg
---------------------------------------------------------------------------*/
#h2-bg1-parts {
	background: url(../images/1.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
	padding: 1rem;	/*ボックス内の余白。１文字分。*/
	color: #fff !important;	/*文字色*/
}	


/*プロフィール
---------------------------------------------------------------------------*/
.image_circle { 
  border-radius:50%;
}

.profile {
  font-family: serif;
  font-size: 1.5rem;
  position: relative;
  text-align: center;
  line-height: normal;
}

.profile span {
  font-size: 0.8rem;
  display: block;
}

/*ハンドスキャンヒーリング
---------------------------------------------------------------------------*/
.healing_hands
 {
	background: url(../images/healing_hands.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
	background-color: rgba(255,255,255,0.5);
	background-blend-mode: lighten;
	color: #555;
	text-shadow: #fff 1px 0 10px;
	padding: 10px 0 10px 0;
}

.fukidashi-02-01 {
  position: relative;
  margin: auto;
  width: fit-content;
  padding: 12px 20px;
  color: #ffffff;
  border-radius: 10px;
  background-color: #ffb4ca;
  text-align: center;
  font-size: 1.8em;
  font-family: serif;
  line-height: normal;
}
.fukidashi-02-01::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: -1;
  width: 20px;
  height: 12px;
  transform: translateX(-50%);
  box-sizing: border-box;
  background-color: #ffb4ca;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}


/*フローチャート
---------------------------------------------------------------------------*/

:root {
  --flowchart-size: 30px;/* 番号のサイズ 変更可 */
  --flowchart-border: 5px;/* 縦線太さ 変更可 */
}
.flowchart {
  list-style: none !important;
  counter-reset: flownum;/* リストアイテムの名称(任意) */
  margin: 1em 0;/* フローチャートと前後要素との距離(任意) */
  padding: 0 !important;
}
.flowchart li {
  position: relative;
  padding: 0 0 2em calc(var(--flowchart-size) + 6px);/* 6px がタイトルとの距離であり余白 */
}

/* 番号部位デザイン */
.flowchart li::before {
  content: counter(flownum);
  counter-increment: flownum;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -5px;/* 通常は 0, 横に並ぶタイトルとのバランスを見て調整 */
  left: 0;
  z-index: 2;
  width: var(--flowchart-size);
  height: var(--flowchart-size);
  border-radius: 50%;/* 番号円形, 四角形で良ければこの一行削除 */
  background: rgb(44,182,150);/* 番号背景 */
  color: white;/* 番号文字色 */
}

/* 縦線部位デザイン */
.flowchart li::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(var(--flowchart-size) / 2 - calc(var(--flowchart-border) / 2));
  z-index: 1;
  width: var(--flowchart-border);
  height: 100%;
  background: rgb(200,200,200);/* 線の色 */
}

/* 工程タイトル */
.flowchart-title {
  margin: 0 0 .6em;
  font-weight: bold;
  font-size: 1.04em;
  line-height: 1.4;/* 大きめの文字は 1.2 〜 1.4 程度で調整すると良い */
}

/* 最終工程の縦線が必要な方ここから削除 */
.flowchart li:last-of-type::after {
  content: none;
}
/* 最終工程の縦線が必要な方ここまで削除 */

/* p要素を利用した場合の調整 */
.flowchart li p {
  margin: 1em 0 !important;
}
.flowchart li p:last-of-type {
  margin-bottom: 0 !important;
}

/*ふわふわした囲み枠
---------------------------------------------------------------------------*/
.box3-2 {
	margin: 2em auto;
	padding:2em;/*内側余白*/
	background-color:#fff;/*背景色*/
	box-shadow: 0 0 6px 1px #faccbc, 0 0 6px 1px #faccbc inset;/*ふわりとした影*/
	border-radius: 30px;
}

/*ボックス
---------------------------------------------------------------------------*/
.box26 {
    position: relative;
    margin: 2em 0 0 0;
    padding: 0.5em 1em;
    min-height: 10rem;
    border: solid 3px #c8c8c8;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 20px;
    background: #FFF;
    color: #999;
    font-weight: bold;
    font-family: serif;
}
.box26 p {
    margin: 0.5rem !important; 
    padding: 0;
    line-height: normal;
}


.box1 {
    padding: 0.5em 1em;
    margin: 5rem auto;
    font-weight: bold;
    /* background: #2ca2b6; */
    border: solid 3px #2ca2b6;
}
.box1 p {
    margin: 0 !important;
    padding: 0;
    color: #2ca2b6;
    text-align: center;
}


.box30 {
    margin: 2em 0;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box30 .box-title {
    font-size: 1.2em;
    background: #5fc2f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box30 p {
    padding: 15px 20px;
    margin: 0;
}

/*ボタン
---------------------------------------------------------------------------*/
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

.btn,
a.btn,
button.btn {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
  display: table;
  margin: auto;
}

.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #2cb696;

}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #099071;
}


/*技術伝授背景
---------------------------------------------------------------------------*/
.kitsune {
	background: url(../images/d_kitsune.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
	background-color: rgba(255,255,255,0.7);
	background-blend-mode: lighten;
}

.tanuki {
	background: url(../images/d_tanuki.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
	background-color: rgba(255,255,255,0.7);
	background-blend-mode: lighten;
}

.hebi {
	background: url(../images/d_hebi.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
	background-color: rgba(255,255,255,0.7);
	background-blend-mode: lighten;
}

.neko {
	background: url(../images/d_neko.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
	background-color: rgba(255,255,255,0.7);
	background-blend-mode: lighten;
}

.inu {
	background: url(../images/d_inu.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
	background-color: rgba(255,255,255,0.7);
	background-blend-mode: lighten;
}

.ryu {
	background: url(../images/d_ryu.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
	background-color: rgba(255,255,255,0.7);
	background-blend-mode: lighten;
}

.amanogawa {
	background: url(../images/d_amanogawa.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/


}
.amanogawa p {
    font-size: 1.5rem;
    font-weight: bold;
    font-family: serif;
    padding: 4rem 1rem;
    color: #fff;
    text-align: center;
    text-shadow: #000 1px 0 10px;
}


.sarasara {
	background: url(../images/d_sarasara.png) no-repeat center center / cover;	/*背景画像の読み込み*/
	background-color: rgba(255,255,255,0.4);
	background-blend-mode: lighten;
}

.sarasara p {
    font-size: 1.5rem;
    font-weight: bold;
    font-family: serif;
    padding: 4rem 1rem;
    color: #000;
    text-align: center;
    text-shadow: #fff 1px 0 10px;
}


.positive {
	background: url(../images/d_positive.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
	background-color: rgba(255,255,255,0.4);
	background-blend-mode: lighten;
}

.positive p {
    font-size: 1.15rem;
    font-weight: bold;
    font-family: serif;
    /* padding: 4rem 1rem; */
    color: #000;
   text-indent: -1em;
   padding-left: 1em;
    text-shadow: #fff 1px 0 10px;
}

/*================================================
 *  BLOG
 ================================================*/
/*ページャ
---------------------------------------------------------------------------*/
.floL {float:left;!important;}
.floR {float:right;!important;}

/*トピックパス（パンくずリスト）
---------------------------------------------------------------------------*/
#topicpath {
	font-size:12px;
	margin-bottom:20px;
	padding:2px;
	background:#f1f1f1;
}

/*カラム
---------------------------------------------------------------------------*/
#main {
	box-sizing:border-box;
	overflow:hidden;
	float:left;
	width:68%;
}

#sub {
	box-sizing:border-box;
	overflow:hidden;
	float:right;
	width:28%;
}
@media screen and (max-width:767px) {
	.lock {
		overflow:hidden;
	}
	#main {
		float:none;
		width:100%;
	}

	#sub {
		float:none;
		width:100%;
	}
}

/*wp設定
---------------------------------------------------------------------------*/
h1.entry-title{
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0;
	color:#333;
	text-align:left;
	margin-bottom:20px;
}

.entry-content{
	font-size:12px;	
}
article.post{
	border-bottom:1px solid #ccc;
	margin-bottom:15px;
	padding-bottom:10px;
}
.postThumbNail{
	width:100px;
	/* height: 70px; */
	overflow:hidden;
	float:left;
	margin-right:15px;
}
article.post a img:hover{
	opacity:0.6;
}

.singleContent .entry-content{
	margin:15px 0;
	font-size:14px;
}
.singleContent .entry-content p{
	margin:10px 0;	
}


#contents article.singleContent{
	padding:0 0 35px;	
	
}
.singleContent h1{
	font-size:16px;	
}

/*　一覧部分のリスト　*/
.blogList {
	margin-left: 0 !important;
}

.blogList li{
	border-bottom:1px solid #ccc;
	padding:70px 0;
	list-style: none;
}
.blogList li p{
	font-size:90%;
	line-height: 1.5;
	margin: 0 !important;
}

/* ページャー */
.pager{
	margin: 10px 0;
	text-align:right;
	clear:both;
}

a.page-numbers,
.pager .current{
	background-color: #edede3;
	border: solid 1px #BAAD89;
	border-radius:5px;
	padding:3px 8px;
	margin:0 1px;
	color:#666;
	
}
	

.pager .current{
	background-color: #BAAD89;
	border: solid 1px #BAAD89;
	color: #ffffff;}

.pager a:hover{
	color: #ffffff;
	border: solid 1px #BAAD89;
	background-color: #BAAD89;
}


/*　WPデフォルト　*/

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}

.sidebarBox{
	margin:15px 0;	
}

.floL {float:left;!important;}
.floR {float:right;!important;}


/*　非表示用 */
.categories-links,
.author,
.screen-reader-text

{
	display:none;	
}