@charset "UTF-8";

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

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

/*----------------------------------------------------------------------
全体
----------------------------------------------------------------------*/
/*ページタイトル*/
.eye-catch-wrap{display:inline-block;vertical-align:middle;}
.eye-catch{width:80px;height:auto;}

/*リンク*/
a:visited { color: #551a8b !important; }

/*見出し*/
.article h2 {padding: 0; background: none;}
.article h3 {padding: 0; background: none;border:none;}
.article h4 {padding: 0; background: none;}
.article h5 {padding: 0; background: none;}
.article h6 {padding: 0; background: none;}

.article h2 {line-height: 1.3;font-weight: bold;margin: 3em 0 1em;font-size: 20px;padding: 15px;background-color: #33aa00;color:#fff;border-radius: 2px;}
.article h3 {line-height: 1.25;font-weight: bold;margin: 2em 0 1em;border-bottom: 2px solid #444;font-size: 16px;padding: 12px 20px;}

/*表全体*/
table{margin:10px 10px;padding:0px}
table.tablepress tr:nth-of-type(2n+1) {
  background-color: transparent;
}
table.tablepress tr{background-color: transparent !important;}
th{text-align:center;padding:5px 10px;border:solid #333 1pxt;font-weight:bold;background:transparent;background-color:#ff9;font-size:14px;}
td{padding:5px 10px;border:solid #333 1px;font-size:14px;line-height:26px;background:transparent;background-color:#fff;}

/*footnote*/
.footnote{padding:0px;margin:0px;font-size:14px}

/*footnote2*/
.footnote2{padding:0;margin:0;font-size:14px;}

/*ページ送り*/
.post-page-numbers span{background-color:#fff !important;border-color:#33aa00;}
.post-page-numbers span:hover{background-color:#33aa00 !important;color:#fff !important;background-color:#fff;}
.page-numbers.current{background-color:#33aa00 !important;color:#fff;background-color:#fff;}

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

/*ヘッダー（ロゴ部分）*/
.header-display{float:left !important;text-align:left;display:inline-block;vertical-align:middle;;}
.header-display img{margin:0px 10px;vertical-align:middle;}
.header-logo {width:100px;}
.header-title{width:350px;}
@media screen and (max-width: 480px){
.header-logo {width:60px;}
.header-title{width:200px;}
}

/*ヘッダー2段組*/
.header-2row{display: flex;}
.header-2row>div{width: 50%;}
.header-2row,.header-2row>div{padding: 10px;}

/*検索窓*/
.search-box {
float:right;
width:40%;
margin:10px; 
position: relative; display: flex;
}
@media screen and (max-width: 480px){
.header-2row{display: block;}
.header-2row>div{width:100%;}
.search-box {width:100%;display:block;float:none;text-align:center;}
}
.search-edit {
width:auto; /*入力部分の長さ*/
height:50px ;/*検索窓の高さ*/ 
background: #fff; /*入力部分の背景色*/
 font-size: 15px;
}	
.search-submit {
background: #fff; /*ボタン部分の背景色*/
color: #aeab92;/*アイコンの色*/
position: absolute; margin:3px 6px 3px; 
cursor: pointer; line-height:0; /*検索アイコンの高さや位置*/ 
border:none;padding: 0;}

.search-box input::placeholder {
font-size: 15px; color: #aeab92;/*プレースホルダーのフォント大きさと色*/
}

/*メニュー*/
#navi .navi-in > ul li{height: 40px;line-height: 40px;border-radius:10px;border:1px #33aa00 solid;margin:5px;}
#navi .navi-in > ul li a{font-size:14px;font-weight:bold;}
#navi .navi-in > ul li a:hover{background-color:#33aa00;color:#fff;border-radius:10px;transition-duration: 0.6s;}
@media screen and (max-width: 480px){
	.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-no-description{width:40% !important;}
}

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

/*タイトル*/
h3.widget-sidebar-title.widget-title{padding:5px;font-size:16px;background-color:#33aa00;color:#fff;text-align:center;font-weight:normal;}

/*サイドバーカード*/
.widget-entry-card {font-size: 15px;}
.widget-entry-card-thumb{margin:0px;}
.widget-entry-card-content{margin:0px;}

/*----------------------------------------------------------------------
フッター
----------------------------------------------------------------------*/
/*フッターメニュー*/
#navi-footer-in a:hover {background-color: #fff;color:#33aa00;transition-duration: 0.6s;font-weight:bold;}

/*----------------------------------------------------------------------
固定ページ
----------------------------------------------------------------------*/

/*固定ページの投稿日・更新日を消す*/
.page .date-tags {display: none;}

/*トップページタイトル削除*/
.front-top-page #main .entry-title{
	display: none;}

/*----------------------------------------------------------------------
トップページ
----------------------------------------------------------------------*/

/*トップページのボタン外側*/
.topbar-outside {display:inline-block;text-align:center;margin:50px 20px;}

/*トップページのアフェリ*/
.top-affiliate {text-align:center;}
.top-affiliate ul{display: flex;text-align:center;margin:50px 100px;}
.top-affiliate li{list-style: none;width:300px;}

/*トップページのボタン*/
.topbar {display:inline-block;width:180px;height:180px;
	color:#fff;font-size:19px;font-weight:none;
	padding:50px 10px;margin:20px;
	border-radius:0.2em;background-color:#33aa00;text-decoration:none;
	vertical-align:middle;border-bottom:solid 2px #690;border-right:solid 2px #690;}
.topbar a{vertical-align:middle;}
.topbar:hover{background:#fff;color:#33aa00;border-color:#33aa00;border:solid 1px #33aa00;transition-duration: 0.6s;}
@media screen and (max-width: 480px){
	.topbar-outside {margin:50px 0px;}
	.topbar {width:130px;height:130px;font-size:13px;padding:40px 10px;margin:20px 10px;}
}

/*----------------------------------------------------------------------
お問い合わせページ
----------------------------------------------------------------------*/
/* — コンタクトフォーム7　送信ボタンのカスタマイズ — */
input.wpcf7-submit { width:250px;height:50px;padding:5px 10px;border-radius:5%;margin:2em auto;border:none;
  text-align:center;
  background-color: #33aa00;
  color: #fff;
}

input.wpcf7-submit:hover{background-color: #fff;color:#33aa00;border:1px #33aa00 solid;transition-duration: 0.6s;font-weight:bold;}

/*reCAPTCHA非表示*/
.grecaptcha-badge { visibility: hidden; }

/*----------------------------------------------------------------------
投稿
----------------------------------------------------------------------*/

/*投稿タイトル*/
.eye-catch-wrap{margin-right:30px !important;}
@media screen and (max-width: 480px){
.entry-title{display:flex;}
.eye-catch-image.wp-post-image{width:60% !important;margin:0px !important;}
.eye-catch-wrap{margin-right:0px !important;}
}

/*引用*/
blockquote{margin:40px 20px !important;background-color:#fafad2;align-content;border:none;box-shadow:1px 1px #deb887;}
blockquote:before{color:#202020}
blockquote:after{color:#202020}

/*カード*/
img.wp-post-image{width:80px !important;}

/*関連記事リスト*/
.cat-label {display: none;}

/*関連ピックアップ*/
/*releted-pickup*/
.repickup{margin:20px 0px 10px 30px;}

/*関連ピックアップ*/
.pickup {margin:20px 30px;}
.pickup span{padding:3px 8px;font-size:14px;background-color:#333;color:#fff;border-radius:2px;text-align:center;vertical-align:top;}
.pickup p{margin:20px 0px;padding:0px;}

/*memo*/
.memo {background-color:#ff9;padding:15px 20px;margin:20px 10px 30px 10px;font:13px/20px;border-radius:10px;}
.memo img{width:10%;height:10%;margin:0 0 10px 0;vertical-align:middle;}

/*kakomi*/
.kakomi{padding:5px;margin:5px;font-size:14px;border:1px solid #777;border-radius:5px;}

/*graph-title*/
.graphtitle{padding:0;margin:0px;font-size:12px;font-weight:bold;text-align:center;}

/*noimage2*/
.noimage2{width:115px;height:160px;margin:25px 0px 15px 0px;padding:40px 0;background:#ddd;font-size:20px;border:solid 1px #aaa;color:#999;font-weight:bold;font-family:cursive;vertical-align:middle;}

/*noimage3*/
.noimage3{width:100px;height:70px;margin:25px 0 15px 0;padding:30px 0px;background:#ddd;font-size:20px;border:solid 1px #aaa;color:#999;font-weight:bold;font-family:cursive;vertical-align:middle;}

/*noimage4*/
.noimage4{width:90px;height:55px;margin:25px 0 15px 0;padding:20px 0;background:#ddd;font-size:20px;border:solid 1px #aaa;color:#999;font-weight:bold;font-family:cursive;vertical-align:middle;}

/*noimage-book*/
.noimage-book{width:125px;height:170px;margin:0px 15px;padding:40px 0;background:#ddd;font-size:20px;border:solid 1px #aaa;color:#999;font-weight:bold;font-family:cursive;vertical-align:middle;text-align:center;}

/*siteicon*/
#siteicon{padding:2px;margin:0 20px 0 0;background-color:#fff;border:double;font-size:4px;vertical-align:middle;text-align:center;}

/*column-halfsize*/
.halfsize{width:45%;margin:2%;float:left;}
.clear{clear:both;}

/*column-thirdsize*/
.thirdsize{width:160px;margin:5px 10px;float:left;text-align:center;vertical-align:bottom;}
.clear{clear:both;}

/*book-list*/
.booklist{width:160px;margin:20px 20px;float:left;text-align:center;vertical-align:bottom;}
.clear{clear:both;}
@media screen and (max-width: 480px){
	.booklist{width:300px;}
}

/*book-link*/
.bookimg {vertical-align:bottom;}
.bookimg a{text-decoration:none;font-weight:bold;font-size:16px;line-height:22px;margin:10px 0px;}
.bookimg p{font-size:14px;line-height:18px;margin:10px 0px;}
.bookimg img{width:120px;}

/*record-link*/
.recordimg {vertical-align:bottom;}
.recordimg a{text-decoration:none;font-weight:bold;font-size:16px;line-height:22px;margin:10px 0px;}
.recordimg img{width:160px;}

/*post-favicon*/
img.postfavicon{margin:0px 20px 0px 0px;width:35px;height:35px;vertical-align:middle;float:left;}

/*small-mark*/
.sfont{font-size:12px;margin:0 5px;}
.smark1{padding:1px 3px;font-size:70%;background-color:#333;color:#fff;border-radius:2px;text-align:center;vertical-align:middle;}
.smark2{padding:1px 3px;font-size:70%;background-color:#999;color:#fff;border-radius:2px;text-align:center;vertical-align:middle;}
.smark1 a:link{color:#fff;}
.smark1 a:visited{color:#fff;}
.smark1 a:hover{text-decoration:none;}
.smark1 a:active{text-decoration:none;}
.smark2 a:link{color:#fff;}
.smark2 a:visited{color:#fff;}
.smark2 a:hover{text-decoration:none;}
.smark2 a:active{text-decoration:none;}

/*flat-paragraph*/
.fpara{width:502px;float:right;}

/*Browser-shot*/
.browser-shot img{border:none;padding:0;margin:0;height:auto;}
.browser-shot {text-align:center;padding:0;margin:0;}

/*ranking*/
.ranking {width:60% !important;height:220px;border:3px double #999;border-radius:15px;margin:20px 50px;padding:10px;}
.ranking-left {width:55%;float:left;font-weight:bold;padding:10px;letter-spacing:1px;}
.ranking-left img{vertical-align:middle;margin:8px 0;width:20px;height:auto;text-align:center;}
.ranking-left table{margin:0;padding:0;}
.ranking-left tr{background-color:#fff;}
.ranking-left td:nth-child(1) {width:5%;text-align:center;margin:0;padding:0;border-style:none;font-size:15px;}
.ranking-left td:nth-child(2) {width:8%;text-align:left;margin:0;padding:0;border-style:none;font-size:15px;}
.ranking-left td:nth-child(3) {width:10%;text-align:right !important;margin:0;padding:0;border-style:none;font-size:15px;}
.ranking-right img{margin:5px;width:auto;height:auto;}
.ranking-right {margin-left:10px;padding:20px 10px 10px;font-size:13px;text-align:center;vertical-align:bottom;}
@media screen and (max-width: 480px){
	.ranking {width:100% !important;padding:10px 0px;margin:20px 0px !important;}
	.ranking-left {width:60% !important;}
	.ranking-left td:nth-child(2) {font-size:14px;}
	.ranking-left td:nth-child(3) {font-size:14px;}
}

/*次年・前年リンク*/
.linkyear{margin:40px auto;vertical-align:middle;text-align:center;}
.linkyear span{vertical-align:middle;margin:0px 20px;}
.linkyear .lytitle{padding:5px;margin:5px;color:#fff;background:#333;border:1px solid #777;border-radius:5px;}
.linkyear .lytitle a{text-decoration:none !important;color:#fff;}
.lytitle2 {text-decoration:none !important;color:#fff;}
.linkyear .lytitle a,a:hover,a:visited{color: inherit;}
@media screen and (max-width: 480px){
	.linkyear span{vertical-align:middle;margin:0px 5px;}
}

/*次年・前年リンク（旧）*/
.pageej{margin:10px 0;text-align:center;}
.pagearrow{vertical-align:middle;width:10%;height:10%;margin:0 20px;}
.pagemark{padding:5px;margin:5px;color:#fff;background:#333;border:1px solid #777;border-radius:5px;}

/*page-divide*/
.pagedivide{clear:both;padding:20px 0 0;font-size:13px;line-height:13px;text-align:center;}
.page-numbers a {color:#fff;padding:5px 10px;background-color:#690;text-decoration:none;border-radius:5px;-moz-border-radius:5px;margin:10px;}
.page-numbers a:hover {background-color:#aaa;}
.numbers {margin: 0;}

.rank-table table{margin:0;padding:0;}

/*----------------------------------------------------------------------
投稿（表カスタマイズ）
----------------------------------------------------------------------*/
.rtable {margin:40px 20px;}
.rtable th {text-align: center;border: solid #333 1px !important;background: transparent;background-color: #ff9 !important;font-size: 15px;}
.rtable td {border: solid #333 1px !important;font-size: 15px;background: transparent;background-color: #fff;text-align:right;}
.rtable td:nth-child(1) {text-align: center !important;}
.rtable td:nth-child(2) {text-align: center !important;}

.rtable-3c td:nth-child(3) {text-align: center !important;}

@media screen and (max-width: 480px){
.rtable th{font-size: 13px;}
.rtable td{font-size: 14px;}
.non3col th:nth-child(3){display:none;}
.non3col td:nth-child(3){display:none;}
}

.tasize-420 {width: 420px;margin-left: auto;margin-right: auto;}
.tasize-480 {width: 480px;margin-left: auto;margin-right: auto;}
.tasize-520 {width: 520px;margin-left: auto;margin-right: auto;}
.tasize-560 {width: 560px;margin-left: auto;margin-right: auto;}

.rtbar::after{content: '－';}
.rtper::after{content: '%';}
.rtord::after{content: '位';}
.rtx::after{content: 'X';}

/*ランキング一覧用table*/
.ltable table{margin:10px 30px 10px 10px;padding:0px;line-height:120%;}
.ltable tr {height:70px;vertical-align:middle;}
.ltable td{width: 20px;border-style: none;background-color:#fff;font-size:15px;text-align:center;vertical-align:top;}
.ltable td:nth-child(1) {width: 40px;font-weight:bold;padding-left:10px;text-align:left;}
.ltable td:nth-child(2) {width: 120px;font-weight:bold;padding:5px 10px;text-align:left;vertical-align:top;}
.ltable span{border:solid 1px #111;font-size:14px;padding:2px 5px;border-radius:4px;}
.ltable.any td:nth-child(3) {width:60%;padding:5px 10px;text-align:left;}
@media screen and (max-width: 480px){
	.ltable td:nth-child(1) {display:none;}
	.ltable td:nth-child(2) {display:inline;}
}

/*各都道府県の一覧用table*/
.lptable table{margin:10px 30px 10px 10px;padding:0px;}
.lptable tr {height:70px;vertical-align:middle;}
.lptable td{width: 20px;border-style: none;background-color:transparent;font-size:16px;}
.lptable td:nth-child(1) {width:30%;font-weight:bold;padding-left:10px;text-align:left;}
.lptable td:nth-child(2) {width:70%;text-align:left;}

/*----------------------------------------------------------------------
投稿（（旧）表カスタマイズ）
----------------------------------------------------------------------*/

/*no-border-table*/
.nbtable table{margin:10px 10px;padding:0px;}
.nbtable td{width: 30px;border-style: none;background-color:transparent;font-size:15px;}
.nbtable td:nth-child(1) {width: 200px;font-weight:bold;padding-left:10px;}

/*no-border-table2*/
.nbtable2 table{margin:10px 10px;padding:0;line-height:120%;}
.nbtable2 th{width:40%;text-align:left;padding:5px 10px;border-style: none;font-weight:bold;background-color:transparent;font-size:15px;vertical-align:top;}
.nbtable2 td{padding:5px 10px;border-style: none;background-color:transparent;font-size:15px;line-height:26px;vertical-align:top;}

/*5dan-table*/
.dtable5 table{margin:10px 10px 10px 0;padding:0;}
.dtable5 td{width:105px;padding:5px;border-style:none;background-color:transparent;font-size:15px;}

/*一覧表*/
.listtable table{margin:10px 10px;padding:0;}
.listtable th{width: 100px;font-size:14px;background-color:#ff9;border-color:#505050;font-weight:bold;}
.listtable th:nth-child(1) {width: 15%;}
.listtable td{border-color:#505050;}
@media screen and (max-width: 480px){
.listtable th{padding:0.7em;font-size:14px}
.listtable td{padding:0.7em;font-size:14px;line-height:28px;}
.listtable th:nth-child(1) {width: 23%;}
}

/*pref-table*/
.preftable table{margin:10px 10px;padding:0;}
.preftable td{width: 100px;border-style: none;background-color:transparent;font-size:14px;}
.preftable td:nth-child(1) {width: 150px;font-weight:bold;padding-left:10px;}

/*pref-table2*/
.preftable2 table{margin:10px 10px;padding:0;}
.preftable2 td{width: 50px;border-style: none;background-color:transparent;font-size:15px;}
.preftable2 td:nth-child(1) {width: 150px;font-weight:bold;padding-left:10px;}

/*person-table*/
.ptable td:nth-child(1) {width: 41px;border-right-style:none;padding:3px 5px 33px 5px;margin:0;}
.ptable td:nth-child(2) {width: 85px;border-left-style:none;padding-top:3px;}
.ptable td:nth-child(3) {width: 60px;font-size:13px;line-height:18px;padding:5px;vertical-align:middle;}
.ptable td:nth-child(4) {width: 53px;font-size:13px;line-height:18px;padding:5px;vertical-align:middle;}
.ptable td:nth-child(5) {width: 243px;font-size:13px;line-height:18px;padding:5px;vertical-align:middle;}
.ptable b{font-size:120%;line-height:16px;padding:0;margin:0;}
.ptable p{font-size:70%;line-height:12px;padding-top:0;padding-bottom:0;margin:0;}

/*----------------------------------------------------------------------
掲示板
----------------------------------------------------------------------*/
.area{display:inline-block;width:100%;margin:0px 10px 20px;}
.area table{display:inline-block;width:450px;float:left;margin:35px 0px;}
.area th{width:70px;}
.area td{padding:5px 15px;font-size:14px;}
.area img{vertical-align:middle;margin-right:10px;}
.area span{display:inline-block;margin:0px 10px;padding:0px;float:right;}
@media screen and (max-width: 480px){
.area table{display:inline-block;width:330px;margin:10px 0px;}
}

/*----------------------------------------------------------------------
コメント
----------------------------------------------------------------------*/
/*コメントを送信ボタンのカスタマイズ*/
.form-submit{text-align : center ;}
.comment-form .form-submit input {
  width:250px;height:50px;padding:5px 10px;border-radius:5%;margin:2em auto;border:none;
  text-align:center;
  background-color: #33aa00;
  color: #fff;
}
.comment-form .form-submit input:hover{background-color: #fff;color:#33aa00;border:1px #33aa00 solid;transition-duration: 0.6s;font-weight:bold;}

/*----------------------------------------------------------------------
関連記事欄
----------------------------------------------------------------------*/
/*関連記事の見出し*/
.related-entry-card-wrap.a-wrap.border-element.cf:hover{background-color:#efc;}
.related-entry-card-content.card-content.e-card-content{margin:0px !important;}

/*----------------------------------------------------------------------
ページング
----------------------------------------------------------------------*/

/*次のページボタン*/
.pagination-next {text-align:center;margin:30px}
.pagination-next a{
	font:14px normal;
	width:250px;height:50px;padding:10px 10px;border-radius:5%;margin:2em auto;
	text-decoration: none;
	display: inline-block;
	border:solid 1px #33aa00;
	background-color:#fff;
	color: #33aa00;
	text-align: center;
}

.pagination-next a:hover {background-color:#33aa00;border:solid 1px #33aa00;color:#fff;}

/*ページング*/
.pagination .page-numbers{border-color:#33aa00 !important;color:#33aa00;font-size:15px;white-space: nowrap;padding:0px !important;}
.pagination .page-numbers:hover{background-color:#33aa00;color:#fff}
.pagination .page-numbers.current{background-color:#33aa00;color:#fff}

/*----------------------------------------------------------------------
検索ページ
----------------------------------------------------------------------*/
/*検索結果の検索窓非表示*/
#main .search-box.input-box {
  display: none;
}

/*----------------------------------------------------------------------
bbpress
----------------------------------------------------------------------*/

/* bbpressメールアドレスを非表示 */
.bbp-form .bbp-form p:nth-child(3),
.bbp-form .bbp-form p:nth-child(4) {
	display: none;
}
/* bbpressフォーラム調整 */
.bbp-topic-display{display:none; /*独自に作成したトピック状態などを非表示*/}
.bbp-bbp_stick_topic{display:none; /*トピックタイプを非表示*/}
.bbp_topic_status{display:none; /*トピックの状態を非表示*/}
.bbp_dropdown{display:none; /*ドロップダウンを非表示*/}
.bbp-subscriptions-display{display:none; /*メール返信を非表示*/}
.bbp-header{display:none; /*一覧のタイトル項目を非表示*/}
.bbp-forum-description{display:none; /*注意を非表示*/}
.bbp-topic-started-in{display:none; /*フォーラム○○を非表示*/}

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

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

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

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