@charset "UTF-8";

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

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

/*フロント固定ページのタイトル日付を非表示*/

.home.page .entry-title,
.home.page .date-tags,
.home.page .author-info{
  display: none;
}

.main{padding-top:0px;
}

/*ヘッダーサイト名非表示*/
.site-name-text {
display: none;
}

/*2ボックス　*/
.liquid{
  padding: 10px;
}
.liquid-col{
  padding: 10px;
  box-sizing: border-box;
  float: left;
  width: 50%;
}
.liquid-col-inner{
  background: #fff;
}
.liquid-desc{
        clear:both;
	overflow: hidden;
        padding: 20px 30px;
}

@media screen and (max-width: 480px){
  .liquid-col{
    width: 100%;
  }
}
/*2ボックス　*/
/*4ボックス　*/

.ffbox{
  padding: 10px;
}
.ffbox-col{
  padding: 10px;
  box-sizing: border-box;
  float: left;
  width: 25%;
}
.ffbox-col-inner{
  background: #fff;
}
@media screen and (max-width: 768px) and (min-width: 481px){
  .ffbox-col{
    width: 50%;
  }
}
@media screen and (max-width: 480px){
  .ffbox-col{
    width: 100%;
  }
}
/*4ボックス　*/



/* 角丸ドロップシャドウ */

.msbox{
padding: 10px;
background:#D7FFFE;
color: #333;
font-weight: bold;
border-radius: 15px;
-webkit-radius: 15px;
-moz-border-radius: 15px;
border: solid 2px #FD0000;
margin-bottom: 50px;
-webkit-box-shadow: 2px 2px 3px #999; /* Safari, Chrome用 */
-moz-box-shadow: 2px 2px 3px #CCC; /* Firefox用 */
box-shadow: 2px 2px 3px #CCC; /* CSS3 */
}

/* 角丸ドロップシャドウ終り */

/* グラデボーダー太 */
.borderll {
	height: 3px;
	background-image: linear-gradient(90deg, transparent, transparent 50%, #fff 50%, #fff 100%), linear-gradient(90deg, #69d2e7, #a7dbd8, #e0e4cc, #f38630, #fa6900);
	background-size: 10px 3px, 100% 3px;
	border: none;
}
/* グラデボーダー太終り */




/*チェックリスト*/
.check-list{
	margin-left: 0;
	font-size: 18px;
	font-weight: bold;
}

.check-list li{
	list-style: none;
}

.check-list li{
	padding-left: 34px;
        padding-top: 1px ;
	background: url(https://www.lightsaber-j.xyz/wp-content/uploads/checkgg.png) left 3px no-repeat;
}


.check-blue{
	margin-left: 0;
	font-size: 18px;
}

.check-blue li{
	list-style: none;
}

.check-blue li{
	padding-left: 34px;
        padding-top: 5px ;
	background: url(https://www.lightsaber-j.xyz/wp-content/uploads/checkblue.png) left 3px no-repeat;
}


/*チェックリスト*/

/*---------- Font color deco --------------------------------------------------------------*/
/*カラーボールドフォント*/
.b-red{ color: #e53935;  font-weight: bold}/*赤*/
.b-blue{ color: #0000dd;  font-weight: bold}/*青*/
.b-green{ color: #4caf50;  font-weight: bold}/*緑*/
.b-yel{ color: #ffff00;  font-weight: bold}/*黄*/
.b-navy{ color: #3f51b5;  font-weight: bold}/*紺*/
.b-ora{ color: #ec6d35;  font-weight: bold}/*橙*/
.b-pink{ color: #ec407a;  font-weight: bold}/*ピンク*/
.b-pur{ color: #9c27b0;  font-weight: bold}/*紫*/
.b-olive{ color: #808000;  font-weight: bold}/*オリーブ*/
.b-lime{ color: #00ff00;  font-weight: bold}/*黄緑*/
.b-aqua{ color: #00bcd4;  font-weight: bold}/*水色*/
.b-black{ color: #000;  font-weight: bold}/*黒*/
.b-gray{ color: #ccc;  font-weight: bold}/*灰*/
.b-white{ color: #fff;  font-weight: bold}/*白*/
.b-brown{ color: #6d4c33;  font-weight: bold}/*茶*/

/*サイズアップフォント*/
.s-22{ font-size: 22px;  font-weight: bold}
.s-26{ font-size: 26px;  font-weight: bold}
.s-30{ font-size: 30px;  font-weight: bold}

/*マーカー＆カラーフォント*/
.u-yel,
.u-ora,
.u-pink,
.u-lime,
.u-gray,
.u-aqua{ padding: 2px; }

.u-yel{ background-color: #ff6; color: #e53935;  font-weight: bold}/*黄-赤*/
.u-ora{ background-color: #f90; color: #1a7705;  font-weight: bold}/*橙-緑*/
.u-pink{ background-color: #ffccff; color: #0000dd;  font-weight: bold}/*桃-青*/
.u-lime{ background-color: #9f9; color: #9c27b0;  font-weight: bold}/*黄緑-紫*/
.u-gray{ background-color: #ccc; color: #ec407a;  font-weight: bold}/*灰-桃*/
.u-aqua{ background-color: #73F8F2; color: #FC181F;  font-weight: bold}/*水-赤*/

/*蛍光ペン*/

.k-yel {background: linear-gradient(transparent 65%, yellow 95%); font-weight: bold}/*蛍黄*/
.k-lime {background: linear-gradient(transparent 65%, lime 95%); font-weight: bold}/*蛍緑*/
.k-aqua {background: linear-gradient(transparent 65%, aqua 95%); font-weight: bold}/*蛍水*/
.k-pur {background: linear-gradient(transparent 65%, mediumorchid 95%); font-weight: bold}/*蛍紫*/
.k-pink {background: linear-gradient(transparent 65%, hotpink 95%); font-weight: bold}/*蛍桃*/
/*---------- Font color deco end --------------------------------------------------------*/





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

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

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

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