@charset "UTF-8";

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

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

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
.article h1 {
    padding: 0;
}
.topimg {
    margin: 0 0 2em 0 !important;
	}
}

h1 {
	font-size:0.9em !important;
	margin-bottom:0.5em !important;
	line-height:0px;
}

/* リスト チェック */
.list-check{
   list-style: none;
   padding:5px !important;
   margin:0;
}
.list-check li { 
   position: relative;
   margin:0.5em 0 !important;
   padding-left: 25px;
}
.list-check li:before {
   font-family: FontAwesome;
   content: "\f058"; /*アイコン*/
   color:  #ffa952; /* 色 */
   position: absolute;
   left:0;
}

/* 点線ピンクボックス */
.pink-box {
    padding: 0.2em 0.4em;
    margin: 2em 0;
    color: #565656;
    background: 	#ffefff;
    box-shadow: 0px 0px 0px 10px 	#ffefff;
    border: dashed 2px #FFBBFF;
    border-radius: 8px;
}
.pink-box p {
    margin: 0; 
    padding: 10px;
}

.pink-box li:before {
   color:  #FFBBFF; /* 色 */
}

/* 点線オレンジボックス */
.orange-box {
    padding: 0.2em 0.5em;
    margin: 2em 0;
    color: #565656;
    background: 	#fef0cd;
    box-shadow: 0px 0px 0px 10px 	#fef0cd;
    border: dashed 2px #f58605;
    border-radius: 8px;
}
.pink-box p {
    margin: 0; 
    padding: 10px;
}

/* 点線青ボックス */
.blue-box {
    padding: 0.2em 0.4em;
    margin: 2em 0;
    color: #565656;
    background: 	#f4fbff;
    box-shadow: 0px 0px 0px 10px #f4fbff;
    border: dashed 2px #A4C6FF;
    border-radius: 8px;
}
.blue-box p {
    margin: 0; 
    padding: 10px;
}
.blue-box li:before {
   color:  #A4C6FF; /* 色 */
}

/* 引用 */
.post blockquote {
	background-color:transparent !important;
	padding:0px;
	margin-top: -5px;
	margin-right: -5px;
		margin-left: -5px;
	margin-bottom: 0px;
	border: none;
}

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {
	.st-header-flextitle{
		font-size:200% !important;
	}
	.st-header-flexwrap{
		height:300px !important;
	}
	
	/*-- ここまで --*/
}

.scrbox {
  overflow: scroll;   /* スクロール表示 */ 
  height: 30px;
  width: 200px;
  background-color: white;
  overflow-x: hidden;
  font-size: 14px;
}
.scr10::-webkit-scrollbar{
 display:none;
}
.scr10 {
 -ms-overflow-style:none;
	margin-bottom:-10px;
}
#scrollad {
    padding:  0;
}

.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

.wp-block-table.table-jump tbody tr:nth-child(odd)  {
	background-color:#fff !important;
}