/*
Theme Name: Child
Template: twentytwelve
*/
  
@import url('../twentytwelve/style.css');

/* フォントと文字の大きさ、色 */
body {
font-family: "メイリオ", Meiryo, 
"Hiragino Kaku Gothic Pro",
"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", 
"Lucida Sans Unicode", Arial, Verdana, sans-serif;
text-rendering: optimizeLegibility;
color: #333;/* 文字色 */
font-size: 14px; /* 文字の大きさ */
}
 
body.custom-font-enabled {
font-family: "メイリオ", Meiryo,
"Hiragino Kaku Gothic Pro",
"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande",
"Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

/* 本文中の行間 */
.entry-content p {line-height: 28px;}

/* サイドバーの行間と文字の大きさ */
.widget-area .widget li {
line-height: 28px; /* 行間 */
font-size: 14px; /* 文字の大きさ */
}

/* ブログタイトル部分 */
.site-header h1 {
font-size: 28px; /* 文字の大きさ */
line-height: 1.846153846; /* タイトル部分の高さ */
background-color: #fff; /* 背景に色を使う場合に記入 */
}


/* ブログタイトルの色 */
.site-header h1 a {color:#000000;} /* タイトルの色 */
.site-header h1 a:hover {
color: #7a8285;} /* カーソルが乗った時の色 */


/* 記事タイトル */
.entry-header .entry-title {
font-size: 20px; /* 文字の大きさ */
line-height: 1.2; /* 高さ */
padding-left: 10px; /* ちょっと左に余白 */
font-weight: bold;
}
.entry-header .entry-title a {
color: #000000;/* 文字の色 */
text-decoration: underline; /* 下線 */ 
}

.entry-header .entry-title a:link:hover,
.entry-header .entry-title a:visited:hover{
	color:#ff4500;
	text-decoration:underline;
	
}


/* タイトルを画像に変更しておく
.site-header h1 {
background-image:
url("/wpress/wp-content/uploads/2016/07/titleall.jpg");

  width:100%;
  height:auto;
}
*/

.entry-content h2 {
    margin: 0 0 1.0em 0;
    padding: 0.5em;
    border-top: 5px double #9999ff;
    border-bottom: 5px double #9999ff;
    font-size: 1.1em;
    font-weight: bold;
    background-color:#f8f8ff;

}

/*H3見出し*/

.entry-content h3 {
    margin: 0 0 0.6em 0;
    padding: 0.5em;
  border-left: 3px dashed #9999ff;
	    font-size: 1.0em;
  background: #f4f4f4;
}




/* ナビメニュー END------------------------------------------------------------- */

/* ナビメニュー スマホの時、ナビメニューの上下に空白が出るので均等にする*/
.main-navigation ul.nav-menu {
margin-top:5px;
 text-align: center;
 width: 100%;}
 .main-navigation li {
 margin:0px;
padding:7px;
}

/* スマホメニューボタン START------------------------------------------------------------- */
.main-navigation ul.nav-menu.toggled-on{
    width: 100%;
    text-align: center;


}

/*スマホの時にメニューボタンを表示させる */
.menu-toggle {
    width: 100%;
    text-align: center;
    border: 1px solid #000000;
    

}
/*スマホの時にメニューボタンを表示させる */
.menu-toggle:hover {
    width: 100%;
    text-align: center;
    border: 1px solid #000000;
    color:red;
    backgrand-color:#000000;
    

}


/* メニューを開くとき */
.menu-toggle:before {
    font-size:16px;
    content: 'メニューを開く';
    color:#000000;
    backgrand-color:#FFF5EE !important;
}
 
/* メニューを閉じるとき */
.menu-toggle.toggled-on:before {
    font-size:16px;
    content: 'メニューを閉じる';
}

/* 「メニュー」を消す */
.menu-toggle {
    font-size:0;
}
/* スマホメニューボタン END------------------------------------------------------------- */



.main-navigation ul.nav-menu.toggled-on,
.main-navigation div.nav-menu > ul.toggled-on {

display: block;
text-align: center;
width: 100%;
/*
-moz-border-radius:7px;
-webkit-border-radius:7px;
-khtml-border-radius:7px;
border-radius:7px;
-moz-border-radius:0.5rem;
-webkit-border-radius:0.5rem;
-khtml-border-radius:0.5rem;
border-radius:0.5rem;
*/
}






.main-navigation ul {
margin: 0;
padding:0;
text-indent: 0;
}
.main-navigation ul.nav-menu.toggled-on li a,
.main-navigation ul.nav-menu.toggled-on li {
display: block;
text-decoration: none;

/* グローバルメニューの角をとって丸みをつける*/
-moz-border-radius:5.6px;
-webkit-border-radius:5.6px;
-khtml-border-radius:5.6px;
border-radius:5.6px;
-moz-border-radius:0.4rem;
-webkit-border-radius:0.4rem;
-khtml-border-radius:0.4rem;
border-radius:0.4rem;
}


.main-navigation ul.nav-menu.toggled-on li a {
border-bottom: 0;
color: #000000;
line-height: 3.692307692;
text-transform: uppercase;

/*
スマホ　グローバルメニュー　カーソル当てると、backgraundが白になるので削除
background:#ffffff;
padding:0 7px;
padding:0 0.5rem;
*/
}
/*
.main-navigation ul.nav-menu.toggled-on li a:hover ,
.main-navigation ul.nav-menu.toggled-on li:hover {
background: #efefef;
color: #000;
}
*/

.main-navigation  ul.nav-menu.toggled-on li {
margin: /***0 40px 0 0;
margin: 0 2.857142857rem 0***/ 0;
position: relative;
}

.main-navigation ul.nav-menu.toggled-on li ul {
display: none;
margin: 0;
/****margin:0 0 0 140px;
margin:0 0 0 10rem;**/
padding: 0;
position: absolute;
top: 100%
z-index: 1;
}
.main-navigation ul.nav-menu.toggled-on li ul ul {
top: 0;
left: 100%;
}
.main-navigation  ul.nav-menu.toggled-on li:hover > ul {
/*background: #efefef;*/
/* サブメニューを左側に寄せて表示させる　デフォルトは右側*/
-moz-border-radius:5.6px;
-webkit-border-radius:5.6px;
-khtml-border-radius:5.6px;
border-radius:5.6px;
-moz-border-radius:0.4rem;
-webkit-border-radius:0.4rem;
-khtml-border-radius:0.4rem;
border-radius:0.4rem;
border-left: 0;
margin:0 0 0 40%;

display: block;
position: absolute;
top: 90%;
z-index: 1;
width: 80%;
}

.main-navigation  ul.nav-menu.toggled-on li ul li a {
/*background: #efefef;*/
color:#000000;
/*border-bottom: 1px solid #ededed;*/
display: block;
font-size: 14px;
/***
font-size: 1rem;
line-height: 2.181818182;
padding: 8px 10px;
padding: 0.571428571rem 0.714285714rem;
width: 180px;
width: 12.85714286rem;**/
}
/*
.main-navigation  ul.nav-menu.toggled-on li ul li a:hover {
background: #e3e3e3;
color: #444;
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
color: #636363;
font-weight: bold;
}

*/

/* ナビメニュー ------------------------------------------------------------- */
.main-navigation ul {
margin: 0; /* 余白をなくす */
background:  #fff; /* 背景色 */
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border:none;
}

li.smart {
background: #FFFFF; /* 背景色 */
border:2px solid #84b2e0;
color: #84b2e0; /* 文字色（藍色） */
font-weight:bold; /* 太字にして */
line-height: 15px; /* 高さ */
font-size: 12px;} 

li.smart:hover { 
color:#ffffff; 
background-color: #84b2e0; /* 背景色 */
} 


.main-navigation li.study {
background: #FFFFF; /* 背景色 */
border:2px solid #9acd32;
color: #9acd32; /* 文字色（緑） */
font-weight:bold; /* 太字にして */
line-height: 15px; /* 高さ */
font-size: 12px;} 


li.study:hover { 
color:#ffffff; 
background-color: #9acd32; /* 背景色 */
} 

.main-navigation li.book {
background: #FFFFF; /* 背景色 */
border:2px solid #ffc0cb;
color: #ffc0cb; /* 文字色（ピンク） */
font-weight:bold;  /*太字にして */
line-height: 15px; /* 高さ */
font-size: 12x;} 

li.book:hover { 
color:#ffffff; 
background-color: #ffc0cb; /* 背景色 */
} 

.main-navigation li.english {
background: #FFFFF; /* 背景色 */
border:2px solid #ffa500;
color: #ffa500; /* 文字色（オレンジ） */
font-weight:bold;  /*太字にして */
line-height: 15px; /* 高さ */
font-size: 12px;} 

li.english:hover { 
color:#ffffff; 
background-color: #ffa500; /* 背景色 */
} 

.main-navigation li.program {
background: #FFFFF; /* 背景色 */
border:2px solid #00bfff;
color: #00bfff; /* 文字色（青） */
font-weight:bold;  /*太字にして */
line-height: 15px; /* 高さ */
font-size: 12px;} 

li.program:hover { 
color:#ffffff; 
background-color: #00bfff; /* 背景色 */
} 

.main-navigation li.think{
background: #FFFFF; /* 背景色 */
border:2px solid #ee82ee;
color: #ee82ee; /* 文字色（紫） */
font-weight:bold;  /*太字にして */
line-height: 15px; /* 高さ */
font-size: 12px;} 


li.think:hover { 
color:#ffffff; 
background-color:#ee82ee; /* 背景色 */
} 

/* Sidebar------------------------------------------------------------- */
.widget-area .widget {  /* ココです */

	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	background: #f8f8ff;
	margin:0px;	
	word-wrap: break-word;
	color:#000000 !important;
	font-color:#000000 ;
	font-size:14px !important;
}

h3.widget-title  {
  color: #000000 !important; /* 文字の色 */

   padding-left: 10px; /* 左の余白 */
   border-width: 0px 0px 3px 10px; /* 枠の幅 */
   border-style: solid; /* 枠の種類 */
   border-color: #9999ff; /* 枠の色 */
   line-height: 100%; /* 行の高さ */
background: #ffffff;
font-size: 18px;
margin-top:10px;

} 

/* 最新の記事部分の変更 */
h3.rpwe-title{

  font-color: #000000 !important; 
color:#000000 !important; 
clear: none !important;
margin-bottom: 0 !important;
margin-top: 0 !important;
font-weight: 400 !important;
font-size: 12px !important;
line-height: 1.5em !important;
}

p.title {
  font-size: 14px;
font-weight:bold;  
background-color: #fff0f5 !important;
margin-left: 2em !important;
margin-right: 2em !important;
padding: 0em;
}


.widget-area .widget a {
 color: #000000 !important; /* リンク部分の文字色 */
text-decoration: underline; /* リンク部分にアンダーライン */
font-weight: normal; /* 文字の太さはノーマル */

 }

.widget-area .widget a:visited {color: #000000 !important;}
 .widget-area .widget a:hover{color: #FF69B4 !important;}


/* 
カテゴリー別一覧ページのタイトルを変更
目立つように修正
*/
.archive-title {

    color: #000000; /* 文字の色 */
    background-color:  #D0B0FF ; /* 背景色 */
    line-height: 130%; /* 行の高さ */
    text-align: left; /* テキストの配置 */

    font-size: 20px;
    padding: 5px;
}
/* 勝手に大文字にしない */
.main-navigation li a {text-transform: none;}
.archive-title {text-transform: none;}
.widget-title {text-transform: none;}
/*タイトル下の線を消す */
.archive-header{ border-bottom: none}
/*タイトル下の余白を狭くする */
.archive-header {margin-bottom: 10px;}

/* 
記事一覧の画像を左、記事を右にする
*/
div.entry-post-thumbnail {
float: left;
margin: 0 10px 10px 0;}

/* 
記事公開日・最終更新日
*/
.date-of-post {
    text-align: right;
    margin-bottom:5px;
}

/* 
○件のフィードバックを削除
*/
.comments-title {
    display: none;
}

.comment-meta,.comment-author{
  	border-bottom:dotted 2px #0000ff;
}

/* 
フロントページ　サイトの説明一文
*/
div.frontcom {
	background: #f8f8ff;
	font-weight:bold !important;
	color:#000000;
}
/* パンくず */
div#breadcrumb div {
line-height: 35px; /* 文字の高さ */
display: inline; /* 横並びに */

}


.rpwe-block li {
	list-style:none !important;
}

.front-widgets li {
	list-style:none !important;
}

/*---------------------------------文章の飾り---------------------------------*/
/* 
大切な文章をマーカーする
*/
span.marker-vioret {
  background: linear-gradient(transparent 0%, #ee82ee 0%);
}

span.kasen{
  border-bottom: #adff2f 3px double;
  text-decoration: none;
}

strong.front-txt{
 font-size : 20px;
    text-align: left;
}



div.waku {
  padding: 16px;
  border: solid 3px #4169e1;
border-radius: 10px; 
margin-top: 30px; 
 background-color: #f0f8ff; 
margin-bottom: 30px;
}

div.redwaku {
  padding: 16px;
  border: solid 3px #8b008b;
border-radius: 10px; 
margin-top: 30px; 
margin-bottom: 30px;
}

/*---------------------------------文章の飾り---------------------------------*/
 





/* 
テーブルプレス
テーブルの枠線をつける
*/
.entry-content table {
    border: 1px solid #EDEDED;
}
/* 
テーブルプレス
行列の枠線をつける
*/
.tablepress thead th,
.tablepress tbody tr:first-child td,
.tablepress tbody td,
.tablepress tfoot th {
    border: 1px solid black !important;
}

/*---------------------------------social bookmarking---------------------------------*/
/*Pocketボタンの幅調整*/
.wsbl_pocket {
 width: 95px;
}
/*Google+ボタンの幅調整*/
.wsbl_google_plus_one {
 width: 58px;
}
/*twitterボタンの幅調整*/
.wsbl_twitter {
 width: 89px !important;
}

.wp_social_bookmarking_light{
border: 0 !important;
padding: 0 !important;
margin: 0 0 10px !important;
}
.wp_social_bookmarking_light div{
float: left !important;
border: 0 !important;
padding: 0 !important;
margin: 0 5px 0px 0 !important;
height: 23px !important;
text-indent: 0 !important;
}


/*---------------------------------social bookmarking---------------------------------*/


/*-------------------------------------------
タイトルのテーブルタグ　エメラルドグリーンで①～段落をつける
---------------------------------------------*/

table.discriptiontable {
	width: 100%;
	margin: 0 auto;
}

td.discriptiontable {
	margin: 0;
	background-color:#CCFFFF; 
	text-align: left;
	font-size: 16px;
}

/*-------------------------------------------
テーブル枠を黒で囲いたい
---------------------------------------------*/
.table {
    border: 1px solid #000000;
color: #333;/* 文字色 */
}

/*-------------------------------------------
テーブル文字が小さいから大きくする
---------------------------------------------*/
table.original {
    border: 1px solid #000000;
color: #333;/* 文字色 */
}
caption.original{
	font-size: 16px;
color:#191970;
}
tr.original{
    border: 1px solid #000000;
	font-size: 14px;
}

td.original{
    border: 1px solid #000000;
	font-size: 14px;
}


/*-------------------------------------------
引用タグ装飾
---------------------------------------------*/
blockquote{
position: relative;
margin: 0 1em 1.5em;
padding: 1em;
border: 3px solid #E3E3E3;
background-color: #F3F3F3;
z-index: 1;
}
blockquote p{
position: relative;
z-index: 3;
}
blockquote:before{
content: "“";
font-size: 700%;
line-height: 0.8em;
font-family: 'Times New Roman' ,"ＭＳ Ｐゴシック" ,sans-serif;
color: #fff;
position: absolute;
left: 0;
top: 0;
z-index: 2;
}
 
blockquote:after{
content: "”";
font-size: 700%;
line-height: 0em;
font-family: 'Times New Roman' ,"ＭＳ Ｐゴシック" ,sans-serif;
color: #fff;
position: absolute;
right: 0;
bottom: 0;
z-index: 2;
}
 

p.midasi{
  font-size: 18px;
font-weight:bold;  
color: #c71585;
}




/*-------------------------------------------
アンケート見た目変更
---------------------------------------------*/
div.poll{
 border: 1px solid #000099 !important;
 background: #EEEEEE !important;
 margin-top: 20px !important;
 margin-bottom: 20px !important;
 padding: 20px 20px 20px 5px !important;
 }


dl.mycomment {
	width:100%;
	margin: 0 auto;
	}
dl.mycomment dt{
	text-align: left;
	clear: left;
	float: left;
	width:40px;
	white-space: nowrap;
 	padding-top: 16px;
	}
dl.mycomment dd{
	margin-left: 0;
	padding: 1px 0 5px 0;
	border-bottom: #C3CDCE 2px dotted;
 	padding-top: 16px;
	}
dl.mycomment dd:last-child{
	border-bottom: #fff 0px dotted;
	}
dl.mycomment dd span.my_author{
	font-weight: 600;
	}
dl.mycomment dd span.my_comments_content{
	font-size:14px;
	}






/* パソコン専用スタイルシート
1.スマホ専用メニュー非表示
2.グローバルメニュー左右幅広げる
*/

@media screen and (min-width: 960px){


.main-navigation ul.nav-menu {
 display: table !important;
 table-layout: fixed;
 text-align: center;
 width: 100%;}
 
 .main-navigation li {
 display: table-cell;
 vertical-align: middle;}

.br-sp{
display:none;
}


}

/* タブレット専用スタイルシート
1.スマホ専用メニュー非表示

*/
@media (min-width: 600px) and (max-width: 959px) {

 .widget-area {width: 31.25000000%;}
 .site-content {width: 66.66666666%;}


}

p.form-allowed-tags {
   display: none;
}


/* 目次 */

#ez-toc-container{
	display: block !important;
	width: 100%;
	background: #fff;
	border: 1px solid #ccc;
	font-size: 95%;
	box-sizing: border-box;
	line-height: 1.4;
	margin: 40px auto;
	padding: 1em 1em;
	position: relative;
}
#ez-toc-container p.ez-toc-title{
	text-align: center;
	font-weight: bold!important;
	width: 100%
}
#ez-toc-container ul{
	margin: 15px 0 10px;
}
#ez-toc-container ul ul{
	margin-top: 5px;
	margin-bottom: 0;
}
#ez-toc-container ul li {
	border-bottom: 1px solid #ddd;
	margin-bottom: 13px;
	padding-bottom: 5px
}
#ez-toc-container ul li:last-child{
	margin-bottom: 0
}
#ez-toc-container ul li li {
	border-bottom: none;
	margin-bottom: 7px
}
#ez-toc-container ul li li:last-child{
	margin-bottom: 0
}
#ez-toc-container a{
	color: #000070;
}
#ez-toc-container a:hover{
	text-decoration: none;
	opacity:.5;
}
.ez-toc-title-toggle{
	position: absolute;
	top: 14px;
	right: 20px;
}
@media(min-width:640px) {
	#ez-toc-container{
		padding: 1em 2em;
		width: 90%!important;
	}
	.ez-toc-title-toggle{
		top: 16px;
		right: 40px
	}
}


.copy-the-code-wrap.copy-the-code-style-cover {
	display: block;
}
.copy-the-code-target {
	display: block;
	background-color: #f5f6f7;
  border: 2px solid #ccd0d4;
	padding: 1.5em;
	font-family: monospace;
}
.copy-the-code-outside {
	background-color: #fff;
	margin-bottom: -1.5px;
}
.copy-the-code-wrap .copy-the-code-button {
	padding: 0 10px;
}
.copy-the-code-inside-wrap .copy-the-code-button {
	position: absolute;
	right: 2px;
  top: 2px;
}

.img-design3 img{
	  border:9px solid #ffd700;
 

}