@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
*/

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

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

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

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


/* テーブルのテキストを左上に */
body :not(.has-border-color) :where(th, td){
	vertical-align: top;
	text-align:left;
	min-width:3.2em;
	padding: 0.5em;
	border-right: 1px solid #959595;
	border-bottom: 1px solid #959595;
}
body table{
	margin-bottom: 1.5em;
	padding: 0;
	border-top: 1px solid #959595;
	border-left: 1px solid #959595;
	border-collapse: separate
}
body table tr:nth-of-type(2n+1) {
	background-color:inherit;
}
body table th {
    background-color:#f0f0f0;
}
/* テーマ移行に関わるCSS調整 */
footer .author-thumb{
	width:unset!important;
}
.footer-center{
	width:calc(66% + 16px);
}
.footer-center h3{
	background:#eee;
	padding:10px
}
.footer-center ul{
	display:flex;
	flex-wrap:wrap;
}
.footer-center li{
	width:50%;
}
.footer-right{
	display:none;
}


.youtube {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-top: 20px;
margin-bottom: 20px;
}
div.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



.ad {
margin-left: -3px;
margin-right: -3px;
}



.button-rink, .button-rink:visited{
       font-size:13px;
      background:#ff6600;
      display:inline-block;
      padding:3px 7px 2px 8px;
      color:#ffffff;
      text-decoration:none;
      -moz-border-radius:4px;
      -webkit-border-radius:4px;
      border-radius:4px;
      border:none;
      position:relative;
      cursor:pointer;
      margin:10px 10px 0 0;
         vertical-align: middle;
}
a.button-rink {
     color:#ffffff;
}
.button-rink a:link{
     color:#ffffff;
}
.button-rink:hover{
      background:#FFBF7F;color:#fff;
}



.sample-box-12 {
    border: 4px solid #82636b;
    border-radius: 240px 15px 185px 15px / 15px 200px 15px 185px;
    margin: 2em 0;
    padding: 2em;
}



a.border3   {
    color:#dd0000;
    text-decoration:none;
    padding:5px;
    border:1px solid #dd0000;
}