/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 18 2026 | 09:16:52 */
.list-fix.witharrows li::before {font-family: 'mode8' !important; content: "\e9bf" !important; font-size: 100% !important; vertical-align: middle; padding: 5px 10px 0px 0px !important; margin: 0px 0px 0px 0px !important;}

.balloon-chat { display: flex; flex-wrap: wrap; }
.balloon-chat.left { flex-direction: row;  }
.balloon-chat.right { flex-direction: row-reverse;  }
.chatting { position: relative; display: inline-block; margin: 10px 20px; padding: 10px 20px 0px 20px;
background: #92deaf; text-align: left; border-radius: 10px; }
.chatting::after {content: ""; border: 15px solid transparent; border-top-color: #92deaf; position: absolute; top: 10px; }
.left .chatting::after { left: -15px; }
.right .chatting::after { right: -15px; } 
.balloon-chat figure img { border-radius: 50%; border: 2px solid #ddd; margin: 0; }
.icon-img { width: 48px; height: 48px; }
.icon-name { width: 48px; font-size: 12px; text-align: center; }

/* img from Ameblo */
img[width*="620"]{ width: 100% !important; height: auto !important;}

/* colors for Mates */
a { color: #333333 !imprtant; }
a:hover { color: #00479d !important; }

.blue00 {color: #00479d !important;}
.blue01 {color: #7bcaf1 !important;}
.blue02 {color: #236db5 !important;}
.blue03 {color: #e1f2fd !important;}
.yellow01 {color: #feec82 !important;}
.yellow02 {color: #f2ecc8 !important;}

/* underline color */
.ul-yellow {background:linear-gradient(transparent 70%, #ff6 10%);}
.ul-pink {background:linear-gradient(transparent 70%, #fed9d9 50%);}

/* font color */
.grey {color: #aaa !important;} .orange {color: #ff6600 !important;} .blue {color: #002e73 !important;}
.red {color: #ff0000 !important;} .white {color: #fff !important;} .black {color: #333333 !important;}

/* prices bg images */
.prices-box001, .prices-box002, .prices-box003 { position: relative; }
.prices-box001:before {
  content: ' '; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.2;
  background-image: url('https://mode8.jp/wp-content/uploads/prices-001.jpg');
  background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; border-radius: 10px; }
.prices-box001-content{ position: relative; padding: 10px !important;
  background-color: rgba(255, 255, 255, 0.9) !important; border: 5px solid rgba(75, 102, 131, 0.7) !important; }
.prices-box002:before {
  content: ' '; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.2;
  background-image: url('https://mode8.jp/wp-content/uploads/prices-002.jpg');
  background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; border-radius: 10px; }
.prices-box002-content{ position: relative; padding: 10px !important;
  background-color: rgba(255, 255, 255, 0.9) !important; border: 5px solid rgba(75, 102, 131, 0.7) !important; }
.prices-box003:before {
  content: ' '; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.2;
  background-image: url('https://mode8.jp/wp-content/uploads/prices-003.jpg');
  background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; border-radius: 10px; }
.prices-box003-content{ position: relative; padding: 10px !important;
  background-color: rgba(255, 255, 255, 0.9) !important; border: 5px solid rgba(75, 102, 131, 0.7) !important; }

@media screen and (max-width: 767px) {.price-list-b {display: none !important;} .line-box-l {width: 208% !important;}}
@media screen and (min-width: 768px) {.price-list-s {display: none !important;}}

/* Title */
.ct-box01 { padding: 10px !important; margin: 0 0 30px 0px !important; border-bottom: 2px solid #4b6683 !important;  position: relative; }
.ct-box01::after { content: ' ' !important; position: relative !important; display: block; bottom: -12px !important; left: -10px !important; width: 20% !important; height: 2px !important; background: #ff9955 !important; }

.ct-box02{ position: relative; padding: 0 0 10px 0; color: #333;
    background-image: radial-gradient(circle 321px at 8.3% 75.7%, rgba(0, 71, 157, 1) 0%, rgba(123, 202, 241, 1) 81%);
    background-repeat: no-repeat; background-size: 100% 5%; background-position: bottom;}

.ct-box02::before {font-family: 'mode8' !important; content: "\e952" !important; font-size: 120% !important; vertical-align: middle; padding: 5px !important; margin: 0px 10px 0px 0px !important; color: #ff6600 !important;}

/* Menu box */
.menu-box { position: relative; border: 1px solid #ddd; background-color: #fff; margin-top:30px !important; }
.menu-box-title { position: absolute; display: inline-block; top: -0.8rem; left: 50%; transform: translateX(-50%);
    padding: 0 10px; background-color: white; }
.menu-box-body { padding: 20px 0 20px 0; }
.menu-list ul li { list-style-type: none; display: block; float: left; margin-bottom: 2.87%; line-height: 1.5; }
.menu-list ul.al-2 li { width: 48.56%;  margin-right: 2.88%; }
.menu-list ul.al-2 li:nth-child(2n) { margin-right: 0; }
.menu-list ul:after { content: ""; clear: both; display: block; }
.menu-list ul.al-1 li { width: 100%; }

/* ct-box */
.ct-box-001-wrapper {
  display: block !important; position: relative !important; margin: 15px 0 15px 0 !important; padding: 10px 0 0 0 !important;
  width: 100% !important; border: 1px solid #eee !important;
  height: auto !important; background: #fefcfc !important; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14) !important; box-sizing: border-box !important;
  margin-bottom: 30px !important;}

.ct-box-001-content { position: absolute; top: -6px; right: -6px; width: 89px; height: 91px; overflow: hidden; }

.ct-box-001 {
  display: inline-block; position: absolute; padding: 7px 0; left: -23px; top: 22px; width: 160px; text-align: center; font-size: 18px; line-height: 16px;
  background: #ff6600 !important; color: #fff; letter-spacing: 0.05em; -webkit-transform: rotate(45deg); transform: rotate(45deg); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }

.ct-box-001:before, .ct-box-001:after {
  position: absolute; content: ""; border-top: 4px solid #b2751b; border-left: 4px solid transparent; border-right: 4px solid transparent; bottom: -4px; }

.ct-box-001:before { left: 14px; }
.ct-box-001:after { right: 18px; }

.ct-box-002-wrapper {
  display: block; position: relative; margin: 15px 0 15px 0; padding: 10px 0 0 0; width: 324px; height: auto;
  background: #fefcfc; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14); box-sizing: border-box; margin-bottom: 30px;
 border: 1px solid #eee !important; }

.ct-box-002-content { position: absolute; top: -6px; right: -6px; width: 89px; height: 91px; overflow: hidden; }

.ct-box-002 {
  display: inline-block; position: absolute; padding: 7px 0; left: -23px; top: 22px; width: 160px; text-align: center; font-size: 18px; line-height: 16px;
  background: #4b6683; color: #fff; letter-spacing: 0.05em; -webkit-transform: rotate(45deg); transform: rotate(45deg); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }

.ct-box-002:before, .ct-box-002:after {
  position: absolute; content: ""; border-top: 4px solid #11171e; border-left: 4px solid transparent; border-right: 4px solid transparent; bottom: -4px; }

.ct-box-002:before { left: 14px; }
.ct-box-002:after { right: 18px; }

.ct-box-003-wrapper {
  display: block; position: relative; margin: 15px 0 30px 0; padding: 10px 0;
  width: 100%; background: #fefcfc; box-sizing: border-box; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);}

.ct-box-003 {  
  display: inline-block; position: absolute; top: -6px; right: 10px; margin: 0;
  padding: 10px 0; z-index: 2; width: 40px; text-align: center; color: white;
  font-size: 24px; background: linear-gradient(#e95738 0%, #ff6600 100%);
  border-radius: 2px 0 0 0; }

.ct-box-003:before {
  position: absolute;  content: '';  top: 0;  right: -6px;  border: none;
  border-bottom: solid 6px #cf4a2d;  border-right: solid 6px transparent;
}
.ct-box-003:after {
  content: ''; position: absolute; left: 0; top: 100%; height: 0; width: 0;
  border-left: 20px solid #ff6600; border-right: 20px solid #ff6600; border-bottom: 10px solid transparent; }

.ct-box-004-wrapper {
  display: block; position: relative; margin: 15px 0 30px 0; padding: 10px 0;
  width: 100%; background: #fefcfc; box-sizing: border-box; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); margin-bottom: 30px;}

.ct-box-004 {  
  display: inline-block; position: absolute; top: -6px; right: 10px; margin: 0; padding: 10px 0; z-index: 2; width: 40px; text-align: center; color: white;
  font-size: 24px; background: linear-gradient(#11171e 0%, #4b6683 100%); border-radius: 2px 0 0 0; }

.ct-box-004:before {
  position: absolute;  content: '';  top: 0;  right: -6px;  border: none; border-bottom: solid 6px #11171e;  border-right: solid 6px transparent; }

.ct-box-004:after {
  content: ''; position: absolute; left: 0; top: 100%; height: 0; width: 0;
  border-left: 20px solid #4b6683; border-right: 20px solid #4b6683; border-bottom: 10px solid transparent; }

.ct-box-005 { position: relative; margin-bottom: 0.2rem; padding: 1rem; border: 2px solid #bbb; background-color: rgba(250, 250, 250, 0.8); }
.ct-box-005:before { position: absolute; top: -7px; left: -7px; width: 100%; height: 100%; border: 2px solid #ff6600; content: ''; }

.ct-box-006 {
    margin: 30px 0 30px 0 !important; border: 1px solid #eee; border-radius: 5px !important; background-image: -webkit-radial-gradient(#ff6600 15%, transparent 20%),
    -webkit-radial-gradient(#ff6600 15%, transparent 20%); background-image: radial-gradient(#ff6600 15%, transparent 20%), radial-gradient(#ff6600 15%, transparent 20%);
	background-position: 0 0, 3px 3px; background-size: 6px 6px; }
.ct-box-006 div {
	padding: 1rem !important; background: linear-gradient(135deg, transparent 1.6rem, #fff 1rem calc(100% - 1.6rem), transparent calc(100% - 1.6rem));}

.ct-box-007 {
  margin: 30px 0 30px 0 !important; padding: 20px 5px 5px 5px; border-radius: 10px; background-color: #fff; background-image: -webkit-radial-gradient(#ff6600 15%, transparent 20%),
  -webkit-radial-gradient(#ff6600 15%, transparent 20%); background-image: radial-gradient(#ff6600 15%, transparent 20%), radial-gradient(#ff6600 15%, transparent 20%);
	background-position: 0 0, 3px 3px; background-size: 6px 6px; border: 1px solid #ccc; }
.ct-box-007-wrapper { background-color: #fff; margin: -15px 0 0 0 !important; padding: 20px 10px 10px 10px; border: 1px solid #eee; border-radius: 5px;}
.ct-box-007-circle1{
  font-size: 16px; line-height: 1.5; position: absolute; margin-top: -37px; font-weight: bold; color: #fff;
  background-color:#ff6600; border-radius: 50%; text-align: center; width: 24px; height: 24px; }
.ct-box-007-circle2:before{
  content: ""; position: absolute; top: 100%; margin-left: -12px; border: 5px solid transparent;
  border-top: 10px solid #ff6600; -ms-transform: rotate(-20deg); -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg); }
.ct-box-007-circle2{
  position: absolute; font-size: 16px; line-height: 1.5; margin-top: -37px; margin-left: 40px; font-weight: bold;
  color: #fff; background-color:#ff6600; border-radius: 50%; text-align: center; width: 24px; height: 24px; }
.ct-box-007 p {margin: 0; padding: 0;}

/* ぽいんと */
.ct-box-007-circle1:after{
  content: "イ"; position: absolute; margin-top: .2em; font-weight: bold; color: #fff; background-color:#ff6600;
  border-radius: 50%; text-align: center; width: 24px; height: 24px;}
.ct-box-007-circle2:after{
  content: "ト"; position: absolute; margin-top: .2em; font-weight: bold; color: #fff; background-color:#ff6600;
  border-radius: 50%; text-align: center; width: 24px; height: 24px;}

.ct-box-008 {
  position: relative; margin: 60px 0; padding: 20px; border-top: solid 2px rgba(236, 101, 23, 0.6); border-bottom: solid 2px rgba(236, 101, 23, 0.6);
  background-color: #fff; color: #333; }
.ct-box-008:before, .ct-box-008:after {
  position: absolute; top: -12px; width: 2px; height: -webkit-calc(100% + 24px); height: calc(100% + 24px); background-color: rgba(236, 101, 23, 0.6); content: ""; }
.ct-box-008:before { left: 12px; }
.ct-box-008:after { right: 12px; }

.ct-box-008-title { padding: 0; text-align: center;　margin: -14px -24px 5px -24px; }
.ct-box-008 p { margin: 0; padding: 0; }
.ct-box-008-content {
  background-color: #fff; background-image:
  linear-gradient(90deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 50%, #fff 0%, #fff 100%), linear-gradient(180deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 95%, #ed7780 100%); background-size: 8px 100%,100% 2em; line-height: 2; padding: 5px 20px 10px 20px; }

.ct-box-009 {  margin: 30px 0 30px 0 !important;
    --x-gradient: linear-gradient(90deg, #ff6600 0 10px, transparent 0 calc(100% - 10px), #ff6600 calc(100% - 10px));
    --y-gradient: linear-gradient(#ff6600 0 10px, transparent 0 calc(100% - 10px), #ff6600 calc(100% - 10px));
    margin: 0.5rem; padding: 1rem; background-image: var(--x-gradient), var(--y-gradient), var(--x-gradient), var(--y-gradient);
    background-repeat: no-repeat; background-size: 100% 3px, 3px 100%, 100% 3px, 3px 100%; background-position: top, right, bottom, left; }

.ct-box-010 {
    margin: 20px 0 20px 0; padding: 20px 5px 5px 5px; border-radius: 10px; background-color: #fff; 
	background-image: -webkit-radial-gradient(#06c755 15%, transparent 20%),
    -webkit-radial-gradient(#ff6600 15%, transparent 20%);
	background-image: radial-gradient(#06c755 15%, transparent 20%), radial-gradient(#06c755 15%, transparent 20%);
	background-position: 0 0, 3px 3px; background-size: 6px 6px; border: 1px solid #ccc; }
.ct-box-010-wrapper { background-color: #fff; margin: -15px 0 0 0 !important; padding: 10px; border: 1px solid #eee; border-radius: 5px;}

/* sb-box */
.sb-box-001 { position:relative; padding:0 0 5px 0 !important; border-bottom:3px solid #ff9955; margin: 60px 0 60px 0 !important; font-weight: bold;}
.sb-box-001:before { position:absolute; bottom:-14px; left:1em; width:0; height:0;content:''; border-width:14px 12px 0;	border-style:solid; border-color: #ff9955 transparent transparent; }
.sb-box-001:after { position:absolute; bottom:-10px; left:1em; width:0; height:0; content:''; border-width:14px 12px 0; border-style:solid; border-color:#fff transparent transparent;}

.sb-box-002 {
  background-color: #fff; background-image: -webkit-radial-gradient(#ff6600 15%, transparent 20%), -webkit-radial-gradient(#ff6600 15%, transparent 20%);
  background-image: radial-gradient(#ff6600 15%, transparent 20%), radial-gradient(#ff6600 15%, transparent 20%);
  background-position: 0 0, 3px 3px; background-size: 6px 6px; padding: 0px 0 2px 0; border-bottom: 1px solid #aaa; margin: 30px 0 !important;}
.sb-box-002 div {background-color: #fff; margin: 0 0 4px 0;  border-bottom: 1px solid #aaa; }

.sb-box-003 { position: relative; padding: 10px; border: 2px solid #aaa; border-radius: 5px; margin: 60px 0 60px 0 !important; }
.sb-box-003:after {
  position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; content: ''; border-top: 2px solid #aaa;
  background-image: -webkit-repeating-linear-gradient(135deg, #ff6600, #ff6600 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #ff6600, #ff6600 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px; -webkit-backface-visibility: hidden; backface-visibility: hidden;}

.sb-box-004 { position: relative; padding: 10px 0 15px 10px; border: 1px solid #aaa; border-radius: 4px; font-weight: bold; margin: 40px 0 40px 0 !important;}
.sb-box-004 i {font-weight: normal !important;}
.sb-box-004:after {
  position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; content: ''; border-top: 1px solid #aaa;
  background-color: #fff; background-image: -webkit-radial-gradient(#ff6600 15%, transparent 20%), -webkit-radial-gradient(#ff6600 15%, transparent 20%);
  background-image: radial-gradient(#ff6600 15%, transparent 20%), radial-gradient(#ff6600 15%, transparent 20%);border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; background-position: 0 0, 3px 3px; background-size: 6px 6px; padding: 0px 0 2px 0; }

/* btn-box */

.btn-m8, a.btn-m8, button.btn-m8 {
  position: relative; display: inline-block; margin-bottom: 20px !important; padding: 5px; cursor: pointer; -webkit-user-select: none;
  -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.3s; background-color: #fff;
  transition: all 0.3s; text-align: center; vertical-align: middle; text-decoration: none; border-radius: 0.5rem; }

a.btn-box-001 {
  padding: 5px !important; -webkit-transition: all 0.3s !important; transition: all 0.3s !important; border: 2px solid #000 !important;
  background: -webkit-radial-gradient(#000 15%, rgba(0, 0, 0, 0) 16%), -webkit-radial-gradient(#000 15%, rgba(0, 0, 0, 0) 16%), #fed7c0 !important;
  background: radial-gradient(#000 15%, rgba(0, 0, 0, 0) 16%), radial-gradient(#000 15%, rgba(0, 0, 0, 0) 16%), #fed7c0 !important;
  background-position: 0 0, 6px 6px !important; background-clip: border-box !important; background-origin: padding-box !important;
  background-size: 10px 10px !important;  margin: 0 0 30px 0 !important;}
a.btn-box-001 span { position: relative; display: block; padding: 10px; color: #000; border: 2px solid #000; border-radius: 0.5rem; background: #fff; }
a.btn-box-001:hover { background-position: 0 0, 8px 8px; background-size: 16px 16px; }

a.btn-box-002 {padding: 0; -webkit-transition:all .3s; transition:all .3s; border-radius:0; margin: 0 0 30px 0 !important; }
a.btn-box-002 span {position:relative; display:block; padding:10px 18px 10px 18px; color:#000; border:2px solid #000; border-radius:.5rem; background:#fff; }
a.btn-box-002:before {position:absolute; bottom:-8px; left:0; display:block; width:100%; height:14px; content:'';
	-webkit-transition:all .3s; transition:all .3s; border:2px solid #000; border-top:1px solid #000; border-radius:0 0 .5rem .5rem;
	background-image:-webkit-repeating-linear-gradient(135deg,#ff6600,#ff6600 1px,transparent 2px,transparent 5px);
	background-image:repeating-linear-gradient(-45deg,#ff6600,#ff6600 1px,transparent 2px,transparent 5px);
	background-size:7px 7px; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
a.btn-box-002:hover {-webkit-transform:translate(0,3px);transform:translate(0,3px);}
a.btn-box-002:hover:before {bottom:-5px;}
a.btn-box-002:active {-webkit-transform:translate(0,7px);transform:translate(0,7px);}
a.btn-box-002:active:before {bottom:-1px;}

a.btn-box-003 { padding:0 !important; -webkit-transition:all .3s !important; transition:all .3s !important; border-radius:0 margin: 0 0 30px 0 !important;}
a.btn-box-003 span {position:relative !important; display:block !important; padding:10px 18px 10px 18px !important; color:#000 !important;border:2px solid #000 !important;
	border-radius:.5rem !important; background:#fff !important;}
a.btn-box-003:before{ position:absolute !important; bottom:-8px !important; left:0 !important; display:block !important; width:100% !important; height:14px !important;
	margin:0 auto !important; content:'' !important; -webkit-transition:all .3s !important; transition:all .3s !important; border:2px solid #000 !important;
	border-top:1px solid #000 !important; border-radius:0 0 .5rem .5rem !important; background-color:#fff !important;
	background-image: -webkit-radial-gradient(#ff6600 15%,transparent 20%),-webkit-radial-gradient(#ff6600 15%,transparent 20%) !important;
	background-image:radial-gradient(#ff6600 15%,transparent 20%),radial-gradient(#ff6600 15%,transparent 20%) !important;
	background-position:0 0,3px 3px !important;background-size:6px 6px !important;
	-webkit-backface-visibility:hidden !important;backface-visibility:hidden !important;}
a.btn-box-003:hover {-webkit-transform:translate(0,3px) !important; transform:translate(0,3px) !important;}
a.btn-box-003:hover:before {bottom:-5px !important;}
a.btn-box-003:active {-webkit-transform:translate(0,7px) !important;transform:translate(0,7px) !important;}
a.btn-box-003:active:before {bottom:-1px !important;}


/* Pagination */
ul.lcp_catlist { list-style: none !important; margin: 0 0 60px 0 !important; }
ul.lcp_catlist li { padding-left: 1em !important; text-indent: -1.5em !important; padding-bottom: 1.5em !important;}
ul.lcp_catlist li::before { content: "?" !important; margin-right: 10px !important; background-color: #fffffa !important; font-size: 140% !important; padding: 0 9px 0 9px !important; border: 1px solid #ff6600 !important; border-radius: 50% !important; color: #ff6600 !important; }
ul.lcp_catlist a { font-size: 120% !important; }
ul.lcp_paginator { margin: 30px 0 30px 0 !important; font-size: 10px !important; width: 100% !important;}
@media (max-width: 767px) {
ul.lcp_paginator { margin-right: auto !important; margin-left: auto !important; display: table !important; width: auto !important; }}
ul.lcp_paginator li { padding: 3px 8px !important; border: 1px solid #e3e3e3 !important; margin: 0 8px 8px 0 !important; min-width: 33px !important;
  text-align: center !important; color: #666 !important; }
ul.lcp_paginator li:hover { color: #fff !important; background-color: #444 !important; border-color: #444 !important; }
ul.lcp_paginator a:hover { color: #fff !important; background-color: #444 !important; border-color: #444 !important; }
ul.lcp_paginator > .lcp_currentpage { background-color: #002e73 !important; border-color: #002e73 !important; color: #fff !important; }

/* prices bg images */
.prices-box001, .prices-box002, .prices-box003 { position: relative; }
.prices-box001:before {
  content: ' '; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.2;
  background-image: url('https://skyxbc.wpx.jp/wp-content/uploads/prices-001.jpg');
  background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; border-radius: 10px; }
.prices-box001-content{ position: relative; padding: 10px !important;
  background-color: rgba(255, 255, 255, 0.9) !important; border: 5px solid rgba(75, 102, 131, 0.7) !important; }
.prices-box002:before {
  content: ' '; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.2;
  background-image: url('https://skyxbc.wpx.jp/wp-content/uploads/prices-002.jpg');
  background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; border-radius: 10px; }
.prices-box002-content{ position: relative; padding: 10px !important;
  background-color: rgba(255, 255, 255, 0.9) !important; border: 5px solid rgba(75, 102, 131, 0.7) !important; }
.prices-box003:before {
  content: ' '; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.2;
  background-image: url('https://skyxbc.wpx.jp/wp-content/uploads/prices-003.jpg');
  background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; border-radius: 10px; }
.prices-box003-content{ position: relative; padding: 10px !important;
  background-color: rgba(255, 255, 255, 0.9) !important; border: 5px solid rgba(75, 102, 131, 0.7) !important; }

@media screen and (max-width: 767px) {.price-list-b {display: none !important;} .line-box-l {width: 208% !important;}}
@media screen and (min-width: 768px) {.price-list-s {display: none !important;}}

/* あらま! */
.ver005 .ct-box-007-circle1:after{
  content: "ら"; position: absolute; margin-top: .2em; font-weight: bold; color: #fff; background-color:#ff6600;
  border-radius: 50%; text-align: center; width: 24px; height: 24px;}

.ver005 .ct-box-007-circle2:after{
  content: "!"; position: absolute; margin-top: .2em; font-weight: bold; color: #fff; background-color:#ff6600;
  border-radius: 50%; text-align: center; width: 24px; height: 24px;}

/* ちなみに */
.ver004 .ct-box-007-circle1:after{
  content: "な"; position: absolute; margin-top: .2em; font-weight: bold; color: #fff; background-color:#ff6600;
  border-radius: 50%; text-align: center; width: 24px; height: 24px;}

.ver004 .ct-box-007-circle2:after{
  content: "に"; position: absolute; margin-top: .2em; font-weight: bold; color: #fff; background-color:#ff6600;
  border-radius: 50%; text-align: center; width: 24px; height: 24px;}

/* おすすめ */
.ver003 .ct-box-007-circle1:after{
  content: "す"; position: absolute; margin-top: .2em; font-weight: bold; color: #fff; background-color:#ff6600;
  border-radius: 50%; text-align: center; width: 24px; height: 24px;}

.ver003 .ct-box-007-circle2:after{
  content: "め"; position: absolute; margin-top: .2em; font-weight: bold; color: #fff; background-color:#ff6600;
  border-radius: 50%; text-align: center; width: 24px; height: 24px;}

/* おねがい */
.ver002 .ct-box-007-circle1:after{
  content: "ね"; position: absolute; margin-top: .2em; font-weight: bold; color: #fff; background-color:#ff6600;
  border-radius: 50%; text-align: center; width: 24px; height: 24px;}

.ver002 .ct-box-007-circle2:after{
  content: "い"; position: absolute; margin-top: .2em; font-weight: bold; color: #fff; background-color:#ff6600;
  border-radius: 50%; text-align: center; width: 24px; height: 24px;}

/* わすれがち */
.ver001 .ct-box-007-circle1:after{
  content: "れ"; position: absolute; margin-top: .2em; font-weight: bold; color: #fff; background-color:#ff6600;
  border-radius: 50%; text-align: center; width: 24px; height: 24px;}

.ver001 .ct-box-007-circle2:after{
  content: "ち"; position: absolute; margin-top: .2em; font-weight: bold; color: #fff; background-color:#ff6600;
  border-radius: 50%; text-align: center; width: 24px; height: 24px;}

/* main page featured image  */
@media screen and (max-width: 428px) {.main-fi { height:240px !important;}}
@media screen and (max-width: 768px) and (min-width: 429px) {.main-fi { height:372px !important; }}
@media screen and (max-width: 840px) and (min-width: 769px) {.main-fi { height:444px !important;}}
@media screen and (max-width: 1024px) and (min-width: 841px) {.main-fi { height:480px !important;}}
@media screen and (max-width: 1440px) and (min-width: 1025px) {.main-fi { height:700px !important;}}
@media screen and (max-width: 1920px) and (min-width: 1440px) {.main-fi { height:924px !important;}}
@media screen and (min-width: 1920px) {.main-fi { height:1340px !important; }}
@media print {
	.main-fi {width: 800px !important; height: 600px !important;} 
	body.home > .td-theme-wrap > .td-main-content-wrap { position: absolute; top: 50px; left: 50%;
	transform: translateY(50px) translateX(-50%); -webkit- transform: translateY(50px)  translateX(-50%);}
body.home > .td-theme-wrap > .tdc-footer-wrap {display: none;}}

/* promo-box */
.promo-box-001{
    position: relative; background: rgba(255, 255, 250, 0.6); box-shadow: 0px 0px 0px 5px #fff0cd;
    border: dashed 2px rgba(255,102,0,0.3); padding: 0.2em 0.5em; color: #454545; }

.promo-box-001 p { margin: 0; padding: 0; }