@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* 全般 ****************************************************************************************/

/* 色
オレンジ　　#F8823C
メインの青　#2C5379
黒よりの青　#08233E
グローバルナビ用青　#3C71A4
薄い青　　　#e8f0f7
*/


/* 全体のフォントサイズと色 ***********/
body {
	font-size: 16px;
	color: #3f3f3f;
        font-family:
         Verdana,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",
         "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}


/* ロゴのサイズ調整 *****************/

#site-title img {
        width: 300px;
}


/* サイト名、ディスクリプション *******/
#site-title a ,
#site-description {
	color: #2c5379;
        width: 300px;
}



/* リンク色の変更 ***************************/
.widget_new_entries a ,
.widget_new_popular a ,
.widget_popular_ranking a ,
.wpp-list a ,
.entry-read a ,
.related-entry-read a ,
.article-list .entry-title a {
	color: #2C5379;
}


/* リンクの下線を消去 *****************/
a:link {
	text-decoration: none;
}




/* 広告の文字と広告の間隔調整 *****************/
.ad-label {
    margin-bottom: 10px;
}



/*シェアボタン均等割り*********************/
.sns-group-viral ul {
	  display: flex; 
}



/* SNSの名称部分を非表示 *****************/
.icon-hatena::after, .icon-googleplus::after, .icon-facebook::after, .icon-twitter::after, .icon-pocket::after, .icon-line::after, .icon-feedly::after {
    display: none;
}



/* ヘッダー ****************************************************************************************/

/* ヘッダースペース調整 *****************/
#site-title {
    margin-top: 3px;
    margin-bottom: 0px;
}
#site-description {
    margin-bottom: 5px;
    margin-left: 20px
}
#body {
    margin-top: 8px;
}

/* ヘッダーの一番上に線を引く *****************/
#header{
border-top: 5px solid #2C5379;
}


/* グローバルナビのデザイン *****************/

#navi ,
#navi ul ,
#navi ul.sub-menu ,
#navi ul.children {
	line-height: 2;
	color: #FFFFFF;
	background: #2C5379;
	border: 0 none;
}

#navi ul li a {
	color: #FFFFFF;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

#navi ul li a:hover {
	color: #FFFFFF;
	background: #3C71A4;
}



/* Table of Contents Plusのカスタマイズ ***************/

#toc_container {
display: block !important;
background: #fff;
border: 2px solid #ccc;
font-size: 95%;
box-sizing: border-box;
line-height: 1.4;
margin-top: 20px;
margin-bottom: 20px;
padding: 1em 2em !important;
}
  
#toc_container .toc_title {
text-align: center;
background: #2C5379;
color: #FFFFFF;
border-bottom: 2px solid #ddd;
padding: 0.4em 0;
}

#toc_container > p > span > a {
color: #DDDDDD;
}
  
div#toc_container ul.toc_list a:hover,
div#toc_container ul.toc_list a:active {
    color: #F8823C;        /* 見出しのマウスオーバー時の色 */
}


#toc_container ul {
list-style: none;
margin-bottom: 0;
}
  
#toc_container ul li {
margin: 0;
padding-left: 0;
text-indent: 0;
}
  
#toc_container ul a {
display: block;
text-decoration: none;
color: #444;
border-bottom: 1px dotted #ddd;
font-size: 100%;
}
  
#toc_container .toc_list > li > a {
border-bottom: 1px solid #2C5379;
font-size: 110%;
}
  
#toc_container ul ul {
padding: 5px 0px 5px 10px;
}
  
#toc_container li {
margin-bottom: 0.8em;
padding-bottom: 0.2em;
}
 
/*スマホ対応*/
@media screen and (max-width: 413px)
{
#toc_container ul a  {
font-size: 80%;}
#toc_container .toc_list > li > a {
font-size:95%;}
#toc_container {
padding:1em 1em;}
}
 
@media screen and (min-width: 414px) and (max-width: 500px)
{
#toc_container ul a  {
font-size: 80%;}
#toc_container .toc_list > li > a {
font-size:95%;}
#toc_container {
padding:1em 1em;}
}





/* 記事のリスト ****************************************************************************************/

/* メタ情報の大きさを変更し、右側へ*/

post-meta, 
.entry .post-meta a {
    color: #555;
}
.entry .post-meta {
    text-align: right !important;
}


/* リストのタイトルサイズを変更 *******************/
.entry h2 a{
 color: #27496B !important;
 font-weight: 600;
 font-size: 1.3rem !important;
 line-height: 1.3;
}


