@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 (min-width: 768px){
.sp-only {display: none; }
}
@media screen and (max-width: 767px){
.pc-only {display: none; }
}

.c-scrollHint {
	font-weight:600;
	color:#D55656;
}
.c-scrollHint span{
	border-bottom: dotted 2px #D55656;
	font-size:1em;
}
/*reCaptcha v3を非表示に*/
.grecaptcha-badge{
	visibility:hidden
}


/*--------------------------------------
TOPページ
--------------------------------------*/
/*ヘッダーメニューのログイン背景*/
.login{
	background-color:#EEEEEE;
}

/*ヘッダーメニューの資料請求背景*/
.request{
	background-color:#06C4A1;
	color:#fff;
}

/*ヘッダーメニューの特別枠背景*/
.trial-90{
	background-color:#FF4133;
	color:#fff;
}
/*ヘッダーメニューのオンライン説明会背景*/
.online_info{
	background-color:#2976F1;
	color:#fff;
}


/*ヘッダーメニューの電話番号*/
.header_tel .ttl{
	font-size:1.3em!important;
}
.header_tel_text{
	font-size:0.7em;
	text-align:center;
}

/*メインビジュアル全体の上下余白調整*/
.p-mainVisual__inner .pc-py-60 {
    padding-bottom: 0!important;
    padding-top: 0!important;
	}

/*メインビジュアルメインタイトル*/
.p-mainVisual__slideTitle {
	font-size: 1.6em!important;
	font-weight:600;
	margin-bottom:0.5em;
}
@media screen and (min-width: 768px){
.p-mainVisual__slideTitle {
	font-size: 2.4em!important;
	font-weight:600;
	margin-bottom:0.5em;
}}

@media screen and (max-width: 960px){
.p-mainVisual__textLayer {
    justify-content: start;
	}}

/*メインビジュアルサブタイトル*/
.p-mainVisual__slideText {
    margin-bottom: 1em;
    font-size: 1.5em!important;
}

/*メインビジュアル30日間無料トライアルボタン*/
.c-mvBtn__btn{
	font-size:1.6em!important;
	font-weight:600;
}
.ten_min{
	color:white;
}

/*説明画像影非表示*/
.-body-solid .p-articleThumb__img, .-body-solid .p-articleThumb__youtube, .c-bannerLink.-shadow-on, .is-style-shadow img, .is-style-shadow video, .p-indexModal__inner, img.shadow {
    box-shadow:none;
}




/* ホバー時のカーソルをデフォルトへ */
.luminous {
    cursor: default!important;
}

/* フッタータイトル */
.footer_title{
	font-weight:600;
	padding-bottom:0.5em;
	border-bottom: dashed 1px #807F82;
}
/* フッターTEL */
.footer_tel {
	font-size:1.4em;
	margin-bottom:0!important;
}

/* ウィジェット固定・投稿下部のブロック */
[class*=is-style-btn_] {
    margin: 0 auto 0;
}

/*▼業界問わず多くのショップが導入*/
.shop_logo_area
{
	padding-bottom 		: 70px; 
	overflow:hidden;
}

.loopSlide ul,
.loopSlide li
{
	margin 		: 0px;
	padding 	: 0px;
	list-style: none;
}


.loopSlide {
  position: relative;
  display: flex;
  width: 100vw;
  overflow: hidden;
}
.loopSlide ul {
  padding: 0;
  width: 2500px;
  display: flex;
  flex-shrink: 0;
}
.loopSlide ul:first-child {
  animation: slide1 60s -30s linear infinite;
}
.loopSlide ul:last-child {
  animation: slide2 60s 0s linear infinite;
}
.loopSlide ul li {
  display: inline-block;
  width: 100%;
  min-width: 150px;
  list-style: none;
  text-align: center;
  box-sizing: border-box;
  padding 		: 0 30px; 
}
.loopSlide ul li img {
  display: block;
  width: 80%;
  height: auto;
  margin 			: 0 auto 15px; 
}
.loopSlide ul li span
{
	display 		: block;
	margin-left 	: auto;
	margin-right 	: auto;
	font-size 		: 14px;
	line-height 	: 1.3; 
}
.loopSlide ul li span.type
{
	display 		: block;
	font-size 		: 12px; 
	color:#9F9F9F;
}
@keyframes slide1 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes slide2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
.shop_logo_area .shop_logo_title
{
	max-width 			: 1050px;
	width 				: 90%; 
	margin 				: 0 auto;
	background 			: url("../images/common/base/gd_line.gif") top center / 100% auto no-repeat;
}
.shop_logo_area .shop_logo_title h3
{
	margin:0px;
	padding:0px;
	padding :60px 0px 0px;
	margin-bottom :55px;
	font-size :30px;
	text-align:center;
}
/*▲ここまで業界問わず多くのショップが導入*/

