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

/* デバイス別表示制御 */
@media (max-width: 460px) {
  .pc {
    display: none !important
  }
}
@media (min-width: 461px) {
  .sp {
    display: none !important
  }
}

/* reCAPTCHAロゴ非表示 */
.grecaptcha-badge { visibility: hidden; }

/* フッター直前ウィジェット余白削除*/
.w-beforeFooter {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* フッターPCウィジェット余白削除*/
@media not all and (min-width: 960px) {
    .l-footer__widgetArea, .w-footer__box {
        padding: 0!important;
    }
}

/* SPハンバーガーメニュー内のリンク非表示→ブログパーツ置換 */
.-spmenu, .p-spMenu__nav {
	display: none;
}
.p-spMenu__body{
	padding: 0 0 1em!important;
}
.p-spMenu__body a{
	text-decoration:none!important;
}	
.p-spMenu__bottom {
    margin-top: 1em!important;
}

/* 共通 */
/* テキストリンク装飾 */
p a {
	text-decoration:underline;
    text-underline-offset: 3px;
}
p a:hover {
	text-decoration:none;
    opacity: 0.8;
}
a.target {
      text-decoration: none;
	  color:#333!important;
	  position: relative;
    }
a.target::after {
      font-family: "Font Awesome 6 Free";
      font-weight: 900; 
      content: "\f08e";
      width: 10px;
      height: auto;
      display: inline-block;
      margin-left: 5px;
      }
a.direct {
      text-decoration: none;
	  color:#333!important;
	  position: relative;
    }
/* 画像リンク装飾 */
a:hover img {
    opacity: 0.8!important;
}

/* 注釈※ */
sub {
    vertical-align: baseline;
    font-size: 50%;
}

/* padding */
.pa0{
	padding:0!important;
}
.pa5{
	padding:0.5em!important;
}
.pa10{
	padding:1em!important;
}
.pa20{
	padding:2em!important;
}
.pa30{
	padding:3em!important;
}
.pa40{
	padding:4em!important;
}
.pt5{
	padding-top:0.5em!important;
}
.pt10{
	padding-top:1em!important;
}
.pt20{
	padding-top:2em!important;
}
.pt30{
	padding-top:3em!important;
}
.pt40{
	padding-top:4em!important;
}
.pb5{
	padding-bottom:0.5em!important;
}
.pb10{
	padding-bottom:1em!important;
}
.pb20{
	padding-bottom:2em!important;
}
.pb30{
	padding-bottom:3em!important;
}
.pb40{
	padding-bottom:4em!important;
}
.pr10{
	padding-right:1em!important;
}
.pr20{
	padding-right:2em!important;
}
.pr30{
	padding-right:3em!important;
}
.pl5{
	padding-left:0.5em!important;
}
.pl10{
	padding-left:1em!important;
}
.pl20{
	padding-left:2em!important;
}
.pl30{
	padding-left:3em!important;
}

/* margin */
.mr10{
	margin-right:1em!important;
}
.mr20{
	margin-right:2em!important;
}
.mr30{
	margin-right:3em!important;
}
.ml10{
	margin-left:1em!important;
}
.ml20{
	margin-left:2em!important;
}
.ml30{
	margin-left:3em!important;
}

/* 角丸 */
.br10{
	border-radius: 1em!important;
	overflow: hidden;
}
.br20{
	border-radius: 2em!important;
	overflow: hidden;
}
.br30{
	border-radius: 3em!important;
	overflow: hidden;
}

/* カラムの高さ合わせ */
.evenly-column{
  height : 100%;
}