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

/* spanボタンでの装飾対応 */
.is-style-btn_normal > span, .is-style-btn_shiny > span {
	box-shadow: var(--swl-btn_shadow);
}

[class*=is-style-btn_] > span {
  display: inline-block;
  width: 40%;                  /* PCの標準値 */
  padding: 12px 30px;
  background-color: #063645;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  border: none;
  border-radius: 9999px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

@media screen and (max-width: 768px) {
  [class*=is-style-btn_] > span {
    width: 64%;
  }
}


.swell-block-button > a,.swell-block-button > span {
	text-align: center;
	cursor: pointer;
	text-decoration:none !important;
	color:#fff !important;
}

span[class*="comic2_txt"] {
    cursor: pointer;
    text-decoration: underline;
    color: var(--color_link);
}