/*
Theme Name:Twenty Twelve 510
Description:Twenty Twelve の御殿用テーマ
Template:twentytwelve
Version:1.0
Author:510
Author URI:
*/
@import url("../twentytwelve/style.css");

/* メイリオ固定 -------------------------------- */
body {
font-family: "メイリオ",sans-serif;
}

/* 見出しh2------------------------------------- */
.entry-content h2 {
border-left: 5px solid #356cee;
padding: 0 0 0 15px ;
line-height: 2;
font-size: 15px;}

/* 引用----------------------------------------- */
.entry-content blockquote {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	padding: 14px 14px 14px;
	padding: 1rem 1rem 1rem;
	font-style: normal;
	border-left:5px solid #3333CC;
	background-color:#EEEEEE;
}


/* リンク関連 ---------------------------------- */
/* 記事内のリンク */
.entry-content a  
{
	text-decoration:none;
	color:#356cee;
	background-color: transparent;
}
.entry-content a:visited 
{
	text-decoration: none;
	color:#356cee;
}
.entry-content a:hover 
{
	text-decoration:underline;
	background-color: #d7eafc;
}

/* サイドバーはここ */
.widget-area .widget p, .widget-area 
.widget li, .widget-area .widget .textwidget {
line-height: 20px; /* 文字の高さ */
/* font-size: 14px;  文字の大きさ */
}
.widget-area .widget a {
color: #356cee; /* リンク部分の文字色 */
text-decoration: none; /* リンク部分にアンダーライン */
}
.widget-area .widget a:visited {
  text-decoration: none;
  color: #356cee;}
.widget-area .widget a:hover{
  text-decoration:underline;
	background-color: #d7eafc;
  color: #356cee;}

/* タイトル文字変更-------------------------- */
.site-header h1 {
font-size: 24px; /* 文字の大きさ */
line-height: 1.846153846; /* タイトル部分の高さ */
}
.site-header h1 a:hover {
color: #356cee;} /* カーソルが乗った時の色 */

/* 記事タイトル文字変更----------------------- */
.entry-header .entry-title {
font-size: 20px; /* 文字の大きさ */
line-height: 1.5; /* 高さ */
color: #356cee;
border: 0;
border-bottom: 1px dashed #999;
}
.entry-header .entry-title a {
color: #356cee; /* リンク部分の文字色 */
text-decoration: none; /* リンク部分にアンダーライン */
}
.entry-header .entry-title a:visited {
  text-decoration: none;
  color: #356cee;}
.entry-header .entry-title a:hover{
	background-color: #d7eafc;
  color: #356cee;}

/* 画像の角を丸くする-------------------------- */
	img.wp-post-image {
		border-radius: 8;
		box-shadow: none;
	}

/* Minimum width of 960 pixels.に影つけたり角を丸くする */
@media screen and (min-width: 960px) {
	body .site {
		padding: 0 40px;
		padding: 0 2.857142857rem;
		margin-top: 48px;
		margin-top: 3.428571429rem;
		margin-bottom: 48px;
		margin-bottom: 3.428571429rem;
		box-shadow: 0 2px 6px rgba(0,0,0,0.4);
    border-radius: 6px;         /* CSS3 */
	}
	body.custom-background-empty .site,
	body.custom-background-white .site {
		padding: 0;
		margin-top: 0;
		margin-bottom: 0;
		box-shadow: 0 2px 6px rgba(0,0,0,0.4);
    border-radius: 6px;         /* CSS3 */
	}
}

/* 右のウィジェット幅を指定（300pxは31.25%）----------- */
@media screen and (min-width: 600px) {
/*　300px*/
.widget-area { float: right; width: 29.25%; }
/* フッターにもウィジェットを入れるためのコード */
/* Two Footer Widget Areas */
.footer-w-area .two .widget-area-footer {
    text-align:left;
    float: left;
    margin-right: 2%;
    width: 48%;
}
  
/* Three Footer Widget Areas */
.footer-w-area .three .widget-area-footer {
    text-align:left;
    float: left;
    margin-right: 2.5%;
    width: 31%;
}
  
/* Four Footer Widget Areas */
.footer-w-area .four .widget-area-footer {
    text-align:left;
    float: left;
    margin-right: 3%;
    width: 22.5%;
}
  
.footer-w-area .two .widget-area-footer + .widget-area-footer,
.footer-w-area .three .widget-area-footer + .widget-area-footer + .widget-area-footer,
.footer-w-area .four .widget-area-footer + .widget-area-footer + .widget-area-footer + .widget-area-footer {
    margin-right: 0;
}
}

/* 記事下の余白をちょっと狭く----------- */
.site-content article {
  border-bottom: 4px double #ededed;
  margin-bottom: 42px;
  margin-bottom: 3rem;
  padding-bottom: 0;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

/* Googleカスタム検索窓をいじる----------- */
#cse-search-box {
    width: 270px !important;
}
 
#cse-search-box div {
    padding: 0 !important;
}
 
#cse-search-box input[type="text"] {
    font-size: 14px;
    height: 28px;
    padding: 0 !important;
    width: 250px;
    background: #ffffff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
 
#cse-search-box input[type="submit"] {
    background: url("http://510jp.net/img_wp/icon_search.jpg") no-repeat scroll 50% 50% #f9f9f9;
    border: 0 none;
    color: #ffffff;
    height: 20px;
    margin: 0 0 -10px -27px;
    overflow: hidden;
    text-indent: -9999px;
    width: 20px;
    -webkit-appearance: none;
}