@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

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

body {background-color: #fff;}


#header-container .navi, #navi .navi-in > .menu-header .sub-menu {
	background-color: #f89622;}

#header-container {
	background: #7ad234;

}


.date-tags {display:none;}
table th, table td {border-color: #b5b5b5;}

.footer {
	margin-top: 0px;
	padding: 8px;
}





.date-tags {display:none;}
/* 横100％レイアウトCSS */

.page .wrap {width:100%}
main.main {padding:0;}
main.main .post {padding: 1em;}

.single-post .wrap {
    width: fit-content;
}
.entry-content > *, .article p, .demo .entry-content p, .article dl, .article ul, .article ol, .article blockquote, .article pre, .article table, .article .toc, .body .article, .body .column-wrap, .body .new-entry-cards, .body .popular-entry-cards, .body .navi-entry-cards, .body .box-menus, .body .ranking-item, .body .rss-entry-cards, .body .widget, .body .author-box, .body .blogcard-wrap, .body .login-user-only, .body .information-box, .body .question-box, .body .alert-box, .body .information, .body .question, .body .alert, .body .memo-box, .body .comment-box, .body .common-icon-box, .body .blank-box, .body .button-block, .body .micro-bottom, .body .caption-box, .body .tab-caption-box, .body .label-box, .body .toggle-wrap, .body .wp-block-image, .body .booklink-box, .body .kaerebalink-box, .body .tomarebalink-box, .body .product-item-box, .body .speech-wrap, .body .wp-block-categories, .body .wp-block-archives, .body .wp-block-archives-dropdown, .body .wp-block-calendar, .body .ad-area, .body .wp-block-gallery, .body .wp-block-audio, .body .wp-block-cover, .body .wp-block-file, .body .wp-block-media-text, .body .wp-block-video, .body .wp-block-buttons, .body .wp-block-columns, .body .wp-block-separator, .body .components-placeholder, .body .wp-block-search, .body .wp-block-social-links, .body .timeline-box, .body .blogcard-type, .body .btn-wrap, .body .btn-wrap a, .body .block-box, .body .wp-block-embed, .body .wp-block-group, .body .wp-block-table, .body .scrollable-table, .body .wp-block-separator, .body .wp-block, .body .video-container, .comment-area, .related-entries, .pager-post-navi, .comment-respond  {
	margin-bottom: 0px;
}
.mgnA {margin-left: auto;margin-right: auto;}
.clear-fix {
	height: 100%;
	overflow: hidden;
	zoom: 1;
}
.clear-fix::after {
	content:"";
	display:block;
	clear:both;
}
.box3divs {float:left;}


/* ページレイアウト */
.inner {width:80%;margin-right:auto;margin-left:auto;}
/* 共通
---------------------------------------------------- */
.fll {float:left;}
.flr {float:right;}
.encent {text-align:center;}
.encent_mL {text-align:center;}	
.kome {padding-left:1em;text-indent:-1em;}

.txt-bl {color:#00a0e9;}
.txt-re {color:#ee3333;}
.txt-pi {color:#df429f;}
.txt-or {color:#ffaa00;}
.txt-99 {color:#999;}
.txt-gr {color:#4a841c !important;}
.txt-cha {color:#763909;}



.wid10 {width:10%;}.wid10_m100 {width:10%;}
.wid15 {width:15%;}.wid15_m100 {width:15%;}
.wid20 {width:20%;}.wid20_m100 {width:20%;}
.wid25 {width:25%;}.wid25_m100 {width:25%;}
.wid30 {width:30%;}.wid30_m100 {width:30%;}
.wid33 {width:33%;}.wid33_m100 {width:33%;}
.wid35 {width:35%;}.wid35_m100 {width:35%;}
.wid40 {width:40%;}.wid40_m100 {width:40%;}
.wid45 {width:45%;}.wid45_m100 {width:45%;}
.wid48 {width:48%;}.wid48_m100 {width:48%;}
.wid50 {width:50%;}.wid50_m100 {width:50%;}
.wid55 {width:55%;}.wid55_m100 {width:55%;}
.wid58 {width:58%;}.wid58_m100 {width:58%;}
.wid60 {width:60%;}.wid60_m100 {width:60%;}
.wid65 {width:65%;}.wid65_m100 {width:65%;}
.wid70 {width:70%;}.wid70_m100 {width:70%;}
.wid75 {width:75%;}.wid75_m100 {width:75%;}
.wid80 {width:80%;}.wid80_m100 {width:80%;}
.wid85 {width:85%;}.wid85_m100 {width:85%;}
.wid90 {width:90%;}.wid90_m100 {width:90%;}
.wid95 {width:95%;}.wid95_m100 {width:95%;}
.wid98 {width:98%;}.wid98_m100 {width:98%;}
.wid100 {width:100%;}




.mgnl50 {margin-left: 50px;}
.mgnl35 {margin-left: 35px;}

.mgnt5 {margin-top:5px;}
.mgnt10 {margin-top: 10px;}
.mgnt15 {margin-top: 15px;}
.mgnt20 {margin-top: 20px !important;}
.mgnt30 {margin-top: 30px;}
.mgnt40 {margin-top: 40px;}
.mgnt50 {margin-top: 50px;}
.mgnt60 {margin-top: 60px;}
.mgnt70 {margin-top: 70px;}
.mgnt80 {margin-top: 80px;}
.mgnr5 {margin-right: 5px;}
.mgnr10 {margin-right: 10px;}
.mgnr15 {margin-right: 15px;}
.mgnr20 {margin-right: 20px;}
.mgnr30 {margin-right: 30px;}


.pdr5 {padding-right:5px;}
.pdr10 {padding-right:10px;}
.pdr15 {padding-right:15px;}
.pdr30 {padding-right:30px;}
.pdt10 {padding-top:10px;}
.pdt15 {padding-top:15px;}
.pdt30 {padding-top:30px;}

.mgnb10 {margin-bottom: 10px;}

.pdr20 {padding-right:20px;}

.bdt {border-top: 1px dotted #ccc;padding-top:10px;}
.bdb {border-bottom: 1px dotted #ccc;}

.vm {vertical-align:middle;}
.valt {vertical-align:top;}
.valm {vertical-align:middle;}
.valb {vertical-align:bottom;}

.bold {font-weight: bold;}
.small{font-size:12px;}
.big{font-size:16px;}
.pc_left {float:left;}
.pc_right {float:right;}
.mobile_only {display:none;}


/* リンク
---------------------------------------------------- */
a {
/**/
 overflow: hidden;
/**/
}

a:link {
	color:#00a0e9; /* リンクの色 */
	text-decoration:none;
}
a:visited {
	color:#00a0e9; /* 訪問済みリンクの色 */
	text-decoration:none;
}
a:hover, a:active {
	color:#ffaa00;
	text-decoration:underline;
}
a img {
  border:none;
  color: #ffffff;
}









/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/* 標準幅 */
.inner {
	width: 60%;
	margin-right: auto;
	margin-left: auto;
}
/* 標準幅 狭め */

.inner2 {
	width: 50%;
	margin-right: auto;
	margin-left: auto;
}

/* 標準幅　広め */

.inner3 {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}
.innner100 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}


/*1023px以下*/
@media screen and (max-width: 1023px){

	.inner {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}
.inner2 {
	width: 55%;
	margin-right: auto;
	margin-left: auto;
}
.inner3 {
	width: 75%;
	margin-right: auto;
	margin-left: auto;
}

	
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.inner {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.admin-bar .mobile-header-menu-buttons {
	margin-top: 0;
	background: #7ad234;
}	
.wid10_m100 {width:100%;}
.wid15_m100 {width:100%;}
.wid20_m100 {width:100%;}
.wid25_m100 {width:100%;}
.wid30_m100 {width:100%;}
.wid33_m100 {width:100%;}
.wid35_m100 {width:100%;}
.wid40_m100 {width:100%;}
.wid45_m100 {width:100%;}
.wid48_m100 {width:100%;}
.wid50_m100 {width:100%;}
.wid55_m100 {width:100%;}
.wid58_m100 {width:100%;}
.wid60_m100 {width:100%;}
.wid65_m100 {width:100%;}
.wid70_m100 {width:100%;}
.wid75_m100 {width:100%;}
.wid80_m100 {width:100%;}
.wid85_m100 {width:100%;}
.wid90_m100 {width:100%;}
.wid95_m100 {width:100%;}	
	
.pc_left {float:none;padding:0;}
.pc_right {float:none;padding:0;}
.pc_only {display:none;}
.mobile_only {display:block;}
.mobile_on {display:block;}	
	
.encent_mL {text-align:left;}	
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.inner {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
}