@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.0
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

.pager-post-navi{
	margin-top:120px;
}


.prev-post{
	background-color:#fff;
	border:solid 1px #ddd;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 2px 2px #eee;
}

.next-post{
	background-color:#fff;
	border:solid 1px #ddd;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 2px 2px #ddd;
}

.prev-post:hover{
	background-color:#f5f5f5;
}

.next-post:hover{
	background-color:#f5f5f5;
}

.center{
text-align: center;
	margin:0 auto;
}
.right{
text-align: right;
	margin:0 0 0 auto;
}
.top1{
  position: relative;
}
.top2{
  text-align: center;
  vertical-align: middle;
	margin-top:30px;
}


.midashi{
	font-size: 24px;
	font-weight: bold;
}

.top5{
	margin-top:10px;
}

.top2 ol{
	text-align: center;
	color: #999;
	margin:15px 0px 30px 0;
  display:inline-block;
}
.top2 dt{
	margin:20px 0 35px;
}
.top2 li{
	text-align: left;
	margin:20px 0;
	font-size: 20px;
	line-height:1.5em;
}



.kakudai{
	font-size: 12px;
}
	
.name1{
    display: inline-block;                        /* インライン要素化 */

}
 
/* ツールチップ部分を隠す */
.name2 {
    display: none;
}
 
/* マウスオーバー */
.name1:hover {
    position: relative;
    color: #333;
}
 
/* マウスオーバー時にツールチップを表示 */
.name1:hover .name2,
.name1:hover .name3,
.name1:hover .name4,
.name1:hover .name5,
.name1:hover .name6,
.name1:hover .name7,
.name1:hover .name8
{
    display: block;                  /* ボックス要素にする */
    position: absolute;            /* relativeからの絶対位置 */
    color: #fff;
    background-color:#333;
    padding: 5px;
    border-radius:3px;
    z-index:100;
}

.name1:hover .name2
{
    width: 100px;
    top: 25px;
    font-size: 90%;
} 

.name1:hover .name3
{
    width: 200px;
    top: 25px;
    font-size: 90%;
} 
.name1:hover .name4
{
    width: 200px;
    top: 25px;
    right:0px;
    font-size: 90%;
} 
.name1:hover .name5
{
    width: 200px;
    top: 0px;
    left:37px;
    font-size: 120%;
} 
.name1:hover .name6
{
    width: 200px;
    top: 0px;
    right:23px;
    font-size: 120%;
} 
.name1:hover .name7
{
    width: 250px;
    top: -10px;
    left:70px;
    font-size: 100%;
} 
.name1:hover .name8
{
    width: 250px;
    top: -10px;
    right:70px;
    font-size: 100%;
} 
 
/* ツールチップ部分を隠す */
.name3,
.name4,
.name5,
.name6,
.name7,
.name8{
    display: none;
}
.red{
	color:red;
}
.blue{
	color:blue;
}
.green{
	color:green;
}

.none{
	display:none;
}

.aaaaaaaaaa .wrap{
  overflow: scroll;
  position: relative;
}
.aaaaaaaa .inner{
  position: absolute;
  left:0;
  top:0;
}


.mokuji{
	margin-bottom:10px;
	font-size:16px;
}

.ue30{
	margin-top:100px;
}

.koushin{
	margin:20px 0 -20px;
}



#email-notes{
	display:none;
}

.comment-form-url{
	display:none;
}

#sns-group{
	margin-top:-47px;
}


.article h2{
  position:relative;
  margin-top:0px;
  margin-bottom:20px;
}

.ad-ue{
	margin:15px 0;
	text-align:center;
}

.ad-sita{
	margin:18px 0 0;
	text-align:center;
}

.ad-sita table{
	width:100%;
	border-style:none;
	text-align:center;
}
.ad-sita td{
	border-style:none;
}

.ad-sita-sp{
	margin:18px 0 0;
	text-align:center;
}

