/*
 Theme Name:   Lightning Child
 Theme URI:
 Description:  Lightningテーマの子テーマ
 Author:       ukiyoman
 Author URI:
 Template:     Lightning
 Version:      15.29.11
*/



  p {
      color: #FF00FF;
    }
    .box {
	    border: 3px solid #FFE34E;
    }
    #important {
	    text-decoration: underline;
    }
    ul.box{
	    background-color: #C9ECFF;
    }
    li:hover {
	    color: white;
		background-color : #E10051;
    }
    .box p {
	    font-weight: bold;
    }

/* 以下、アイキャッチを
　　　　センタリングする */ 
    img.wp-post-image {
			display: block; margin: 0 auto;
    }
    .hex {
      color: #57C2FF;
    }
    .keyword {
      color: blueviolet;
    }
    .rgb {
      color: rgb(87 194 255);
    }

/* Box */
    .boxes {
      display: flex;
      gap: 16px;
    }
    .box {
      border: 2px solid #FFCA7A;
      padding: 8px;
    }

/* 丸ぼたん Swiper（スライダー）のページネーションの
　　　　　　　　　ドット（丸ボタン）のスタイルを設定*/
.swiper-pagination-bullet {
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background-color: #ccc !important; /* 非アクティブな丸の色（薄いグレーなど） */
  opacity: 1 !important;
}

.swiper-pagination-bullet-active {
  background-color: orange !important; /* アクティブな丸をオレンジに */
}

/* 丸ぼたん おわり */


.before-after::before {
      content: "🎵";
      color: #FF5959;
    }
.before-after::after {
      content: "🎵";
      color: #FF5959;
    }


/* ふぁーくしょん　*/
    .rgb {
      color: rgb(87 194 255);;
		
/* 長さなど　*/
    .width-400px {
      border: 2px solid #e08b15;
      width: 400px;
    }

/* 006 スタイルを適用しないボックス　*/
	 html * {
      box-sizing: border-box;
    }
    .background-only {
      background-color: #C9ECFF;
    }	
		
/* 006 パディングとボックス　*/
		.padding {
      padding-top: 32px;
      padding-right: 24px;
      padding-bottom: 32px;
      padding-left: 24px;
      background-color: #f195b7;
    }

/* 006 ボーダーとボックス　*/	
		 .border {
      border: 10px solid #0090E1;
      padding: 32px 24px;
      background-color: #f195b7;
    }

/* 006 マージンとボックス　*/		
		 .margin {
      margin-top: 32px;
      border: 10px solid #0090E1;
      padding: 32px 24px;
      background-color: #f195b7;
    }

/* 006 ウィドスとボックス　*/			
		.width {
      margin-top: 32px;
      border: 10px solid #0090E1;
      padding: 32px 24px;
      width: 300px;
      background-color: #f195b7;
    }
		
/* 006 インラインボックス　*/				
		 .inline {
    margin-left: 16px;
    margin-right: 16px;
    border: 6px solid #0090E1;
    padding: 8px;
    background-color: #C9ECFF;
  }