@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/*** SWELL標準デザイン変更 ***/

/* 吹き出しの角丸 */
is-style-balloon_box2 {
    border-radius: 2px;
}

/* マージン調整：スクロール可能の文字 */
.c-scrollHint {
    margin-top: 0px;
}

/* 表の外側を囲うボーダー色 */
.is-style-double table, table.is-style-double {
    border: 1px solid #d3d3d3;
}

/* ウィジェット */
.widget-li-custom {
}
.widget-li-custom a {
    border-bottom: 1px solid var(--swl-color_border);
    color: inherit;
    display: block;
    line-height: 1.4;
    position: relative;
    text-decoration: none;
}

.widget-li-custom a:before {
    content: "◆"!important;
    font-family: FontAwesome!important;
}

/* ボタンの丸み */
.is-style-btn_shiny {
    --the-btn-radius: 5px;
}


/*** デザインを追加 ***/

/* bfbプラグインの×ボタンを消す */
[id^="bfb_content_"].bfb_view_sp .bfb_closed img {
    display: none;
}

/* サイト名と記事タイトルの間を詰める */
/*.l-content {
    padding-top: 0.65em:important;
} */


/* 表 */
table {
	border-collapse: collapse;
	/*border: 3px solid green;   太さ3pxで黒色の実線 */
}
table th, table td {
	vertical-align: middle;
	padding: 5px;
}
table th{
    /*background-color: var(--thead-color--bg,var(--color_main));*/
	/*background-color: #888888;*/
	background-color: #F7F7F7;
    border: thin solid white;
    /*color: var(--thead-color--txt,#fff)!important;*/
    color: black;

	padding: 7px;
	text-align: center;
    vertical-align: middle!important;  /* 中央揃え */
	font-size: 15px;
}
table tr td{
	background: #ffffff;
	vertical-align: middle;
	padding: 5px;
}

table td p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

/* 表（スクロール）にダサいボーダーを入れない */
/*
.wp-block-table td, .wp-block-table th {
    border: thin solid #F2F2F2;
}
*/

.wp-block-table td {
    border: thin solid #F2F2F2;
}

.wp-block-table th {
    border: thin solid white;
}



/*
.post_content td, .post_content th {
    background-color: var(--thead-color--bg,var(--color_main));
    color: var(--thead-color--txt,#fff);
}
.post_content td, .post_content th {
    background-clip: padding-box;
    border-left: 1px solid #ededed;
    border-top: 1px solid #ededed;
    min-width: var(--swl-minwidth-cell,0);
    padding: 0.5em 0.75em;
    vertical-align: top;
}
.wp-block-table td, .wp-block-table th {
    position: relative;
    z-index: 0;
}
 */




/*td, th {
    background-clip: padding-box;
    border-left: 1px solid #ededed;
    border-top: 1px solid #ededed;
    min-width: var(--swl-minwidth-cell,0);
    padding: 0.5em 0.75em;
    vertical-align: top;
    position: relative;
    z-index: 0;
    word-break: break-all;
}

th {
    background-color: var(--thead-color--bg,var(--color_main));
    color: var(--thead-color--txt,#fff);
}

td {
    display: table-cell;
    vertical-align: inherit;
}
*/

/* 表の最低横幅 */
.min_width30_px {
    --swl-minwidth-cell: 30px;
}
.min_width50_px {
    --swl-minwidth-cell: 50px;
}
.min_width75_px {
    --swl-minwidth-cell: 75px;
}
.min_width100_px {
    --swl-minwidth-cell: 100px;
}
.min_width113_px {
    --swl-minwidth-cell: 113px;
}
.min_width125_px {
    --swl-minwidth-cell: 125px;
}
.min_width150_px {
    --swl-minwidth-cell: 150px;
}
.min_width175_px {
    --swl-minwidth-cell: 175px;
}
.min_width200_px {
    --swl-minwidth-cell: 200px;
}
.min_width225_px {
    --swl-minwidth-cell: 225px;
}
.min_width250_px {
    --swl-minwidth-cell: 250px;
}
.min_width300_px {
    --swl-minwidth-cell: 300px;
}
.min_width350_px {
    --swl-minwidth-cell: 350px;
}
.min_width400_px {
    --swl-minwidth-cell: 400px;
}

/* 2カラム（２つのボタン用） */
.has-swl-red-background-color {
    background-color: #F74A4A!important;
	/*background: var(--the-btn-color);*/
	color: white!important;
	font-weight: bold;
	border-radius: 10px;
	text-align: center;
	
    transition: opacity .25s,transform .25s,-webkit-transform .25s;
    z-index: 0;
}
.has-swl-green-background-color {
    background-color: #00B900!important;
	color: white!important;
	font-weight: bold;
	border-radius: 10px;
	text-align: center;
	
    transition: opacity .25s,transform .25s,-webkit-transform .25s;
    z-index: 0;
}
.has-swl-blue-background-color {
    background-color: #1E90FF!important;
	color: white!important;
	font-weight: bold;
	border-radius: 10px;
	text-align: center;
	
    transition: opacity .25s,transform .25s,-webkit-transform .25s;
    z-index: 0;
}
.has-swl-orange-background-color {
    background-color: #EF810F!important;
	color: white!important;
	font-weight: bold;
	border-radius: 10px;
	text-align: center;
	
    transition: opacity .25s,transform .25s,-webkit-transform .25s;
    z-index: 0;
}
.has-swl-red-background-color a{
	display: block;
}



.wp-block-column a{
	display: block;
}

/* テーブルtd用ボタン */
.button-table-td-orange {
    background-color: #EF810F!important;
	color: white!important;
	font-weight: bold;
	border-radius: 10px;
	text-align: center;
	
    transition: opacity .25s,transform .25s,-webkit-transform .25s;
    z-index: 0;
	
    padding: var(--swl-box_padding) 0px;
    border-bottom: 5px solid #b84c00;
}

/*** 動く系 ***/

/* 動くボタン */
.button,
.button span {
  position: relative;
  display: inline-block;
}
.button span {
  padding: .65em 4em;
  background: linear-gradient(#fe5f95 , #ff3f7f);
  border: 1px solid #fe3276;
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  animation: 3s float ease-in-out infinite;
}
.button::after {
  position: absolute;
  bottom: -15px;
  left: 50%;
  z-index: -1;
  content: '';
  width: 100%;
  height: 24px;
  background-color: rgba(0,0,0,.1);
  border-radius: 50%;
  transform: translateX(-50%);
  animation: 3s shadow ease-in-out infinite;
}
@keyframes float {
  50% {
    transform: translateY(-10px);
  }
}
@keyframes shadow {
  50% {
    width: 70%;
    height: 18px;
  }
}

/* 動くテキスト */
.moving-text,
.moving-text span {
    display: inline-block;
	text-align: left;
}
.moving-text span {
    /*color: black;*/
    animation: 3s float ease-in-out infinite;
}

/* 動く写真 */
.moving-picture,
.moving-picture span {
  position: relative;
    display: block;
	text-align: center;
}
.moving-picture span {
    /*color: black;*/
    animation: 3s float ease-in-out infinite;
}

/* オリジナル背景色のブロック */
.light-green-block {
	background-color: #DDFFDD;
    padding: 22px 5px 8px 22px;
}

/* 2色ボタンのデザイン */
.butoon-2-background {
	background-color: #DDFFDD;
    padding: 11px;
	text-align: center;
}
.wp-block-columns {
    --wp--style--block-gap: 0.5em;
}