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

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

video {
  display: block;
  margin-left: auto; 
  margin-right: auto;
}

.video-container video {
  width: 90%; 
  max-width: 360px;
  height: auto; /* 縦横比を維持 */
}

hr {
  margin: 2em 0;
}
p,h2 ,h3 ,h4{
  margin: 2em 0;
}


.author-box p {
    line-height: 1.3;
}

a .author-name {
    text-decoration: none;
}

.sns-follow-buttons.sns-buttons {
    background-color: #000;
    padding: 0.6em 0;
}
.author-name  a{
	pointer-events: none;
	    text-decoration: none;
}

label.toc-title {
    background-color: #ffbf00;
}

.square-video {
  width: min(50%);
  border: 1px solid #ddd;
	border-radius: 16px;
  object-fit: cover;
	display: block;
  overflow: hidden;
}

.sns-box {
  text-align: center;
  padding: 20px;
  border: 1px solid #eee;
  border-radius: 12px;
  background: #fafafa;
  margin: 30px 0;
}

.sns-icon {
  width: 80px;
  border-radius: 50%;
  margin-bottom: 10px;
}

.sns-text {
  font-size: 14px;
  margin-bottom: 15px;
}

.sns-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.sns-btn {
  padding: 8px 14px;
  border-radius: 20px;
  color: #fff;
  text-decoration: none;
  font-size: 11px;
}

/* 各SNSカラー */
.sns-btn.x {
	background: #1DA1F2; }
.sns-btn.insta {
    background: #CF2E92;}
.sns-btn.youtube{
	background: #b90303; }
.sns-btn.tiktok {
	background: #000; }

/* affiliate */

.affiliate-box{
    background:#fff;
    border:1px solid #e5e5e5;
    border-radius:12px;
    padding:20px;
    margin:40px auto;
    text-align:center;
    box-shadow:0 3px 10px rgba(0,0,0,.05);
}

.affiliate-title{
    font-weight:bold;
    font-size:18px;
    margin-bottom:15px;
}

.affiliate-box img{
    border-radius:8px;
}

.affiliate-button{
    display:inline-block;
    margin-top:15px;
    padding:12px 28px;
    background:#ff9900;
    color:#fff;
    text-decoration:none;
    border-radius:30px;
    font-weight:bold;
}

/* AdSense広告が記事幅を超えないようにする */
.entry-content ins.adsbygoogle {
    display: block;
    max-width: 100% !important;
    overflow: hidden;
}

.entry-content {
    overflow-x: hidden;
}


@media screen and (max-width: 768px) {
  .carousel {
    display: none;
  }
}