@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 screen and (max-width: 599px) {
	/* フォントサイズ */
  .fz-1em-sp   { font-size: 1em !important; }
  .fz-1_2em-sp { font-size: 1.2em !important; }
  .fz-1_4em-sp { font-size: 1.4em !important; }
  .fz-1_6em-sp { font-size: 1.6em !important; }
  .fz-1_8em-sp { font-size: 1.8em !important; }
  .fz-2em-sp   { font-size: 2em !important; }
  .fz-2_2em-sp { font-size: 2.2em !important; }
  .fz-2_4em-sp { font-size: 2.4em !important; }
  .fz-2_6em-sp { font-size: 2.6em !important; }
  .fz-2_8em-sp { font-size: 2.8em !important; }
  .fz-3em-sp   { font-size: 3em !important; }
  .fz-3_2em-sp { font-size: 3.2em !important; }
  .fz-3_4em-sp { font-size: 3.4em !important; }
  .fz-3_6em-sp { font-size: 3.6em !important; }
  .fz-3_8em-sp { font-size: 3.8em !important; }
  .fz-4em-sp   { font-size: 4em !important; }
  .fz-4_2em-sp { font-size: 4.2em !important; }
  .fz-4_4em-sp { font-size: 4.4em !important; }
  .fz-4_6em-sp { font-size: 4.6em !important; }
  .fz-4_8em-sp { font-size: 4.8em !important; }
  .fz-5em-sp   { font-size: 5em !important; }
  .fz-5_2em-sp { font-size: 5.2em !important; }
  .fz-5_4em-sp { font-size: 5.4em !important; }
  .fz-5_6em-sp { font-size: 5.6em !important; }
  .fz-5_8em-sp { font-size: 5.8em !important; }
  .fz-6em-sp   { font-size: 6em !important; }
  .fz-6_2em-sp { font-size: 6.2em !important; }
	
	
	/* 	flex-basis */
	.fbasis-2em-sp   { flex-basis: 2em !important; }
	.fbasis-2_2em-sp { flex-basis: 2.2em !important; }
	.fbasis-2_4em-sp { flex-basis: 2.4em !important; }
	.fbasis-2_6em-sp { flex-basis: 2.6em !important; }
	.fbasis-2_8em-sp { flex-basis: 2.8em !important; }
	.fbasis-3em-sp   { flex-basis: 3em !important; }
	.fbasis-3_2em-sp { flex-basis: 3.2em !important; }
	.fbasis-3_4em-sp { flex-basis: 3.4em !important; }
	.fbasis-3_6em-sp { flex-basis: 3.6em !important; }
	.fbasis-3_8em-sp { flex-basis: 3.8em !important; }
	.fbasis-4em-sp   { flex-basis: 4em !important; }
	.fbasis-4_2em-sp { flex-basis: 4.2em !important; }
	.fbasis-4_4em-sp { flex-basis: 4.4em !important; }
	.fbasis-4_6em-sp { flex-basis: 4.6em !important; }
	.fbasis-4_8em-sp { flex-basis: 4.8em !important; }
	.fbasis-5em-sp   { flex-basis: 5em !important; }
	.fbasis-5_2em-sp { flex-basis: 5.2em !important; }
	.fbasis-5_4em-sp { flex-basis: 5.4em !important; }
	.fbasis-5_6em-sp { flex-basis: 5.6em !important; }
	.fbasis-5_8em-sp { flex-basis: 5.8em !important; }
	.fbasis-6em-sp   { flex-basis: 6em !important; }
}


/* ボーダー */
.bl1 {border-left: 1px solid #000;}
.bl2 {border-left: 2px solid #000;}
.br1 {border-right: 1px solid #000;}
.br2 {border-right: 2px solid #000;}
.bt1 {border-top: 1px solid #000;}
.bt2 {border-top: 2px solid #000;}
.bb1 {border-bottom: 1px solid #000;}
.bb2 {border-bottom: 2px solid #000;}
.bl1_green {border-left: 1px solid #aace37;}
.bl2_green {border-left: 2px solid #aace37;}
.br1_green {border-right: 1px solid #aace37;}
.br2_green {border-right: 2px solid #aace37;}
.bt1_green {border-top: 1px solid #aace37;}
.bt2_green {border-top: 2px solid #aace37;}
.bb1_green {border-bottom: 1px solid #aace37;}
.bb2_green {border-bottom: 2px solid #aace37;}