/* mainとsidebarの枠線を消す *****************/
#main,#sidebar{
 border:none !important;
}


/* 記事間に線を引く ***************************/
#main .entry {
 border-bottom: 1px solid #F0F0F0;
 padding-bottom: 15px;
}


/* リストの高さ調整 *******************/
.article ul {
    line-height: 1.8;
}


/* 記事を読む *************************/
.entry-read ,
.related-entry-read {
	margin-top: 10px;
	text-align: right;
}

.more-link:before ,
.entry-read a:before ,
.related-entry-read a:before {
	margin-right: 2px;
	font-family: "FontAwesome";
	content: "\f07c";
}

.more-link:hover ,
.related-entry-read a:hover {
	color: #F8823C !important;
	background: #FFFFFF;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}



.entry-read a{
 color:#F8823C;
 font-size:15px;
 background-color:#FFFFFF;
 border:1px solid #F8823C;
 border-radius:2px;
 padding:3px 10px 3px 10px;
 text-decoration:none;
 }
 
.entry-read a:hover{
 color:#FFFFFF !important; 
 background-color:#F8823C;
 border:1px solid #F8823C;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
   transition: 0.3s;
}








/* 一覧リスト 本文表示 見出し *********/
.article-list .entry-title a {
	color: #fff;
}


/* 一覧リスト タイル表示 微調整 *******/
.masonry .post-meta {
	padding-left: 5px;
}

.masonry .entry-read {
	margin-bottom: 1px;
}




/* モバイルの時マージントップが入るとこを修正 *********/
#sidebar .widget_categories li ul.children {
    margin-top: 0px;
}





/*---------------------------------
サムネイル画像にエフェクト2
--------------------------------*/

.entry-thumb,.wpp-thumbnail{
overflow: hidden;
}
.entry-thumb img,.wpp-thumbnail img{
transition: 0.6s ;
}
.entry-thumb img:hover,.wpp-thumbnail:hover {
opacity: 0.5;
}





/* カテゴリ *****************************************************************************/

.category-description {
  margin-top:15px;
  margin-bottom: 30px;
  background-color: #FFFFFF;
  padding: 5px 20px;
  border-radius: 3px;
  border: 1px solid #ddd;
}



/* googleカスタム検索 *****************************************************************************/

/*枠からずれるのを調整*/
#gsc-iw-id1 input[type="text"] {
	border: none;
	box-shadow: none;
	line-height: normal;
}

/*ボタンの色変更*/
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
 border-color: #f8823c!important;
 background-color: #f8823c!important;
 }




/* 見出し編集***********************************************************************************/


.article h1 {
	position: relative;
	color: #2C5379;/*文字色*/
	padding: 0.4em;/*上下の余白*/
	border:2px solid #2C5379;
	border-radius: 0.2em;/*角丸*/
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 1.3;
}
.article h1::before,.article h1::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	height: 0;
	width: 0;
	border: 10px solid transparent;
}
.article h1::before {
	border-top: 15px solid #2C5379;
}
.article h1::after {
	margin-top: -2px;
	border-top: 15px solid #fff;
}


/*
.article h1 {
 font-weight: 700;
 font-size: 1.5rem;
 line-height: 1.3;
 color: #2C5379;
 background: #ffffff;
 border-bottom:2px dashed #2C5379 !important;
}
*/

 
.article h2 {
 font-size: 1.2rem;
 font-weight: 600;
 line-height: 1.2;
 padding: 15px 10px 12px 20px;
 background: #2C5379;
 color: #FFF;
 margin: 25px 0;
 position: relative;
 border:none;
}
.article h2:before{
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 border-width: 0px 0px 16px 16px;
 border-style: solid;
 border-color: #FFF #f5f5f5 #f5f5f5 #FFF;
 background: #f5f5f5;
 display: block;
 width: 0;
}

.article h3{
 font-size: 1.2rem;
 font-weight: 600;
 line-height: 1.2;
 padding: 5px 15px;
 border-top: none;
 border-right: none;
 border-left: 7px solid #2C5379;
 border-bottom:1px dashed #2C5379;
 margin:35px 0px 30px;
}

.article h3::after {
	position: absolute;
	content: none;
	border-radius: none;
}
 
.article h4{
 font-size: 1.1rem;
 font-weight: 600;
 line-height: 1.1;
 padding: 5px 15px;
 border-bottom: none !important;
 border-left: 4px solid #2C5379;
 color: #3f3f3f;
 margin:35px 5px 20px;
}






/* ウィジェット　***********************************************************************************/

/* 各ウィジェット見出し 色変更***************/

