/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.1.1.1727668399
Updated: 2024-09-30 03:53:19

*/

a.basic_link.header__button {
  width: 150px;
  font-size: 14px;
  font-weight: bold;
  background-color: #f6be00;
  border: none;
}

@media screen and (max-width: 767px) {
  a.basic_link.header__button {
    padding: 8px 10px !important;
    width: 98px;
  }
}

a.basic_link.header__button .icon-arrow {
  right: 10% !important; 
}


@media screen and (max-width: 767px) {
  a.basic_link.header__button .icon-arrow {
  right: 4% !important; 
}
}

a.basic_link.header__button:hover {
  background-color: #c29500;
}




@media screen and (max-width: 767px) { 
  .elementor-11609 .elementor-element.elementor-element-11e6996 {
      margin: 0;
  }
}


/* 新しいタブで開くアイコン */
.external-link a {
  position: relative;
  padding-right: 1.5em;
}

.external-link a::after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='_x32_' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M96,0v416h416V0H96z M472,376H136V112h336V376z' fill='%234B4B4B'%3E%3C/path%3E%3Cpolygon points='40,472 40,296 40,136 40,96 0,96 0,512 416,512 416,472 376,472' fill='%234B4B4B'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  width: 0.9em;
  height: 0.9em;
  margin-left: 0.3em;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

/* 色のバリエーション */        
.external-link.white a::after {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='_x32_' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M96,0v416h416V0H96z M472,376H136V112h336V376z' fill='%23ffffff'%3E%3C/path%3E%3Cpolygon points='40,472 40,296 40,136 40,96 0,96 0,512 416,512 416,472 376,472' fill='%23ffffff'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E");
}

.external-link:hover a::after {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='_x32_' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M96,0v416h416V0H96z M472,376H136V112h336V376z' fill='%23ecd855'%3E%3C/path%3E%3Cpolygon points='40,472 40,296 40,136 40,96 0,96 0,512 416,512 416,472 376,472' fill='%23ecd855'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E");
}