@charset "UTF-8";

/* ▼▼▼▼▼RESET▼▼▼▼▼ */
/* ▼レイアウト（基盤）▼ */
html,body,h1,h2,h3,h4,h5,h6,p,div,span,a,small,sub,sup,em,strong,dfn,del,ins,address,blockquote,q,cite,code,var,samp,kbd,abbr,img,object,iframe,pre,dl,dt,dd,ol,ul,li,figure,form,input,button,select,textarea,legend,fieldset,article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary
{position: relative;}
html,body,h1,h2,h3,h4,h5,h6,p,div,span,a,small,sub,sup,em,strong,dfn,del,ins,address,blockquote,q,cite,code,var,samp,kbd,abbr,img,object,iframe,pre,dl,dt,dd,ol,ul,li,figure,table,tr,th,td,thead,tbody,tfoot,caption,form,input,button,select,textarea,legend,fieldset,label,article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary,hr{
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	background: transparent;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
    color:#47210A;
}
body,article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary
{display: block;}
html{font-family: 'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
table {border-collapse: collapse;}
caption,th,td {
	text-align: center;
	vertical-align: middle;}
caption{line-height:3em;}
fieldset,legend {border: 0;}
input[type="checkbox"],input[type="radio"] {
	box-sizing: border-box;
	padding: 0;}
input,button {line-height: normal;}
input,button,select,textarea {font-family: inherit;}
input[type="text"],input[type="radio"],input[type="checkbox"] {vertical-align: middle;}
input[type="button"],input[type="reset"],input[type="submit"],button{cursor: pointer;}
textarea {overflow: auto;}
/* ▲レイアウト（基盤）▲ */
/* ▼デザイン（装飾）▼ */
p {
	margin: 10px;
	padding:10px;
	line-height:1.5em;}
    

a {
	text-decoration:underline;
	color: #BC7809;
}
  
a,input[type="submit"]{
	cursor: pointer;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;}
a:hover {opacity: 0.7;}
a img {border-width: 0;}
img {
	border: none;
	vertical-align: middle;}
b,strong {font-weight: bold;}
li {list-style: none;}
hr {
	width:100%;
	height: auto;
	border:none;}
h1 {
    color:#47210A;
    font-size:130%;
}

h2 {
    color:#47210A;
    font-size:120%;
	border-bottom: 3px dotted #47210A;
    clear: both;
	padding: 10px;
}

/*form*/
input[type="text"] {
	padding: 5px;
	background: #fff;
	border-radius: 5px;
	line-height: 1.5em;}
input[type="submit"] {
	padding: 0 4px;
	background: orange;
	border: 1px solid orange;
	border-radius: 5px;
	box-shadow: 0 2px 1px 0 indianred;
	line-height: 2.5em;
	color: #fff;}
input[type="submit"]:hover{
	margin-top:2px;
	box-shadow: 0 0 1px 0 #111;}
select{
	height:3em;
	padding:5px;
	background: #fff;
	border-radius: 5px;
	border: 2px solid;
	border-color:#aaa #eee #eee #aaa;}
/* ▲デザイン（装飾）▲ */
/* ▼clearfix▼ */
.clear {clear: both;}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;}
/* ▲clearfix▲ */
/* ▼他▼ */
/* 非表示 */
.disnon {display: none;}
/* align */
.alignC {text-align: center;}
.alignR {text-align: right;}
.alignL {text-align: left;}
/* float */
.floatL {float: left;}
.floatR {float: right;}
/* ▲他▲ */
/* ▼WordPress▼ */
/* align */
.alignright {float: right;}
.alignleft {float: left;}
img.alignleft {
	float:left;
	margin:0 2% 2% 0;
    vertical-align: top;}
img.alignright {
	float:right;
    margin:0 0 2% 2%;
    vertical-align: top;}
img.aligncenter {
	display:block;
	clear:both;
    margin:2% auto;}
/* ▲WordPress▲ */
/* ▲▲▲▲▲RESET▲▲▲▲▲ */

/* ▼▼▼▼▼COMMON▼▼▼▼▼ */
/* ▼▼▼▼wrapper▼▼▼▼ */
body,html {
	position: static;
	width:100%;
	background: #fff;
	background: url(images/back.png);
	color: #333;}




/* 

header,
footer,
.key img,
#★ContFirst,
#★ContSecond,
#★SideFirst
{box-shadow:0 0 5px #aaa;}

*/

p
#★ContFirst
{color:tomato;}


/* ▲▲▲▲wrapper▲▲▲▲ */
/* ▼▼▼▼header▼▼▼▼ */
header {
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100%;}

.logo {
	display: block;
	text-align: center;
	padding: 5px;
	background: url(images/header_bg.gif) repeat-x;
}

.headNav {
	overflow: hidden;
	height: 40px;
	background: #BC7809;}
.headNav>ul{
	display: table;
	margin: 0 auto;}
.headNav li {
	display: table-cell;
	box-shadow: 0 0 5px 0 #666;}
.headNav a {
	display: block;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	word-break: break-all;

	padding: 8px 10px 10px;
	line-height: 2em;}
.headNav li.current-menu-item a {
	background: cyan;
	color: #fff;}
.headNav li.current-menu-item ul a {background: rgba(0, 255, 255, 0.8);}
/* ▲▲▲▲header▲▲▲▲ */

/* ▼▼▼▼container▼▼▼▼ */
/* ▼▼▼key▼▼▼ */
.key{
	text-align: center;
	margin-bottom:40px;}
.key img {
	width: 100%;
	max-width: 960px;}
/* ▲▲▲key▲▲▲ */
/* ▼▼▼main▼▼▼ */
#★ContSecond{background: none;}

/*サイトサムネ*/
.thum_box img{
	margin: 10px auto;
	display: block;}

/*記事サムネ*/
.fl_container{
	display: table;
	padding: 0 20px 10px;}
.fl_box{
	display: table-cell;
	width: 48%;
	width: 100%;
	margin: 10px 0;
	word-break:break-all;
    background:url(images/box_bg.png) repeat ;
    padding:10px;
}
.fl_box:nth-child(odd) {
	float: left;
	clear: left;}
.fl_box:nth-child(even) {
	float: right;
	clear: right;}

.mainTitleL {
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0px 10px 0 10px;
	font-size: 100%;
	font-weight: bold;
	color:#47210A;
	border-bottom:solid 5px #47210A;
	background: url(images/icon03.gif) no-repeat 2px;
    }
    
.mainTitleL .small {
	display: block;
	font-size:80%;
    
    
    }
.mainTitleL .big{
    display: block;
    padding: 10px 35px;

/*   
	background: url(http://kpk.heteml.jp/wptest/wp-content/themes/basic/images/icon.png) no-repeat left,url(http://kpk.heteml.jp/wptest/wp-content/themes/basic/images/icon.png) no-repeat right;

*/

	font-size: 160%;
    }

.mainTitleM{
	max-height: 65px;
	overflow: hidden;
	padding: 10px;
	border-bottom: 5px double #47210A;
	line-height: 1.5em;
	font-size: 120%;}
.mainTitleM a{
	text-decoration: none;
	font-size: 80%;}

.miniBox{
	display: table;
	line-height: 1.5em;
    }
.miniBox img,.miniBox p{
	display: table-cell;
	vertical-align: middle;
	width: auto;}
.miniBox img {margin: 10px 0 10px 10px;}
.miniBox p{
	margin: 0;
	padding: 10px;}
a.more {
	display: block;
	color: inherit;}
a.more:hover{
	filter:brightness(150%);
	box-shadow:0 0 10px 10px #fff;}

/*カテゴリ記事*/
.categoryNav{
	margin:10px;
	padding: 10px;

    
    }
.categoryNav a{
	display: inline-block;
	margin: 5px 0;
}

/*ページャー（Next&Prev）*/
.pageNav{
	overflow: hidden;
	height: 50px;
	margin: 0 0 20px;
	color:#47210A;
	border: 5px solid #47210A;
    padding:10px;   
    }
    
.pageNav a{
	position: absolute;
	background: inherit;
	line-height: 20px;
    color:#47210A;
    }
a[rel="prev"]{
	left:0;
	text-align: left;
	padding-left:20px;}
a[rel="next"]{
	right:0;
	text-align: right;
	padding-right:20px;}
.pageNav a:hover{opacity: 1;}
.pageNav a[rel="prev"]:hover{padding-left:10px;}
.pageNav a[rel="next"]:hover{padding-right:10px;}
/* ▲▲▲main▲▲▲ */
/* ▼▼▼side▼▼▼ */
#★SideFirst {background: none;}
#★SideFirst>ul>li {
	margin: 10px;
	padding: 10px;}
#★SideFirst ul a {
	display: inline-block;
	word-break: break-all;
	line-height: 1.5em;}
 .widgettitle  {
	margin:0 0 5px;
	padding:10px;
	border-bottom: 5px solid #47210A;
	font-size: 120%;
	font-weight: bold;
    color: #47210A;
}

/*アーカイブ*/
.widget_archive{}
.widget_archive select{width: 100%;}

/*カスタムメニュー*/
.widget_nav_menu{}

/*カテゴリー*/
.widget_categories{}
.cat-item{display: inline-block;}
.cat-item a{
	background: #f3f3f3;
	margin: 3px 1px;
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
	box-shadow: 0 1px 0 0 #ccc;
	text-decoration: none;
	font-size: 80%;
	color: #999;
	text-shadow: 0 1px 0 #ccc;}

/*カレンダー*/
.widget_calendar{}
.widget_calendar>div{
	max-width: 300px;
	margin: 0 auto;}
.widget_calendar tbody a{
	text-decoration: none;
	font-weight: bold;
	color:orangered;}
#wp-calendar{width: 100%;}
#wp-calendar thead,#wp-calendar tfoot,#wp-calendar tbody{line-height: 1.5em;}

/*タグ*/
.widget_tag_cloud a{
	text-decoration: none;
	font-weight: bold;
	color: pink;
	text-shadow: 0 0 2px #222;}

/*テキスト*/
.widget_text{}
.textwidget{line-height:1.5em;}

/*メタ情報*/
.widget_meta{}

/*固定ページ*/
.widget_pages{}

/*最近のコメント*/
.widget_recent_comments{}
.recentcomments{line-height:1.5em;}

/*最近の投稿*/
.widget_recent_entries{}



/*検索*/
.widget_search{}
li#search-2 #searchform>div{
	display: table;
	width: 100%;
	padding: 0 10px;
}

li#search-2 #searchform label,li#search-2 #searchform input{display: table-cell;}

li#search-2 #searchform label{display: none;}
li#search-2 input[type="text"] {
	float: left;
	width: 66%;
}

li#search-2 input[type="submit"] {
	top: -2px;
	float: right;
	width: 30%;
	min-width: 40px;
    background: #DF4D1E;
}




.sub-menu {
    color:#fff;
    padding: 10px 10px 10px 45px;
    margin: 0 0 20px 0;
	background: #47210A url(images/icon01.gif) no-repeat 2px;
}
    
.sub-menu a {
    color:#fff;
	text-decoration:none;
}
    
.menu-item-type-taxonomy,
.widget_recent_entries ul li,
.categoryNav {
    padding: 8px 10px 8px 20px;
    margin: 0 0 5px 0;
	color:#47210A;
	border-bottom: 1px solid #47210A;
    background: url(images/icon02.gif) no-repeat 2px;
}

.menu-item-type-taxonomy a,
.widget_recent_entries ul li a,
.categoryNav a {
    color:#47210A;
}


    
/* ▲▲▲side▲▲▲ */
/* ▲▲▲▲container▲▲▲▲ */
/* ▼▼▼▼footer▼▼▼▼ */
footer {
	z-index: 1000;
	clear: both;
	text-align: right;
	font-size: 100%;
	color: #47210A;
	font-weight:bold;
}

.footNav {
	padding: 5px;
	border-top:5px solid #47210A;}
.footNav ul, .footNav li {display: inline-block;}
.footnav ul {
	width:1000px;
	height:30px;
	margin: 0 auto;}
nav.footNav a {
	padding: 0 2px;
	color:#47210A;}

.copy {
	width: 100%;
	padding: 4px 0;
	}
.copy a {
	margin:0 4px;
	text-decoration:none;
	color: #47210A;}
    
/* ▲▲▲▲footer▲▲▲▲ */
/* ▲▲▲▲▲COMMON▲▲▲▲▲ */

/* ▼▼▼▼▼USER▼▼▼▼▼ */
/* ▼▼▼▼PC▼▼▼▼ */
@media screen and (min-width:801px){
body,html {font-size: 14px;}
ul#nav{
	display: table !important;
	margin: auto;}
.headNav ul li ul{display: none;;}
/* ▼▼▼BOX▼▼▼ */
#container{
	max-width: 1500px;
	margin:120px auto 40px;
	padding:0 40px;}
.key{
	width:100%;
	float:left;}
#★ContFirst,
#★ContSecond{
	float:left;
	width: 66%;}
#★SideFirst{
	float:right;
	width: 30%;}
/* ▲▲▲BOX▲▲▲ *//
}
/* ▲▲▲▲PC▲▲▲▲ */
/* ▼▼▼▼SP▼▼▼▼ */
@media screen and (max-width:800px){
body,html {font-size: 12px;}
.logo img {height: 30px;}
.footNav{display: none;}
/* ▼▼▼BOX▼▼▼ */
#container{margin:40px 0;}
#★ContFirst,
#★ContSecond{margin-bottom:40px; }
/* ▲▲▲BOX▲▲▲ */
}
/* ▲▲▲▲SP▲▲▲▲ */
/* ▲▲▲▲▲USER▲▲▲▲▲ */

/* ▼▼▼▼▼sidr▼▼▼▼▼ */
@media screen and (min-width:801px){
header,body{
	top:0 !important;
	right:0 !important;}
#sidr-right{display: block !important;}
#right-menu{display: none; }
}

@media screen and (max-width:800px){
header,.logo,#right-menu{
	z-index: 1000;
	position: fixed;
	top:0;
	height: 40px;
    }
.logo,#right-menu {overflow: hidden;}
.logo {
	text-align: left;
	width: 100%;}
.logo img{
	position: fixed;
	left: 70px;
	background: inherit;}

#right-menu{
	left: 0;
	top: 0;
    width:40px;
	height:40px;
	padding: 0 10px;
	background: url(images/menu.gif);
    background-size:40px;
	text-indent:-10000px;
	color: cyan;
	line-height: 40px;
}
.sidr {
	overflow-x: none;
	overflow-y: auto;
	z-index: 100;
	display: none;
	position: absolute;
	position: fixed;
	top: 40px;
	width:200px;
	height: 100%;
	 background:#47210A;
     color: #fff;}
 
.sidr .sidr-inner {padding: 0 0 10px;}
.sidr.right {
	left: auto;
	right: -200px;}
.sidr.left {
	right: auto;
	left: -200px;}
.sidr ul li {
	display: block;
	margin: 0;
	line-height: 2em;}
.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active {
	border-top: none;
	line-height: 3em;}
.sidr ul li a, .sidr ul li span {padding:5px;}
.sidr ul li ul {
	border-bottom: none;
	margin: 0;}
.sidr ul li ul li:last-child {border-bottom: none;}
.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active{
	border-top: none;
	line-height: 3em;}
.sidr ul li a:hover {padding: 10px 5px;}
}
/* ▲▲▲▲▲sidr▲▲▲▲▲ */