/*▼固定バナー帯*/
@media(max-width:1024px) {
 .cta_fix_top {
   position: static;
 }
 .cta_btn_set {
   display:none;
 }
}

.cta_fix_top{
	display:none;
}
#fix_cta.cta_fix_none
{
	/*position:absolute;*/
	left:5px;
	/*right:20px;*/
	top:20px;
	z-index:1000; 
}
#fix_cta.cta_fix_top
{
	position:fixed;
	top:150px; 
}
#fix_cta li a{
	display:inline-block;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
 	-ms-writing-mode: tb-rl;/*IE*/
	writing-mode: vertical-rl;/*ライトからレフトへ*/
   text-orientation: upright;/*英字も回転して縦書きに*/
	padding:15px 15px 15px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	font-size:22px; 
}
#fix_cta li{
	width:63px; 
}
#fix_cta li br{
	display: none;
}
#fix_cta ul,
#fix_cta ul li{
	margin:0px;
	padding:0px; 
	list-style:none;
}
#fix_cta ul li{
	margin-bottom:10px; 
}
#fix_cta li.doc{
	display: none;
}
#fix_cta li.doc{
	background:#0ac4a1;
 	border:#0e9d82 solid 1px;
}
#fix_cta li.trial{
	background:#ff5200;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
#fix_cta li.request{
	background:#06C4A1;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
/*▲固定バナー帯*/

/*▼効果アップスライダー*/
.kouka_up{
	filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.2));
}
.kouka_up ul li img {
    display: block;
    width: 70%;
    height: auto;
}
.kouka_up ul li{
	padding:0;
}
/*▲効果アップスライダー*/

/*▼ショップロゴマージン調整*/
.shop_logo_slide{
	margin-bottom:4em;
}
/*▲ショップロゴマージン調整*/

/*▼TOP料金プランのプラチナカラー*/
.plan_platinum .cap_box_ttl {
    background: #5099BA;
}
.plan_platinum .cap_box_content{
	background: #fbfcfd;
}
/*▲TOP料金プランのプラチナカラー*/


/*--------------------------------------
ContactForm7カスタマイズ
--------------------------------------*/

/* フォーム内の注釈 */
.CF7_form_hosoku {
    color: #DC143C;
    font-size: 0.9em;
    padding: 0px;
    display: inline-block;
    vertical-align: top !important;
    overflow-wrap: break-word;
    width: 100%;
}

/*--------------------------------------
ContactForm7カスタマイズ
--------------------------------------*/
/* フォーム内の注釈 */
.CF7_form_hosoku {
    color: #DC143C;
    font-size: 0.9em;
    padding: 0px;
    display: inline-block;
    vertical-align: top !important;
    overflow-wrap: break-word;
    width: 100%;
}

/*スマホContact Form 7カスタマイズ*/
@media(max-width:1024px){
.inquiry th,.inquiry td {
 display:block!important;
 width:95%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px;
 color:#444;
 padding-right:5px;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 font-size:13px;
 border:solid 1px #d7d7d7;	
	padding: 1em 0.75em;
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.wpcf7-spinner{
	width:0;
	margin:0;
}
span.wpcf7-list-item { display: block; }
/* 「送信する」ボタン */
.wpcf7 input.wpcf7-submit {
	background-color:#FF5200;/* グリーン*/
	border:0;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	margin:0 auto;
}
.wpcf7-submit-block {
    margin-top: 2em;
}
.wpcf7{
	text-align:center;
	margin-top:20px;
}
/*送信ボタンマウスホバー時*/
.formbtn:hover{
 background:#fff;
 color:#ffaa56;
}

/*
  * 店舗画像
  */
.c-store-images {
  overflow: hidden;
}

.c-store-images__ul {
  display: flex;
  gap: 2rem;
  flex-shrink: 0;
  width: calc(10000px + 2rem * 99);
  animation: store-image 420s linear 0s infinite;
}

.c-store-images__ul--2 {
  animation-name: store-image-rev;
  margin-top: 1.5rem;
}

.c-store-images__ul--3 {
  margin-top: 1.5rem;
}

.c-store-images__item {
  flex: 0 0 100px;
  aspect-ratio: 1;
}

.c-store-images__image {
  display: block;
}

@keyframes store-image {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes store-image-rev {
  0% {
    transform: translateX(-100%) translateX(100vw);
  }
  100% {
    transform: translateX(0%);
  }
}

/*--------------------------------------
アフタープレビューフォームカスタマイズ
--------------------------------------*/
.preview_form input {
  width: 100%;
  font-size: 18px;
  padding: 12px;
}

.preview_form.error input {
  border-color: red;
}

.preview_form.error::after {
  content: '正しいURLを入力して下さい';
  color: red;
}