@charset "UTF-8";

/*子テーマ用「base.css」 親テーマから変更する場合はこちらに上書き*/
/*画像を変更する場合はこちらの/images/配下に格納*/
/*レスポンシブル向けの設定は「rwd.css」に追記*/

/*全般=================================*/
html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 62.5%; /* 1rem = 10px */
}
body {
	position: relative;
/*	background: url(./images/common/bg.jpg)  ;	/*背景画像*/
/*	background-size: contain;	/*画像の配置方法*/
	background:#f8f8f8;	/*	背景色*/
	word-wrap: break-word;
	color:#272e4a;	/*基本の文字色*/
}
body > * {
	font-family:"メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}
a {
    color: #99554d;
}
.section-wrap {
    padding: 30px;
} 
/*=======================================*/
/*ヘッダー===================================*/
.site-header{
	background-color:#f8f8f8;	/*ヘッダー：背景色*/
}
.site-header:after {	/*ヘッダー下線*/
/*
content:"";
display:block;
height:0;
width:100%;*/
/*	box-shadow: 0 0 10px 5px rgba(51,51,51,0.1) ;*/
/*	background:-webkit-gradient(linear, left top, right bottom, from(#b7aa00), to(#ac6a00));
	background:-moz-linear-gradient(left, #b7aa00, #ac6a00);
	background:linear-gradient(left, #b7aa00, #ac6a00);
	box-shadow: 0 3px 10px 5px rgba(0,0,0,0.2) ;
*/
}
.site-header-in{
	width:100%;
	padding-bottom:7px;	/*トップ画像とヘッダー下ラインの間*/
}
/*ヘッダー（ロゴ画像）*/
.site-header-conts{ 
	max-width: 1200px;
	margin: 0 auto;
	padding:0;
	position: relative;
}
/*---------------------------------------------------------------------*/
/*----------------------------------------------------------------------
ヘッダー（ロゴ画像）：レスポンシブでロゴ画像を切り替えるためにcssにて設定
	賢威の設定→ロゴ画像には透明画像を設定（設定しないとタイトルのテキストが表示される）
------------------------------------------------------------------------*/
.site-header-conts{ 
	/*padding-bottom: 17.5%;	/*背景画像のみの場合設定：幅÷高さ（％）ロゴ画像で配置しているのと同じ比率の場合は設定不要*/
	background: url(./images/common/main-image.png)  no-repeat center center ;	/*ヘッダ：背景画像*/
	background-size:contain;
	}
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/*※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※
ヘッダー：IEでロゴ画像が切れる、Safariで1200px以上でも画像が100%で表示される
・・の回避
※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※*/
.site-title {
	display:block;
	margin:0 auto;
	max-width:1200px !important;
	box-shadow: 0 0 10px 5px rgba(51,51,51,0.1) ;
}
.site-title img {
	width:100%;
	height:auto;
}
/*※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※*/
/*※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※*/

/*=======================================*/
/*お問い合わせ（header.phpに追加する場合）=============*/
.contact{
	margin: 0;
	padding:3px 5px;
	position:absolute;
	top:0;
	right:5px;
 /*	background-color: rgba(255,255,255,0.3);	/*背景色*/
	color: #000;
	font-size:12px;
	font-size:1.2rem;
	border-radius:0 0 3px 3px;
}
.contact a{
	display:block;
	color: #fff;
	text-decoration:none;
	letter-spacing:-1px;
	/*font-weight:bold;*/
	}
.contact:hover{	
	background: #f8f8f8;
}
.contact a:hover{
	color: #a33;
	text-decoration:underline;
	}
/*=======================================*/
/*お問い合わせ（サイドバーに追加）=============*/
/*.section-titleを流用、アイコン差し替え*/
aside h3.contact-side{
	margin: 0 -20px 30px !important;
    	margin-bottom: 30px;
	padding: 10px 0 10px 32px !important;
	border-bottom: 1px solid #d5ae60;
	color: #c4a76b;
	font-weight: normal;
	font-size: 1.125em;
	background: url(./images/common/icon-mail.png) 0 50% no-repeat !important;
}
aside h3.contact-side a{
	color: #99554d;
}

/*=======================================*/
/*位置調整、アイコン、背景画像差し替えなど=================*/

/*ヘッダー下詰める（パンくずリストも非表示）-------------------------*/
/*トップページ*/
.home .main-body {
    margin-top: 0.4em;
    z-index:99;
}
/*トップページ以外*/
.no-gn .main-body {
    margin-top: 1.4em;
}
/*パンくずリスト*/
.breadcrumbs-in {
    margin-left:15px;
    margin-bottom:0.35em;
    font-size:0.85em;
    /*visibility:hidden;	パンくずリスト非表示＆スペースは残す場合*/
}
/*パンくずリスト・非表示*/
nav.breadcrumbs{
	display:none;
	}
/*---------------------------------------------------*/
/*---SNSボタン---*/
.float-area{
	margin-top: -1.3em;
	margin-bottom:0;
    margin-left:15px;
}
.sns-list ul{
	margin:0 0 0 15px;
	}
.sb-hatebu, .sb-gplus{
	display:none !important;
	}
.single .sns-list ul{
	margin-left:0;
	}
.sns-list ul li {
    margin-left: 0.1em;
}
.single .sns-list ul li {
    margin-left: 0.1em;
    margin-right: 0.25em;
    float:right;
}
.single .sns-list ul:after{
	content:"";
	display:block;
	clear: both;
}
/*---------------------------------------------------*/
/*タイトル--------------------------------------------*/
/*固定ページタイトル*/
.page .main-body h1.section-title {
    padding: 40px 20px;
    /*border-top: 3px solid #f0f0f0;*/
    /*border-bottom: 2px solid #f0f0f0;*/
    /*background: url(./images/common/bg-h1.png) right 0 no-repeat #fff;	/*背景画像*/
}
/*記事タイトル：一覧*/
.home .main-body h2, 
.archive h2.section-title, 
.search h2.section-title, 
.archive .main-body h2, 
.search .main-body h2, 
.single .main-body h1, 
.page .main-body h2 {
    margin: 0 0 0.75em;
    padding: 10px 0 10px 5px;
    /*border-bottom: 2px solid #ddd;*/
    /*background: url(./images/common/bg-h2.png) right bottom no-repeat #fff;	/*背景画像*/
   /*color: #666;*/
    line-height: 1.5;
    font-size: 1.75em;
}
/*記事タイトル：記事ページ（一覧から変更する場合）*/
 .single .main-body h1 
{
    padding: 10px 0 10px 5px;	/*余白を一覧とそろえる*/
    /*background: url(./images/common/bg-h1.png) right 0 no-repeat #fff;	/*背景画像*/
}
/*記事タイトル：装飾*/ 
 .home .main-body h2, .archive .main-body h2, .search .main-body h2, .single .main-body h1, .page .main-body h2 {
    background: url(./images/common/main_h2.png) 0 bottom repeat-x;
    color: #272e4a;
}

/*------------------------------------------------------*/
 /*本文：記事、一覧表示、固定ページ---------------------*/
 
 /*記事部分を目に優しい薄いグレーにして、文字はブルーブラック*/
/*左側に画像・・・親テーマの設定のままでOK*/
 .main-conts .section-wrap {
    margin-left: 15px;
    border: none;
    box-shadow: 2px 2px 6px 3px rgba(102,102,102,0.1);
    background: #E9ECEC;
    color: #272e4a;
    border:solid 1px #E5E4E6;
    border-top:solid 1px #e5e4e6;
    border-left:solid 1px #e5e4e6;
}
/*------------------------------------------------------*/
/*その他文字装飾など------------------------------------*/
/*引用*/
blockquote {
	border:#fff solid 1px;
    background: #f7f7f1;
}
/*リンク--------------------------------*/
.main-conts .section-wrap h2 a {
   color: #99554d;
}
.main-conts a {
   color: #99554d;
}
 /*カテゴリー名非表示*/
 .post-cat{
 	display:none;
 }
 .cat{
 	visibility:hidden;
 	}
 
 /*------------------------------------------------------*/
/*サイドメニュー-------------------*/
/*文字に影をつける*/
aside.sub-conts *{
	text-shadow: 1px 1px 5px #e9e9e9;
}
aside.sub-conts input, aside.sub-conts select, aside.sub-conts select *{
	text-shadow: none;
}
.col2 .sub-conts {
	margin-right:2%;
 }
/*ウィジェット：タイトル*/
aside h3.section-title{
	margin-bottom:15px !important;
}
/*ウィジェット：タイトル：アイコン画像上書き*/
.sub-conts .section-wrap .section-in .section-title, .sub-conts .section-wrap .article-header .section-title
 {
    background: url(./images/common/section-title.png) 0 50% no-repeat;
    /*color: #726D40;
    border-bottom: 1px solid #726D40;*/
}
/*リスト見出し：アイコン画像上書き*/
.sub-conts .widget_recent_entries li, 
.sub-conts .widget_archive li, 
.sub-conts .widget_recent_comments li, 
.sub-conts .widget_nav_menu li
{
	background: url(./images/icon/icon-list-arw.png) left 6px no-repeat;
}
 /*h4（筆者氏名で使用）*/
aside .section-in h4 {
    margin: 20px 0 15px;
    /*border-bottom: 1px dotted #ccc;*/
    color: #272e4a;
    font-weight: bold;
    font-size: 1.25em;
}
/*筆者：画像配置 ウィジェットに追記*/
aside img.img-prof{
	display:block;
	margin:0 auto 10px;
	padding:0 10px 0 0;
	max-width:200px;
}
/*ランキング：アイコンなし（記事一覧と同じ）*/
.sub-conts .ranking-list03 > li .rank-title {
	margin-bottom:12px;
	padding: 5px 0 3px 40px;
	font-size: 1.05em;
}
.sub-conts .ranking-list07 > li .rank-title {
	margin-bottom:12px;
	padding: 5px 0 3px;
	font-size: 1.05em;
}
.main-body .ranking-list {
	margin-left: 0;
	padding-left: 0;
}
.main-body .ranking-list li {
	list-style: none;
	margin-bottom: 1em;
	padding-left: 13px;
}
.main-body .ranking-list07 li {
	background: url(./images/icon/icon-list-rank.png) left 6px no-repeat;
}
/*ランキング：本文*/
.ranking-list .rank-thumb {
   /*display: none;*/
}
.ranking-list .rank-desc {
   /*display: none;*/
   font-size:14px;
}
/*検索*/
.search-box {
    white-space: nowrap;
}
/*アーカイブタイトル*/
.main-body .archive-title {
    color: #272e4a;
}
 /*------------------------------------------------------*/
 /*------------------------------------------------------*/
/*プロフィール（固定ページ）*/
.page .main-body h1.section-title {
    padding: 10px 20px;
    border-top: 1px solid #d9cdb5;
    border-bottom: 1px solid #d9cdb5;
    background: #fff;
}
.page .section-wrap .section-title{
	margin: 0 0 20px;
}
.page .main-body h3{
	margin: 30px 0;
}
img.col_prof{width:35% !important;}
p.col_prof{width:60% !important;}

 /*------------------------------------------------------*/
 /*------------------------------------------------------*/
/*エラー：body class="error404"（お探しのページは見つかりませんでした。）*/
.error404 .float-area {
	margin-top:2em;
    margin-left:15px;
    padding-left:15px;
}
.error404 .main-body .news-title{
	background:none;
	padding-left:0;
}
/*次、以前の記事----------------*/
.page-nav-bf{
	margin-left:15px;
}

/*フッター=================*/
.site-footer {
   font-size:14px;
   font-size:1.4rem;
}
.site-footer {
    /*background: url(./images/common/bg_site-header.png) #fff;
    color: #333;*/
}
.site-footer .copyright{
	background: url(./images/common/bg-darkbrown.jpg) #e4d893;
	color: #ffd;
}