.aaaaaaa .Copyright{
	margin:-20px 0 -10px;
	text-align:center;
	
}

.aaaaa .Copyright2{
  clear: both;
  background-color: #555;
  color: #fff;
  padding: 5px;
	text-align:center;
  font-size: 90%;
	
}

.ad-top{	
	margin:0px 0 20px;
	text-align:center;
}

.ad-topnaka{	
	margin-top:10px;
	margin-bottom:40px;
	text-align:center;
}


.ad-topsita{	
	margin-top:20px;
	margin-bottom:40px;
	text-align:center;
}

.ad-kijiue{	
	margin:30px 0 0px;
	text-align:center;
}

.ad-kijisita{	
	margin:-25px 0 30px;
	text-align:center;
}


.ad-kanren{	
	margin:20px 0 20px;
	text-align:center;
}


.ad-kanren-ue{	
	margin:-20px 0 25px;
	text-align:center;
}


.ad-kanren-sita{	
	margin:80px 0 0;
	text-align:center;
}


.ad-side{	
	margin:-40px 0 -20px;
	text-align:center;
}

.ad-side-sp1{	
	margin:0px 0 0px;
	text-align:center;
}

.ad-side-sp2{	
	margin:0px 0 0px;
	text-align:center;
}


#related-entries{
	margin-bottom:-40px;
}
.article table {
	word-break : break-all;
}

.sai{
	margin-bottom:100px;
}


.reload{
	position: relative;
	height:40px;
	width:250px;
	margin:30px 0 0 auto;
	font-size:22px;
	font-weight:bold;
	background-color:#eff;
	border: solid 1px #000;
	border-radius: 5px;
	text-align:center;
}

.reload a {
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
	text-decoration:none;
}

.kanren{
margin-bottom:50px;
}

.kanren-top{
font-weight:bold;
}


.no-sidebar .wrap {
 width: 99%;
}

/* 一括でスライドイン文字列変更 */
.navi-menu-button,
.home-menu-button,
.search-menu-button,
.top-menu-button, /* トップに画像を入れる場合この1行は削除 */
.sidebar-menu-button {
	position: relative;
}
.navi-menu-button .navi-menu-caption,
.home-menu-button .home-menu-caption,
.search-menu-button .search-menu-caption,
.top-menu-button .top-menu-caption, /* トップに画像を入れる場合この1行は削除 */
.mobile-menu-buttons .sidebar-menu-caption {
	display: none;
}
.navi-menu-icon::after,
.home-menu-icon::after,
.search-menu-icon::after,
.top-menu-icon::after, /* トップに画像を入れる場合この1行は削除 */
.sidebar-menu-icon::after {
	font-size: 12px;
	position: absolute;
	top: 2.3em; /* 高さの微調整 */
	left: 0;
	right: 0;
}
/* メニューの文字列を変更 */
.navi-menu-icon::after {
	content: '各種データ集';
}
/* ホームの文字列を変更 */
.home-menu-icon::after {
	content: 'ホーム';
}
/* 検索の文字列を変更 */
.search-menu-icon::after {
	content: '検索';
}
/* トップ文字列を変更：トップに画像を入れる歳は不要  */
.top-menu-icon::after {
	content: 'トップ';
}
/* サイドバー文字列を変更 */
.sidebar-menu-icon::after {
	content: 'カテゴリ';
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	

.ad-topnaka{	
	margin:20px 0px 10px;
	overflow: hidden;
}


.ad-topsita{	
	margin:30px 0 40px;
	overflow: hidden;
}


.ad-kijiue{	
	margin:30px 0 0px;
	overflow: hidden;
}

.ad-kijisita{	
	margin:20px 0 0px;
	overflow: hidden;
}


.ad-kanren-sita{	
	margin:80px 0 0;
	overflow: hidden;
}	
	
.no-sidebar .wrap {
 width: 100%;
}

	
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.ad-kijisita{	
	margin:0px 0px 40px;
	overflow: hidden;
}

}