#footer h3 ,
aside h2 ,
.widget-index-top-title ,
.widget-index-middle-title ,
.widget-index-bottom-title ,
.widget-under-related-entries-title {
	font-weight: bold;
	color: #2C5379;
        padding-bottom:5px;
        border-bottom:1px dashed #2C5379 !important;

	/*
        font-size: 16px;
	line-height: 2.4;
        background: #e8f0f7;
	padding-left: 1em;
	border: 0 none;
        */
}


/* ウィジェット前後の間隔調整 *********/
.widget-index-top-title ,
.widget-index-middle-title ,
.widget-index-bottom-title ,
.widget-over-breadcrumbs-title ,
.widget-over-breadcrumbs ,
.widget-in-article-title ,
.widget-under-related-entries-title {
	margin-bottom: 30px;
}

.widget-over-article {
	margin-top: 30px;
}

#sidebar .widget {
	margin-bottom: 30px;
}

/*
#sidebar .widget li {
	padding-right: 1em;
*/
#footer-widget li {
	padding-right: 1em;
}

#text-5 {
	margin-top: 20px;
}



/* カテゴリデザインカスタマイズ *****************/


#sidebar aside ul li { 
	background: none;
	padding-left: 0;
}

/*カテゴリ部分のデザイン*/
#sidebar aside li.cat-item a { 
	display: block;
	overflow: hidden;
	font-size: 15px; 
	line-height: 1.8em; 
	text-decoration: none;
	vertical-align: middle;
	padding: 0 0 0 7px; 
	color: #2c5379; 
	background: #transparent; 
	margin-bottom: 1px; 
	border-bottom:1px dashed #2c5379; 
}


/*ホバーした時の変化*/
#sidebar aside li.cat-item a:hover {
	background: #2c5379 
	color: #3C71A4; 
}

/*記事数のボックスを右に*/
#sidebar aside li.cat-item span { 
	line-height: 0.8em;
	float: right; 
	margin: 3px 0 0 3px; 
	padding: 4px 4px; 
	border-radius: 2px; 
	color: #fff; 
	background: #2c5379;
}

#sidebar aside ul li a:hover {
	color: #FFFFFF;
	background: #3C71A4;
	text-decoration: none;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}

#sidebar li {
	margin-bottom: 1px
}




#sidebar h3  {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:2px 0px 0px 0px;
	border-color:#2C5379;
	border-style:solid;
	background:#e8f0f7;
	color:#2C5379;
	line-height:140%;
	font-weight:bold;
}








/* 新着記事・人気記事 *****************/
.widget_new_entries ul li img ,
.widget_new_popular ul li img ,
.widget_popular_ranking ul li img {
	margin-right: 10px;
}





/* 順位に指定する方法　*****************/

.wpp-list li:nth-child(1):before {
    background: #F8823C;
}
.wpp-list li:nth-child(2):before {
    background: #F8823C;
}
.wpp-list li:nth-child(3):before {
    background: #F8823C;
}








/* タグクラウド ***********************/
.tagcloud a {
	margin: 5px 0;
	padding: 5px 10px;
	font-size: 14px !important;
	display: inline-block;
	border: 1px solid #ddd;
	border-radius: 5px;
}




/* 固定ページのメタ情報は非表示 *******/
.type-page .post-meta {
	display: none;
}


/* メタ情報 ***************************/
.entry .post-meta ,
.post-meta {
	font-size: 14px;
	background-color: #f7f9fd;
}

.entry .post-meta {
	margin: 3px auto;
}









/* フッター ****************************************************************************************/


/* フッター部の色をメインと同じに *****/
/*
#footer ,
#footer-widget {
	color: #2C5379;
	background-color: #fff;
}

#footer a {
	color: #2C5379;
}
*/




#footer-widget ul li a{
	color: #FFFFFF;
}

#footer-widget h3{
	color: #FFFFFF;
        border-bottom:1px dashed #FFFFFF !important;
}





/* コンタクトフォームのサイトというのをなくす *****/
.comment-form-url,
.form-allowed-tags {
	display: none;
}


/* トップに戻るアレ *******************/
#page-top a{
	color: #fff;
	background: #F8823C;
	font-size:24px;
	padding:2px 10px;
	border-radius: 50%;

}









/* モバイル ****************************************************************************************/


/*メニューの下に文字を付ける*/
#mobile-menu a:after {
	content: "MENU";
	display: table-cell;
	/*font-weight: bold;*/
	color: #F8823C;
}

#mobile-menu a{
	color: #F8823C;
	border: 1px solid #F8823C;
	border-radius: 3px
}



a#footer-button-home{ display: block; }
a#footer-button-prev{ display: none; }
a#footer-button-next{ display: none; }






/* ボックスで強調 *****************************************************************************/

.sample_box {
 position: relative;
 border: 1px solid #f8823c;
 border-radius: 4px;
 padding: 0.4em 1.5em 0.1em 1.5em;
 margin: 16px auto;
}

.sample_box ul {
 padding: 0.2em 2em 1em;
} 
 
.sample_ttl {
 font-size: 16px;
 color: #444444;
 position: absolute;
 top: -0.8em;
 left: 1em;
 background: #fff;
 padding: 0 8px;
}





/*--------------------------------------
ヨメレバ・カエレバここから
--------------------------------------*/
.booklink-box, .kaerebalink-box{
width:90%;
margin:15px auto;
padding:15px 10px 10px 10px;
border:double #d2d7e6;
overflow: hidden;
font-size:small;
border-radius:2px;
}
.booklink-image, .kaerebalink-image{
width: 150px;
margin:0 15px 10px 0;
float:left;
}
.booklink-image img, .kaerebalink-image img{
display:block;
margin:0 auto;
text-align:center;
}
.booklink-info, .kaerebalink-info{
display:block;
margin:0 auto;
text-align:left;
line-height:120%;
overflow: hidden;
}
.booklink-name, .kaerebalink-name{
font-size:16px;
margin-bottom:10px;
line-height:1.5;
}
.booklink-powered-date, .kaerebalink-powered-date{
font-family: verdana;
font-size:8pt;
margin-top:5px;
line-height:120%;
}
.booklink-detail, .kaerebalink-detail{
margin-bottom:2px;
}
.booklink-link2, .kaerebalink-link1{
margin-top:0px;
}
.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkyahoo, .shoplinkkakakucom{
float:left;
width:30%;
margin:15px 1% 0 auto;
padding:10px 0px;
height:15px;
overflow:hidden;
background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
background-color:#ffffff;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
text-align:center;
}
.shoplinkamazon:hover, .shoplinkrakuten:hover, .shoplinkkindle:hover, .shoplinkyahoo:hover{
background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
background-color:#f6f6f6;
}
.shoplinkamazon:active, .shoplinkrakuten:active, .shoplinkkindle:active, .shoplinkyahoo:active{
position:relative;
top:1px;
}
.shoplinkamazon a, .shoplinkrakuten a, .shoplinkyahoo a, .shoplinkkindle a, .shoplinkkakakucom a{
display:block;
cursor:pointer;
text-decoration:none;
font-weight:800;
text-shadow:1px 1px 1px #dcdcdc;
font-size:12px;
}
.shoplinkamazon a{
color:#FF9901;
}
.shoplinkrakuten a{
color:#c20004;
}
.shoplinkkindle a{
color:#007dcd;	
}
.shoplinkyahoo a{
font-size:10px;
color:#7b0099;
} 
.booklink-footer{
clear:left;
height:0px;
} 
/*--------------------------------------
ヨメレバ・カエレバここまで
--------------------------------------*/






/*--------------------------------------
Contact Form 7　カスタマイズここから
--------------------------------------*/

/***** コンタクトフォーム *****/
.table-contactform7{
  overflow: hidden;
table-layout: fixed;
}
 
.required-contactform7{
  padding: 5px;
  background: #f8823c;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
 
.unrequired-contactform7{
  padding: 5px;
  background: #BDBDBD;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
 
.table-contactform7 th{
  font-weight:bold;
}
 
.table-contactform7 input,
.table-contactform7 textarea{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
 
.address-100 input{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
 
.message-100 textarea{
  width: 100%;
  margin: 5px 10px 10px 5px;
}

.table-contactform7 th{
  text-align: left;
}

input[type="submit"]{
  background:#2C5379;
  color:#FFF;
  border:none;
}
 
@media screen and (min-width: 900px){
  .table-contactform7 th{
    width:28%;
  }
    }
     
@media screen and (max-width: 900px){
.table-contactform7{
  display:block;
}     
       
  .table-contactform7 tbody,
  .table-contactform7 tr{
    display: block;
    width: 100%;
  }
  .table-contactform7 th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
  text-align: left;
}
.table-contactform7 td{
  display: list-item;
  list-style-type:none;
  margin:0;
  padding:0;
  width: 100%;
  border-top: none !important;
}
}


/*--------------------------------------
Contact Form 7　カスタマイズここまで
--------------------------------------*/