/*
Theme Name: Vantage
Author: SiteOrigin
Author URI: https://siteorigin.com/
Theme URI: https://siteorigin.com/theme/vantage/
Description: Vantage is a flexible multipurpose theme. Its strength lies in its tight integration with some powerful plugins like Page Builder for responsive page layouts, Smart Slider 3 for big beautiful sliders and WooCommerce to help you sell online. Vantage is fully responsive and retina ready. Use it to start a business site, portfolio or online store. We offer free support on our <a href="https://siteorigin.com/thread/">forum</a> (https://siteorigin.com/thread/).
Version: 1.20.20
Tested up to: 6.4
Requires at least: 4.7
Requires PHP: 5.6.20
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vantage
Tags: two-columns, left-sidebar, right-sidebar, grid-layout, custom-background, custom-colors, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, blog, e-commerce
*/
/* =Reset
-------------------------------------------------------------- */
*{
	margin:0;
	padding:0;
}
html {
  cursor: default;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}
html {
  font-size: 62.5%;
  /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
  background: #fff;	
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
}
table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0;
}
caption,
th,
td {
  font-weight: normal;
  text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote,
q {
  quotes: "" "";
}
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
  outline: 0;
}
a img {
  border: 0;
}
/* =Global
----------------------------------------------- */
/* Consistent fonts across all elements */
body{
	font-family: "Murecho", sans-serif !important;
	color:#535353;
}
body,
button,
input,
select,
textarea {
  //color: #333;
  //font-family: Arial;
  //font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height: 1.5;
  font-size: 13px;
}
/* Links */
a {
  color: #248cc8;
}
a:hover,
a:focus,
a:active {
  color: #f47e3c;
}
/* Headings and Rulers */
/*
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}*/
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}
/* Text elements */
p {
  margin-bottom: 1.5em;
}
ul,
ol {
  //margin: 0 0 1.5em 3em;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
ul ul,
ol ol,
ul ol,
ol ul {
  margin-bottom: 0;
  //margin-left: 1.5em;
}
dt {
  font-weight: bold;
}
dd {
  margin: 0 1.5em 1.5em;
}
b,
strong {
  font-weight: 700;
  font-weight: bold;
}
dfn,
cite,
em,
i {
  font-style: italic;
}
blockquote {
  margin: 0 1.5em;
}
address {
  margin: 0 0 1.5em;
}
pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  padding: 1.6em;
  overflow: auto;
  max-width: 100%;
}
code,
kbd,
tt,
var {
  font-family: "Courier New", Courier, mono;
}
abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}
sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  bottom: 1ex;
}
sub {
  top: 0.5ex;
}
small {
  font-size: 75%;
}
big {
  font-size: 125%;
}
figure {
  margin: 0;
}
table {
  margin: 0 0 1.5em 0;
  width: 100%;
}
button,
input,
select,
textarea {
  /* Corrects font size not being inherited in all browsers */
  font-size: 100%;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  margin: 0;
  /* Improves appearance and consistency in all browsers */
  vertical-align: baseline;
  *vertical-align: middle;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
button,
input {
  /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
  line-height: normal;
  /* Corrects inner spacing displayed oddly in IE6/7 */
  *overflow: visible;
}
a.button,
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  //padding: 12px 20px;
  border-top: solid 1px #d2d2d2;
  border-left: solid 1px #c3c3c3;
  border-right: solid 1px #c3c3c3;
  border-bottom: solid 1px #9f9f9f;
  background: #ffffff;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dfdfdf), color-stop(1, #ffffff));
  background: -ms-linear-gradient(bottom, #dfdfdf, #ffffff);
  background: -moz-linear-gradient(center bottom, #dfdfdf 0%, #ffffff 100%);
  background: -o-linear-gradient(#ffffff, #dfdfdf);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf', GradientType=0);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  //font-size: 12px;
  font-weight: bold;
  color: #646464;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  //width: auto;
  text-decoration: none;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */
  cursor: pointer;
  /* Corrects inability to style clickable 'input' types in iOS */
  line-height: 1;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}


input[type="submit"] {
  border-top: solid 1px #d2d2d2;
  border-left: solid 1px #c3c3c3;
  border-right: solid 1px #c3c3c3;
  border-bottom: solid 1px #9f9f9f;
  background: #ffffff;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dfdfdf), color-stop(1, #ffffff));
  background: -ms-linear-gradient(bottom, #dfdfdf, #ffffff);
  background: -moz-linear-gradient(center bottom, #dfdfdf 0%, #ffffff 100%);
  background: -o-linear-gradient(#ffffff, #dfdfdf);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf', GradientType=0);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-weight: bold;
  color: #646464;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  //width: auto;
  text-decoration: none;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */
  cursor: pointer;
  /* Corrects inability to style clickable 'input' types in iOS */
  line-height: 1;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}


@media screen and (min-width: 961px) {
  input[type="submit"]{
  padding: 12px 20px;	
  font-size: 12px;	
}}
@media screen and (max-width: 960px) and (min-width: 429px){
  input[type="submit"]{
  padding: 10px 17px;	
  font-size: 11px;	
}}
@media screen and (max-width: 428px){
  input[type="submit"]{
  padding: 8px 14px;	
  font-size: 10px;	
}}


a.button:focus,
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
  /* Button hover style */
  border-top: solid 1px #dadada;
  border-left: solid 1px #cfcfcf;
  border-right: solid 1px #cfcfcf;
  border-bottom: solid 1px #a8a8a8;
  background: #ffffff;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ebebeb), color-stop(1, #ffffff));
  background: -ms-linear-gradient(bottom, #ebebeb, #ffffff);
  background: -moz-linear-gradient(center bottom, #ebebeb 0%, #ffffff 100%);
  background: -o-linear-gradient(#ffffff, #ebebeb);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0);
}
a.button:active,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  /* Button click style */
  border-top: solid 1px #aaa;
  border-left: solid 1px #bbb;
  border-right: solid 1px #bbb;
  border-bottom: solid 1px #bbb;
  -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="checkbox"],
input[type="radio"] {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
input[type="search"] {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  border: 1px solid #ccc;
  border-radius: 3px;
  box-sizing: border-box;
  color: #666;
  font-weight: normal;
  line-height: normal;
  outline: none;
  padding: 9px 12px;
  max-width: 100%;
  -webkit-appearance: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111;
}
input[type="checkbox"] {
  margin-right: 0.3em;	
}
select {
  border: 1px solid #ccc;
  max-width: 100%;
}
textarea {
  overflow: auto;
  vertical-align: top;
  width: 100%;
}
/* Alignment */
.alignnone,
.aligncenter {
  margin-bottom: 1.6em;
}
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
/* Text meant only for screen readers */
.assistive-text {
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}
.page-links {
  clear: both;
}
#site-title a {
  color: inherit;
}
body {
  background: #dadada;
	
}
/*=================================================================================
メイン全体
=================================================================================*/
*, *:before, *:after{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body, html {
    margin: 0;
    padding: 0;
    width: 100%;
}
/*
.site-content {
  word-wrap: break-word;
}
.site-content .nav-previous,
.site-content .nav-next {
  white-space: nowrap;
}
.site-content .nav-previous {
  float: left;
  width: 50%;
}
.site-content .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
@media (max-width: 680px) {
  body.responsive .site-content .nav-previous,
  body.responsive .site-content .nav-next {
    float: none;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
    white-space: normal;
  }
}


#page-wrapper #main{
	//padding-left: 3%;
 // padding-right: 3%;
}

#secondary .toc_number, .toc_depth_1{
	display:none;
}

#main {
	height:100%;
}
#main .full-container{
		padding:0 3%;
}

#page-wrapper .full-container {
	max-width: 100%;
	min-height: 100%;
}
	

@media screen and (min-width: 961px) {
#primary {
  width:70%;
	margin-bottom:30px;	
	display : flex;
	margin-right:auto;
}
#secondary,.widget-area{
	width:26%;
}
}
@media screen and (max-width: 960px) and (min-width: 429px){
	#main{
  float: none;
	margin: auto;
}	
	#primary {
  float: none; 
  min-width:100%;
	margin-bottom:30px;	
	margin-right:auto;
	}
}
@media screen and (max-width: 428px) {
	#main{
  float: none;
	margin: auto;
}	
	#primary {
  float: none; 
  min-width:100%;
	margin-bottom:30px;	
	}
}
@media screen and (max-width: 960px) {
	#primary {
	  margin-bottom:30px;
	}
}

#primary {
  height:100%;
}

*/

/*
#page-wrapper{
	overflow-x: clip;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index:3;
	position:relative;
	width: 100%;
	margin: 0;
}
.wrapper-normal {
	padding-top: clamp(30px, 5vw, 54px);
	padding-top: 4rem;	
}


.layout-full #page-wrapper .full-container {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media (max-width: 1280px) {
  .responsive.layout-boxed #page-wrapper {
    margin: 0;
    padding: 0;
  }
  .responsive.layout-boxed #colophon {
    margin-bottom: 0;
  }
}
*/

.layout-full.page-layout-no-sidebar .alignfull,
.layout-full.page-template-home-panels .alignfull,
.layout-full.page-template-template-full-notitle .alignfull,
.layout-full.page-template-template-full .alignfull {
  margin-left: calc(50% - 50vw);
  width: 100vw;
}
@media (min-width: calc(1280px + 200px)) {
  .layout-full.page-layout-no-sidebar .alignwide,
  .layout-full.page-template-home-panels .alignwide,
  .layout-full.page-template-template-full-notitle .alignwide,
  .layout-full.page-template-template-full .alignwide {
    left: -100px;
    position: relative;
    width: calc(100% + 20vw);
  }
}
.layout-full.page-layout-no-sidebar .alignfull .wp-block-group__inner-container,
.layout-full.page-template-home-panels .alignfull .wp-block-group__inner-container,
.layout-full.page-template-template-full-notitle .alignfull .wp-block-group__inner-container,
.layout-full.page-template-template-full .alignfull .wp-block-group__inner-container {
  margin: auto;
  max-width: 1280px;
}
.layout-boxed.page-layout-no-sidebar .alignfull,
.layout-boxed.page-template-home-panels .alignfull,
.layout-boxed.page-template-template-full-notitle .alignfull,
.layout-boxed.page-template-template-full .alignfull {
  margin-right: -35px;
  margin-left: -35px;
}
.entry-content > div[class^='wp-block-'] {
  margin-bottom: 25px;
}
#masthead {
  background: #fcfcfc;
  padding: 0 35px 0 35px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  zoom: 1;
}
#masthead:before {
  content: '';
  display: block;
}
#masthead:after {
  content: '';
  display: table;
  clear: both;
}
#masthead h1,
#masthead .site-title {
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  margin: 0;
}
#masthead h1.logo-title,
#masthead .site-title.logo-title {
  display: inline-block;
  margin-left: 20px;
}
#masthead .hgroup {
  position: relative;
  padding-top: 45px;
  padding-bottom: 45px;
}
#masthead .hgroup:not(.masthead-sidebar) {
  //gap: 25px;
  display: flex;
  justify-content: space-between;
  height:100%;
}
#masthead .hgroup a {
  text-decoration: none;
}
#masthead .hgroup h1,
#masthead .hgroup .site-title {
 /* color: #666;
  font-weight: 100;
  font-size: 36px;
  line-height: 1em;
  vertical-align: middle;*/
}
#masthead .hgroup .logo {
  display: block;
  float: left;
  max-width: 100%;
}
#masthead .hgroup .logo img {
  vertical-align: middle;
}
#masthead .hgroup .site-description {
  clear: both;
  color: #4b4b4b;
  font-style: italic;
  font-size: 13px;
  margin-bottom: 0;
  padding-top: 5px;
}
#masthead .hgroup .support-text {
  align-self: center;
  color: #4b4b4b;
  font-style: italic;
  line-height: 1.2em;
  margin-top: -0.6em;
  max-width: 50%;
}
#masthead .hgroup #header-sidebar {
  align-self: center;
  box-sizing: border-box;
  height: 100%;
}
@media (min-width: 680px) {
  #masthead .hgroup #header-sidebar {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 25px;
  }
}
#masthead .hgroup #header-sidebar aside.widget {
  margin: 0;
  position: relative;
}
#masthead .hgroup #header-sidebar aside.widget.widget_circleicon-widget {
  clear: none;
}
#masthead .hgroup #header-sidebar aside.widget:last-child {
  margin-right: 0;
}
#masthead .hgroup #header-sidebar .widget-title {
  font-weight: bold;
  margin-bottom: 5px;
}
#masthead.masthead-logo-in-menu .main-navigation {
  zoom: 1;
}
#masthead.masthead-logo-in-menu .main-navigation:before {
  content: '';
  display: block;
}
#masthead.masthead-logo-in-menu .main-navigation:after {
  content: '';
  display: table;
  clear: both;
}
/*
#masthead.masthead-logo-in-menu .main-navigation .full-container {
  align-items: center;
  display: flex;
}*/
#masthead.masthead-logo-in-menu .menu-mobilenav-container {
  margin-right: 0;
  margin-left: auto;
}
#masthead.masthead-logo-in-menu .logo-in-menu-wrapper {
  margin-top: auto;
  margin-bottom: auto;
}
#masthead.masthead-logo-in-menu .logo {
  align-items: center;
  display: flex;
  padding: 10px 0;
  margin-right: 15px;
}
#masthead.masthead-logo-in-menu .logo > * {
  display: block;
}
#masthead.masthead-logo-in-menu .logo > img {
  max-height: 33px;
  width: auto;
  height: auto;
  max-width: 100%;
}
#masthead.masthead-logo-in-menu .logo > img.logo-no-height-constrain {
  max-height: none;
}
#masthead.masthead-logo-in-menu .logo > h1,
#masthead.masthead-logo-in-menu .logo > .site-title {
  font-size: 20px;
  font-weight: 100;
  padding: 7px 15px;
}
@media (max-width: 680px) {
  #masthead.masthead-logo-in-menu.unconstrained-logo .logo {
    flex-direction: column;
  }
}
#masthead.masthead-logo-in-menu .site-description {
  clear: both;
  color: #e2e2e2;
  font-size: 12px;
  font-style: italic;
  margin: -10px 0 0;
  padding: 0 0 15px;
}
.sticky-menu #masthead.masthead-logo-in-menu img.alt-logo,
#masthead.masthead-logo-in-menu img.alt-logo-scroll {
  display: none;
}
.sticky-menu #masthead.masthead-logo-in-menu img.alt-logo-scroll {
  display: block;
}
.layout-boxed #masthead.masthead-logo-in-menu .logo,
.layout-boxed #masthead.masthead-logo-in-menu .site-description {
  margin-left: 25px;
}
body.ie-8 #masthead .hgroup #header-sidebar,
body.ie-9 #masthead .hgroup #header-sidebar {
  padding-top: 40px;
  padding-bottom: 40px;
}
/*
#main {
  zoom: 1;
}
#main:before {
  content: '';
  display: block;
}
#main:after {
  content: '';
  display: table;
  clear: both;
}*/
#primary {
  float: left;
  width: 100%;
}
body.sidebar-position-left #primary {
  float: right;
}
body.sidebar-position-left.page-template-home-panels #primary ,
body.sidebar-position-left.page-template-template-full #primary ,
body.sidebar-position-left.page-template-template-full-notitle #primary {
  float: none;
}
body.sidebar-position-none #primary {
  float: none;
  width: auto;
}
body.no-sidebar #primary {
  float: none;
  position: relative;
  overflow: clip;
}
/* Full Width Primary blocks */
body.siteorigin-panels-lite-home #primary ,
body.vantage-layout-width-full-width #primary ,
body.vantage-layout-width-full-width-stretched #primary {
  width: auto;
  float: none;
}

#primary {
  max-width: 100% !important;
}

#primary img:not(.page-nav__img img, .no_affect, .fixed-f-sp img){
	//width: 100%;
    //height: 100%;
	max-width: 100%;
    max-height: 100%;
}
#primary p,#primary ul,#primary li{
	line-height:1.8em;
}


.vantage-layout-width-normal #primary {
  float: left;
  width: 100%;
}
#secondary {
  float: right;
  width: 100%;
}
body.sidebar-position-left #secondary {
  float: left;
}
body.sidebar-position-none #secondary {
  display: none;
}
.siteorigin-panels-home #primary ,
.page-template-templatestemplate-full-php #primary ,
.page-template-home-panels-php #primary ,
.page-template-templatestemplate-full-notitle-php #primary {
  width: auto;
  float: none;
}
.page-template-default #primary {
 /*float: left;*/
  width: 100%;
}
/*
@media screen and (min-width: 429px) {
#main {
  background: #fcfcfc;
	}}
@media screen and (max-width: 428px) {
#main {
  background: #fcfcfc;
	}}
	*/

/* =Responsive Layout
----------------------------------------------- */
@media (max-width: 1280px) {
  body.responsive #masthead .hgroup .logo img,
  body.responsive #masthead .hgroup .custom-logo {
    /* Scale down the logo if necessary */
    max-width: 100%;
    height: auto;
  }
  body.responsive #masthead.masthead-logo-in-menu .logo,
  body.responsive #masthead.masthead-logo-in-menu .site-description {
    margin-left: 20px;
  }
  body.responsive #masthead.masthead-logo-in-menu .main-navigation .menu-mobilenav-container ul li {
    float: right;
  }
  body.responsive #masthead.masthead-logo-in-menu .main-navigation .menu-mobilenav-container ul li a {
    padding-left: 20px;
    padding-right: 20px;
  }
}
#masthead.force-responsive .hgroup {
  display: block;
  text-align: center;
}
#masthead.force-responsive .hgroup .logo {
  float: none;
}
#masthead.force-responsive .hgroup .logo img {
  margin: 0 auto;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
#masthead.force-responsive .hgroup .support-text,
#masthead.force-responsive .hgroup #header-sidebar {
  position: static;
  display: block;
  margin-top: 30px;
  max-width: 100%;
}
#masthead.force-responsive .hgroup .support-text img,
#masthead.force-responsive .hgroup #header-sidebar img {
  max-width: 100%;
  height: auto;
}
#masthead.force-responsive .hgroup #header-sidebar {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: auto;
}
#masthead.force-responsive .hgroup #header-sidebar .widget {
  display: block;
  margin: 0 auto;
}
#masthead.force-responsive .hgroup #header-sidebar > .widget {
  margin-bottom: 1.25em;
}
#masthead.force-responsive .hgroup #header-sidebar > .widget:last-of-type {
  margin-bottom: 0;
}
/* We consider 680px to be mobile resolution */
@media (max-width: 680px) {
  body.responsive #masthead .hgroup {
    display: block;
    text-align: center;
  }
  body.responsive #masthead .hgroup .logo {
    float: none;
  }
  body.responsive #masthead .hgroup .logo img {
    margin: 0 auto;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  body.responsive #masthead .hgroup .support-text,
  body.responsive #masthead .hgroup #header-sidebar {
    position: static;
    display: block;
    margin-top: 30px;
    max-width: 100%;
  }
  body.responsive #masthead .hgroup .support-text img,
  body.responsive #masthead .hgroup #header-sidebar img {
    max-width: 100%;
    height: auto;
  }
  body.responsive #masthead .hgroup #header-sidebar {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: auto;
  }
  body.responsive #masthead .hgroup #header-sidebar .widget {
    display: block;
    margin: 0 auto;
  }
  body.responsive #masthead .hgroup #header-sidebar > .widget {
    margin-bottom: 1.25em;
  }
  body.responsive #masthead .hgroup #header-sidebar > .widget:last-of-type {
    margin-bottom: 0;
  }
  body.responsive #primary ,
  body.responsive #secondary {
    width: auto;
    float: none;
  }
  body.responsive #secondary {
    margin-top: 35px;
  }
  body.responsive #footer-widgets .widget {
    display: block;
    margin-bottom: 25px;
    float: none;
  }
  body.responsive #footer-widgets .widget:last-child {
    margin-bottom: 0;
  }
}
/*
body.responsive #page-wrapper {
  max-width: 1280px;
  width: auto;
  overflow-x: hidden;
}
body.responsive.layout-full #page-wrapper {
  max-width: 100%;
}
body.responsive.layout-boxed #page-wrapper {
  overflow-x: visible;
}
body.responsive.layout-full #page-wrapper .full-container {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}*/

/* Make widget layouts vertical below 640px */
@media screen and (max-width: 640px) {
  body.responsive #footer-widgets .widget,
  body.responsive #masthead-widgets .widget {
    width: auto;
    float: none;
    padding: 0;
    /*padding-bottom: 25px;*/
  }
}
/*記事内アイキャッチ画像/タイトル非表示*/
.entry-thumbnail{display:none;}


/*H2見出し*/
:root {
    --accent-color: #353535;
}

.h2-head .h2-head-scroll{
  background:linear-gradient(transparent 50%, rgba(247, 254, 46) 50%);
  display: inline;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  transition:background-size 2s;
}
.h2-head-scroll.isborder{
  background-size: 100% 100%;
}

.section-maxwrap{
	max-width: 1280px;
	margin: 0 auto;
	width:95%;
}
p:not([class]),li:not([class]){
	font-size: clamp(10px, 1.8vw, 16px);
}
#primary .exsamplebox .check-none{
	font-size: clamp(10px, 1.8vw, 16px);
}

.main-navigation {
  background: #343538;
  clear: both;
  font-size: 0;
  margin: 0 -35px;
  position: relative;
  z-index: 1499;
  /* Font awesome icons */
  /* General menu link styling */
}
.main-navigation [class^="fa fa-"] {
  display: inline-block;
  margin-right: 15px;
  font-size: 16px;
  line-height: 0.5em;
  color: #ccc;
}
.main-navigation a:hover [class^="fa fa-"],
.main-navigation a.focus [class^="fa fa-"] {
  color: #fff;
}
.main-navigation ul {
  text-align: left;
  list-style: none;
  margin: 0;
  padding-left: 0;
  zoom: 1;
  /* Second level menu items */
}
.main-navigation ul:before {
  content: '';
  display: block;
}
.main-navigation ul:after {
  content: '';
  display: table;
  clear: both;
}
.main-navigation ul li {
  display: inline-block;
  font-size: 13px;
  position: relative;
}
.main-navigation ul li:hover > a,
.main-navigation ul li.focus > a {
  background: #00bcff;
  color: #fff;
}
.main-navigation ul li a {
  padding: 20px 35px;
  line-height: 1em;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.main-navigation ul li a,
.main-navigation ul li a > * {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.main-navigation ul ul {
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  -o-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
  background: #464646;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 99999;
  /* Third Level Items */
}
.main-navigation ul ul a {
  width: 200px;
  padding: 15px 20px;
}
.main-navigation ul ul li {
  position: relative;
  text-align: left;
  /* Hovering over 2nd level items */
}
.main-navigation ul ul li:hover > a,
.main-navigation ul ul li.focus > a {
  background: #00bcff;
  color: #fff;
}
.main-navigation ul ul ul {
  left: 100%;
  top: 0;
  margin-left: 0;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  visibility: visible;
  opacity: 1;
}
.main-navigation a {
  display: block;
  text-decoration: none;
  color: #e2e2e2;
  font-weight: bold;
}
/* For when the menu becomes a sticky menu */
body.sticky-menu.layout-full .site-navigation {
  right: 0;
  left: 0;
  margin-right: 0;
  margin-left: 0;
}
body.sticky-menu.layout-boxed .main-navigation {
  width: 100%;
  max-width: 1280px;
}
body.sticky-menu.mega-menu-primary.layout-boxed .site-navigation {
  max-width: 1300px;
}
body.sticky-menu.mega-menu-primary.layout-full .site-navigation {
  padding-left: 35px;
  padding-right: 35px;
}
body.sticky-menu.mega-menu-primary .site-navigation {
  z-index: 9999;
}
@media (min-width: 783px) {
  body.sticky-menu.admin-bar .site-navigation.use-sticky-menu {
    top: 32px;
  }
}
@media (max-width: 782px) and (min-width: 601px) {
  body.sticky-menu.admin-bar .site-navigation.use-sticky-menu {
    top: 42px;
  }
}
body.sticky-menu .site-navigation.sticky {
  position: fixed;
  top: 0;
}
body.admin-bar:not(.sticky-menu) .site-navigation.use-sticky-menu {
  top: 0;
}
.main-navigation.sticky:after {
  bottom: -6px;
  box-shadow: rgba(0, 0, 0, 0.25) 0 6px 6px -6px inset;
  content: "";
  height: 6px;
  position: absolute;
  width: 100%;
}
.has-menu-search .main-navigation div > ul:not([id*='mobile-nav-item-wrap']):not([class*='product_list_widget']) {
  margin-right: 59px;
}
.has-menu-search.has-mini-cart .main-navigation ul:not([id*='mobile-nav-item-wrap']):not([class*='shopping-cart']):not([class*='shopping-cart-dropdown']):not([class*='product_list_widget']) {
  margin-right: 118px;
}
/* Handle the navigation slightly differently on mobile devices */
body.so-vantage-mobile-device .main-navigation ul ul {
  display: none;
}
body.so-vantage-mobile-device .main-navigation li:hover > ul {
  display: block;
}
.mobile-nav-frame [class^="fa fa-"] {
  display: inline-block;
  margin-right: 10px;
  min-width: 1em;
}
.mobile-nav-frame img {
  max-height: 18px;
  max-width: 18px;
  margin-right: 10px;
}
.mobile-nav-icon {
  font-family: 'FontAwesome';
  display: inline-block;
  margin-right: 10px;
}
.mobile-nav-icon:before {
  font-size: 14px;
  content: "\f00b";
}
.mobilenav-main-link img {
  max-height: 15px;
  max-width: 20px;
  margin-right: 10px;
}
#search-icon {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 110;
}
#search-icon #search-icon-icon {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: block;
  cursor: pointer;
  background-color: #303134;
  width: 59px;
  height: 100%;
}
#search-icon #search-icon-icon,
#search-icon #search-icon-icon .icon-search {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#search-icon #search-icon-icon .vantage-icon-search {
  position: absolute;
  display: block;
  width: 17px;
  height: 17px;
  font-size: 17px;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8.5px;
  color: #d1d1d1;
}
#search-icon #search-icon-icon img {
  position: absolute;
  display: block;
  max-width: 17px;
  max-height: 17px;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8.5px;
}
#search-icon #search-icon-icon:hover,
#search-icon #search-icon-icon:focus {
  background-color: #00bcff;
}
#search-icon #search-icon-icon:hover .vantage-icon-search,
#search-icon #search-icon-icon:focus .vantage-icon-search {
  color: #fff;
}
#search-icon .searchform {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  width: 1280px;
  background: #2d2e31;
  z-index: 10;
  overflow-x: hidden;
}
#search-icon .searchform input[name=s] {
  color: #d1d1d1;
  font-size: 17px;
  font-weight: 200;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 42px;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
  outline: none;
  padding: 0 15px;
}
/* =Archives
----------------------------------------------- */
article.sticky {
  /* Style a sticky post */
}
#page-title {
  color: #3b3b3b;
  margin-bottom: 25px;
  font-size: 1.8em;
  font-weight: 500;
}
#page-title a {
  color: inherit;
  text-decoration: none;
  font-weight: bold;
}
.taxonomy-description {
  margin-top: -15px;
  color: #666;
  font-style: italic;
}
article.post,
article.page {
  zoom: 1;
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #eee;
}
article.post:before,
article.page:before {
  content: '';
  display: block;
}
article.post:after,
article.page:after {
  content: '';
  display: table;
  clear: both;
}
article.post footer,
article.page footer {
  float: left;
  width: 17.5%;
}
article.post footer .post-type-icon,
article.page footer .post-type-icon {
  width: 50px;
  height: 50px;
  background: #4f5355;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
article.post footer .tags,
article.page footer .tags {
  margin-top: 15px;
  line-height: 1em;
}
article.post footer .tags a,
article.page footer .tags a {
  display: inline-block;
  margin-right: 4px;
  background: #74787a;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  line-height: 1em;
  padding: 4px 5px;
  color: white;
  text-decoration: none;
  font-size: 10px;
  text-transform: uppercase;
  margin-bottom: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
}

article.post .entry-header .entry-thumbnail img,
article.page .entry-header .entry-thumbnail img {
  display: block;
  max-width: 100%;
  height: auto;
}
article.post .entry-header .entry-thumbnail a,
article.page .entry-header .entry-thumbnail a {
  display: inline-block;
}

article.post .entry-header h1.entry-title,
article.page .entry-header h1.entry-title {
  color: #3b3b3b;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.35em;
}
article.post .entry-header h1.entry-title a,
article.page .entry-header h1.entry-title a {
  color: inherit;
  text-decoration: none;
}
article.post .entry-header .entry-meta,
article.page .entry-header .entry-meta {
  color: #8f8f8f;
  font-size: 12px;
}
article.post .entry-header .entry-meta::first-letter,
article.page .entry-header .entry-meta::first-letter {
  text-transform: uppercase;
}
@media (max-width: 680px) {
  article.post .entry-header .entry-meta,
  article.page .entry-header .entry-meta {
    font-size: 14px;
  }
}
article.post .entry-header .entry-meta a,
article.page .entry-header .entry-meta a {
  font-weight: 500;
  color: #5e5e5e;
  text-decoration: none;
}
article.post:last-child,
article.page:last-child {
  margin-bottom: 8rem;
  padding-bottom: 0;
  border-bottom: 0;
}
article.post .more-link,
article.page .more-link {
  float: right;
  text-decoration: none;
  padding: 4px 10px;
  border-top: solid 1px #d2d2d2;
  border-left: solid 1px #c3c3c3;
  border-right: solid 1px #c3c3c3;
  border-bottom: solid 1px #9f9f9f;
  background: #fff;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dfdfdf), color-stop(1, #fff));
  background: -ms-linear-gradient(bottom, #dfdfdf, #fff);
  background: -moz-linear-gradient(center bottom, #dfdfdf 0%, #fff 100%);
  background: -o-linear-gradient(#fff, #dfdfdf);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#dfdfdf', GradientType=0);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 11px;
  font-weight: bold;
  color: #646464;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.125);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.125);
  box-shadow: 0 1px 1px rgba(0,0,0,0.125);
}
article.post .more-link .meta-nav,
article.page .more-link .meta-nav {
  display: none;
}
article.post .author-box,
article.page .author-box {
  margin: 20px 0 0 0;
  border: 1px solid #ccc;
  background: #f0f0f0;
  position: relative;
  zoom: 1;
}
article.post .author-box:before,
article.page .author-box:before {
  content: '';
  display: block;
}
article.post .author-box:after,
article.page .author-box:after {
  content: '';
  display: table;
  clear: both;
}
article.post .author-box .avatar-box,
article.page .author-box .avatar-box {
  padding: 25px;
  position: absolute;
  top: 0;
  left: 0;
}
article.post .author-box .avatar-box .avatar-wrapper,
article.page .author-box .avatar-box .avatar-wrapper {
  background: #fff;
  padding: 5px;
  border: 1px solid #ccc;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
article.post .author-box .avatar-box .avatar-wrapper img,
article.page .author-box .avatar-box .avatar-wrapper img {
  display: block;
}
article.post .author-box .box-content,
article.page .author-box .box-content {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 25px;
  margin-left: 132px;
  background: #f9f9f9;
  min-height: 132px;
  border-left: 1px solid #ccc;
  -webkit-box-shadow: inset 2px 0 2px rgba(0,0,0,0.035);
  -moz-box-shadow: inset 2px 0 2px rgba(0,0,0,0.035);
  box-shadow: inset 2px 0 2px rgba(0,0,0,0.035);
}
article.post .author-box .box-content .box-title,
article.page .author-box .box-content .box-title {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #e0e0e0;
}
article.post .author-box .box-content .box-title h3,
article.page .author-box .box-content .box-title h3 {
  color: #3b3b3b;
  font-size: 1.25em;
  line-height: 1.1em;
  font-weight: 500;
  margin: 0.6em 0 0;
}
article.post .author-box .box-content .author-posts a,
article.page .author-box .box-content .author-posts a {
  color: #777;
  font-size: 0.9em;
  text-decoration: none;
}
article.post .author-box .box-content .author-posts a:hover,
article.page .author-box .box-content .author-posts a:hover {
  color: #248cc8;
}
article.post .author-box .box-content .box-description,
article.page .author-box .box-content .box-description {
  min-height: 0;
  margin-bottom: 0;
}
article.post .author-box .box-content .box-description > *:first-child,
article.page .author-box .box-content .box-description > *:first-child {
  margin-top: 0;
}
article.post .author-box .box-content .box-description > *:last-child,
article.page .author-box .box-content .box-description > *:last-child {
  margin-bottom: 0;
}
article.post .share-buttons,
article.page .share-buttons {
  margin: 20px 0 0 0;
  padding: 15px 25px;
  border: 1px solid #ccc;
  background: #f9f9f9;
  list-style: none;
  zoom: 1;
}
article.post .share-buttons:before,
article.page .share-buttons:before {
  content: '';
  display: block;
}
article.post .share-buttons:after,
article.page .share-buttons:after {
  content: '';
  display: table;
  clear: both;
}
article.post .share-buttons li,
article.page .share-buttons li {
  height: 20px;
  display: block;
  float: left;
  max-width: 110px;
}
@media (max-width: 480px) {
  article.post .share-buttons li,
  article.page .share-buttons li {
    width: inherit !important;
    float: none;
    margin-bottom: 10px;
  }
  article.post .share-buttons li:last-child,
  article.page .share-buttons li:last-child {
    margin-bottom: 0;
  }
}
article.post .entry-summary p:last-child,
article.page .entry-summary p:last-child {
  margin-bottom: 0;
}
article.post .entry-categories,
article.page .entry-categories {
  margin-top: 1.5em;
  color: #999;
  font-size: 0.85em;
}
@media (max-width: 680px) {
  article.post .entry-categories,
  article.page .entry-categories {
    font-size: 13px;
  }
}
article.post .entry-categories a,
article.page .entry-categories a {
  color: #777777;
}
article.post.post-with-thumbnail-icon .entry-thumbnail,
article.page.post-with-thumbnail-icon .entry-thumbnail {
  margin-top: 0.2em;
  float: left;
  clear: none;
  width: 11.68%;
  /* 90px in standard width */
}
article.post.post-with-thumbnail-icon .entry-thumbnail img,
article.page.post-with-thumbnail-icon .entry-thumbnail img {
  width: 100%;
  height: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/*
article.post.post-with-thumbnail-icon .entry-main,
article.page.post-with-thumbnail-icon .entry-main {
  width: 650px;
  width: 84.41%;
  /* 650px in standard width */
  float: right;
}*/
.related-posts-section {
  margin-bottom: 15px;
  overflow: auto;
}
.related-posts-section .related-posts {
  border-bottom: 2px solid #555;
  color: #444;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1em;
  margin-bottom: 20px;
  padding-bottom: 5px;
}
.related-posts-section ol {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.related-posts-section ol li {
  display: block;
  float: left;
  margin: 0 0 25px 0;
  width: 31%;
}
@media (max-width: 768px) {
  .related-posts-section ol li {
    width: 100%;
  }
}
.related-posts-section ol li:nth-child(3n+1) {
  margin-right: 3.5%;
}
@media (max-width: 768px) {
  .related-posts-section ol li:nth-child(3n+1) {
    margin-right: 0;
  }
}
.related-posts-section ol li:nth-child(3n+3) {
  margin-left: 3.5%;
}
@media (max-width: 768px) {
  .related-posts-section ol li:nth-child(3n+3) {
    margin-left: 0;
  }
}
.related-posts-section ol li:only-child {
  margin-right: 0;
  margin-left: 0;
}
.related-posts-section ol li a {
  display: block;
  line-height: 0;
  text-decoration: none;
}
.related-posts-section ol li img {
  display: block;
  height: auto;
  margin: 0 auto 10px;
  max-width: 100%;
}
.related-posts-section ol li .related-post-title {
  color: #474747;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  margin: 0 0 3px;
}
.related-posts-section ol li .related-post-date {
  color: #747474;
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
  margin: 0;
}
.related-posts-section p {
  margin-bottom: 25px;
}
.post-navigation,
#image-navigation {
  margin-top: -20px;
  margin-bottom: 40px;
  zoom: 1;
}
.post-navigation:before,
#image-navigation:before {
  content: '';
  display: block;
}
.post-navigation:after,
#image-navigation:after {
  content: '';
  display: table;
  clear: both;
}
.post-navigation a,
#image-navigation a {
  text-decoration: none;
  padding: 6px 10px;
  border-top: solid 1px #d2d2d2;
  border-left: solid 1px #c3c3c3;
  border-right: solid 1px #c3c3c3;
  border-bottom: solid 1px #9f9f9f;
  background: #fff;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dfdfdf), color-stop(1, #fff));
  background: -ms-linear-gradient(bottom, #dfdfdf, #fff);
  background: -moz-linear-gradient(center bottom, #dfdfdf 0%, #fff 100%);
  background: -o-linear-gradient(#fff, #dfdfdf);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#dfdfdf', GradientType=0);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 11px;
  font-weight: bold;
  color: #646464;
  display: inline-block;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.125);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.125);
  box-shadow: 0 1px 1px rgba(0,0,0,0.125);
}
@media (max-width: 680px) {
  .post-navigation a,
  #image-navigation a {
    font-size: 14px;
    padding: 13px 20px;
  }
}
.post-navigation a .meta-nav,
#image-navigation a .meta-nav {
  display: inline-block;
}
.post-navigation a:hover,
#image-navigation a:hover {
  border-top: solid 1px #dadada;
  border-left: solid 1px #cfcfcf;
  border-right: solid 1px #cfcfcf;
  border-bottom: solid 1px #a8a8a8;
  background: #fff;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ebebeb), color-stop(1, #fff));
  background: -ms-linear-gradient(bottom, #ebebeb, #fff);
  background: -moz-linear-gradient(center bottom, #ebebeb 0%, #fff 100%);
  background: -o-linear-gradient(#fff, #ebebeb);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ebebeb', GradientType=0);
}
.post-navigation .nav-previous .meta-nav,
#image-navigation .nav-previous .meta-nav {
  margin-right: 7px;
}
.post-navigation .nav-next .meta-nav,
#image-navigation .nav-next .meta-nav {
  margin-left: 7px;
}
.single-nav-wrapper {
  overflow: hidden;
}
/* Reset the navigation */
#image-navigation {
  margin-top: 0px;
  margin-bottom: 20px;
}
/* =Entry Content
----------------------------------------------- */
/* Styles for actual content */
.entry-header {
  zoom: 1;
}
.entry-header:before {
  content: '';
  display: block;
}
.entry-header:after {
  content: '';
  display: table;
  clear: both;
}
.entry-content {
  zoom: 1;
  line-height: 1.6;
  color: #666;
  /* WordPress Images */
}
.entry-content:before {
  content: '';
  display: block;
}
.entry-content:after {
  content: '';
  display: table;
  clear: both;
}
.entry-content a {
  color: #248cc8;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.entry-content a:hover {
  color: #f47e3c;
}
.entry-content p,
.entry-content > ul,
.entry-content > ol,
.entry-content > li,
.entry-content > dl,
.entry-content pre,
.entry-content code,
.entry-content blockquote {
  //margin: 1em 0;
}
.entry-content > *:last-child {
  margin-bottom: 0;
}
.entry-content > *:first-child {
  margin-top: 0;
}
.entry-content blockquote {
  font-style: italic;
  margin-left: 1em;
  padding-left: 1em;
  border-left: 1px solid #aaa;
}
.entry-content blockquote cite {
  font-weight: bold;
}
.entry-content pre {
  display: block;
  padding: 10px;
  word-wrap: break-word;
}
.entry-content code {
  display: inline;
  padding: 5px;
}
.entry-content pre,
.entry-content code {
  background: white;
  font-family: "Courier New", Courier, mono;
  border: 1px solid #d9d9d9;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09);
  overflow-x: auto;
}
.entry-content pre p:first-child,
.entry-content code p:first-child {
  margin-top: 0;
}
.entry-content code {
  font-family: "Courier New", Courier, mono;
}
.entry-content sup,
.entry-content sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  position: relative;
}
.entry-content sup {
  bottom: 1ex;
}
.entry-content sub {
  top: 0.5ex;
}
.entry-content .gallery {
  margin: 15px 0 25px 0;
}
.entry-content .gallery .gallery-item {
  margin-bottom: 0;
}
.entry-content .gallery .gallery-icon {
  line-height: 0;
  margin-bottom: 0;
}
.entry-content .gallery img {
  border: none !important;
  vertical-align: middle;
}
.entry-content .gallery .gallery-caption {
  margin: 10px;
  padding-left: 0;
}
.entry-content table {
  border-bottom: 1px solid #ededed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 14px;
  line-height: 2;
  margin: 0 0 20px;
  width: 100%;
}
.entry-content img {
  max-width: 100%;
  height: auto;
}
.entry-content .wp-caption {
  max-width: 100%;
  margin: 5px 0 30px 0;
  border: 1px solid #e0e0e0;
  padding: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09);
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.entry-content .wp-caption img {
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.175);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.175);
  box-shadow: 0 1px 2px rgba(0,0,0,0.175);
}
.entry-content .wp-caption.aligncenter {
  margin-left: auto;
  margin-right: auto;
}
.entry-content .wp-caption:first-child {
  margin-top: 25px;
}
.entry-content .wp-caption p.wp-caption-text {
  margin: 0;
}
.entry-content .alignleft {
  /* This is also styled on a global level */
  margin: 0 1.5em 1.5em 0;
}
.entry-content .alignright {
  /* This is also styled on a global level */
  margin: 0 0 1.5em 1.5em;
}
.entry-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
.entry-content ul {
  list-style-type: square;
}
.entry-content ol {
  list-style-type: decimal;
}
.entry-content ol ol {
  list-style-type: upper-alpha;
}
.entry-content ol ol ol {
  list-style-type: lower-roman;
}

.entry-content dl dt {
  margin-bottom: 5px;
  font-weight: bold;
}
.entry-content dl dd {
  margin-bottom: 10px;
  padding-left: 20px;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  color: #444;
  margin: 1em 0;
  font-weight: 500;
}
.entry-content h1 {
  font-size: 1.7em;
}
.entry-content h2 {
  font-size: 1.6em;
}
.entry-content h3 {
  font-size: 1.5em;
}
.entry-content h4 {
  //font-size: 1.4em;
}
.entry-content h5 {
  font-size: 1.2em;
}
.entry-content h6 {
  font-size: 1.1em;
}
.entry-content embed,
.entry-content iframe,
.entry-content object {
  max-width: 100%;
}
.entry-content .tags {
  color: #999;
}
.entry-content .tags strong {
  color: #666;
}
.entry-content .tags a {
  color: #999;
  text-decoration: none;
}
/* =Block Styles
----------------------------------------------- */
.wp-block-group.has-background {
  padding: 25px;
}
.wp-block-group.has-background.alignfull {
  padding-right: 0;
  padding-left: 0;
}
.wp-block-query ul.wp-block-post-template {
  list-style: none;
  margin-left: 0;
  text-align: center;
}
/* =Navigation
----------------------------------------------- */
/*
.pagination,
.entry-content .pagination {
  position: relative;
  font-size: 11px;
  line-height: 13px;
  text-align: right;
}
.pagination span,
.entry-content .pagination span,
.pagination a,
.entry-content .pagination a {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  margin: 2px 2px 2px 0;
  padding: 6px 9px 5px 9px;
  background: #4f5355;
  border-top: solid 1px #d2d2d2;
  border-left: solid 1px #c3c3c3;
  border-right: solid 1px #c3c3c3;
  border-bottom: solid 1px #9f9f9f;
  background: #fff;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dfdfdf), color-stop(1, #fff));
  background: -ms-linear-gradient(bottom, #dfdfdf, #fff);
  background: -moz-linear-gradient(center bottom, #dfdfdf 0%, #fff 100%);
  background: -o-linear-gradient(#fff, #dfdfdf);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#dfdfdf', GradientType=0);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-weight: bold;
  color: #646464;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  width: auto;
  text-decoration: none;
}
.pagination span:last-child,
.entry-content .pagination span:last-child,
.pagination a:last-child,
.entry-content .pagination a:last-child {
  margin-right: 0;
}
.pagination a:hover,
.entry-content .pagination a:hover {
  background: #f0f0f0;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d0d0d0), color-stop(1, #f0f0f0));
  background: -ms-linear-gradient(bottom, #d0d0d0, #f0f0f0);
  background: -moz-linear-gradient(center bottom, #d0d0d0 0%, #f0f0f0 100%);
  background: -o-linear-gradient(#f0f0f0, #d0d0d0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#d0d0d0', GradientType=0);
  color: #606060;
}
.pagination .current,
.entry-content .pagination .current {
  border-top: solid 1px #222;
  border-left: solid 1px #222;
  border-right: solid 1px #222;
  border-bottom: solid 1px #222;
  background: #333;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #505050), color-stop(1, #333));
  background: -ms-linear-gradient(bottom, #505050, #333);
  background: -moz-linear-gradient(center bottom, #505050 0%, #333 100%);
  background: -o-linear-gradient(#333, #505050);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#505050', GradientType=0);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 0 5px rgba(0,0,0, 0.5);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 0 5px rgba(0,0,0, 0.5);
  box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 0 5px rgba(0,0,0, 0.5);
  color: #efefef;
}
*/
/* =Comments
----------------------------------------------- */
#comments-title,
#reply-title {
  display: inline-block;
  font-size: 14px;
  margin-bottom: 20px;
  font-weight: 500;
  line-height: 1em;
  color: #444;
  padding-bottom: 5px;
  border-bottom: 2px solid #555;
}
#comments-title [class^="fa fa-"],
#reply-title [class^="fa fa-"] {
  font-size: 16px;
  display: inline-block;
  margin-right: 4px;
  line-height: 0.75em;
}
#comments .comment-navigation {
  zoom: 1;
  float: none;
  margin-bottom: 2em;
  width: 100%;
}
#comments .comment-navigation:before {
  content: '';
  display: block;
}
#comments .comment-navigation:after {
  content: '';
  display: table;
  clear: both;
}
#comments .commentlist {
  margin: 0 0 40px 0;
  list-style: none;
}
#comments .commentlist .children {
  list-style: none;
}
@media (min-width: 1025px) {
  #comments .commentlist .children {
    margin-left: 75px;
  }
}
#comments .commentlist article {
  margin-bottom: 35px;
}
#comments .commentlist article .avatar {
  float: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
#comments .commentlist article .comment-author,
#comments .commentlist article .awaiting-moderation,
#comments .commentlist article .comment-meta,
#comments .commentlist article .comment-content {
  margin-left: 75px;
}
#comments .commentlist article .comment-author {
  color: #474747;
  font-size: 13px;
  font-weight: 500;
  line-height: 1em;
  margin-bottom: 0.35em;
}
@media (max-width: 680px) {
  #comments .commentlist article .comment-author {
    margin-bottom: 1em;
  }
}
#comments .commentlist article .comment-author a {
  color: inherit;
  text-decoration: none;
}
@media (max-width: 680px) {
  #comments .commentlist article .comment-author a {
    font-size: 15px;
  }
}
#comments .commentlist article .comment-author cite {
  font-style: normal;
}
#comments .commentlist article .comment-author .author-comment-label {
  position: relative;
  top: -3px;
  margin: 0 4px;
  padding: 2px 5px 3px;
  background-color: #eee;
  font-size: 11px;
  border-radius: 3px;
}
#comments .commentlist article .comment-meta {
  font-size: 11.5px;
  color: #747474;
  line-height: 1em;
  margin-bottom: 15px;
}
@media (max-width: 680px) {
  #comments .commentlist article .comment-meta {
    font-size: 13px;
  }
}
#comments .commentlist article .comment-meta a {
  color: inherit;
  text-decoration: none;
}
#comments .commentlist article .comment-meta .support {
  display: inline-block;
  margin-left: 15px;
}
#comments .commentlist article .comment-meta .support .comment-edit-link {
  margin-left: 15px;
}
#comments .commentlist article .awaiting-moderation {
  display: block;
  margin-bottom: 10px;
}
#comments .commentlist article .entry-content {
  font-size: 12px;
}
#comments .commentlist .bypostauthor {
  /* Change the comment by the post author */
}
#commentform label {
  margin-top: 2px;
  display: block;
  float: left;
  width: 25%;
}
#commentform input,
#commentform textarea {
  float: left;
  width: 75%;
  padding: 10px;
  font-size: 13px;
}
#commentform textarea {
  padding: 10px;
}
#commentform input {
  padding: 7px 10px;
}
#commentform p {
  zoom: 1;
  margin-bottom: 20px;
}
#commentform p:before {
  content: '';
  display: block;
}
#commentform p:after {
  content: '';
  display: table;
  clear: both;
}
#commentform p.form-submit {
  margin-bottom: 0;
}
#commentform #submit {
  width: auto;
  font-size: 12px;
  padding: 10px 20px;
}
@media (max-width: 680px) {
  #commentform #submit {
    font-size: 14px;
    padding: 13px 20px;
  }
}
#commentform .form-allowed-tags,
#commentform .form-allowed-tags code,
#commentform .comment-notes {
  font-size: 0.8em;
  color: #999;
}
#commentform .logged-in-as {
  font-size: 0.8em;
  color: #999;
  margin-bottom: 10px;
  text-align: right;
}
@media (max-width: 680px) {
  #commentform .logged-in-as {
    font-size: 13px;
  }
}
#commentform .required {
  color: #a40802;
}
#commentform .comment-form-cookies-consent {
  align-items: center;
  clear: both;
  display: flex;
}
#commentform .comment-form-cookies-consent input {
  line-height: 1;
  margin-right: 7px;
  width: auto;
}
#commentform .comment-form-cookies-consent label {
  display: inline-block;
  font-weight: normal;
  margin-bottom: 0;
  width: auto;
}
/* Vantage Jetpack Subscription Form */
#commentform p.comment-subscription-form {
  margin-bottom: 0px;
}
#commentform p.comment-subscription-form input[type="checkbox"] {
  float: none;
  font-size: 1em;
  line-height: 1.92857em;
  vertical-align: middle;
}
#commentform p.comment-subscription-form label.subscribe-label {
  font-size: 1em;
  float: none;
  line-height: 1.92857em;
  font-weight: normal;
  margin: 0;
  padding-left: 10px;
  width: auto;
}
#commentform p.form-submit {
  margin-bottom: 2em;
}
@media (max-width: 480px) {
  body.responsive #commentform label {
    float: none;
    width: 100%;
    margin-bottom: 3px;
  }
  body.responsive #commentform input,
  body.responsive #commentform textarea {
    float: none;
    width: 100%;
  }
}
/* =Sidebars and Asides
----------------------------------------------- */
body.layout-full {
  /* Use the same color as the footer */
  background-color: #fff;
	height: 100%;
    position: relative;
}


#map-canvas img,
#gmap_canvas img {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  line-height: normal !important;
  max-width: none;
  zoom: normal !important;
}
/* Entry Meta */
.updated {
  display: none;
}
.page .entry-meta {
  display: none;
  /* Hide entry meta on pages */
}
.page .panel-grid-cell .entry-meta {
  display: block;
  /* Display entry meta on pages if within a Page Builder cell (Post Loop widget) */
}
/* The Page Setting related layout changes */
/*
.page-layout-no-masthead-margin #main {
  padding-top: 0;
}
.page-layout-no-footer-margin #main {
  padding-bottom: 0;
}*/
:not(.not-default-page).page-layout-no-sidebar #primary {
  width: 100%;
}
:not(.not-default-page).page-layout-full-width.layout-full #primary {
  width: 100%;
}
/*
:not(.not-default-page).page-layout-full-width.layout-full #page-wrapper .full-container {
  max-width: 100%;
}
:not(.not-default-page).page-layout-full-width-sidebar.layout-full #page-wrapper .full-container {
  max-width: 100%;
}
:not(.not-default-page).page-layout-full-width.layout-boxed #primary {
  width: 100%;
}
:not(.not-default-page).page-layout-full-width-sidebar.layout-boxed #page-wrapper,
:not(.not-default-page).page-layout-full-width.layout-boxed #page-wrapper {
  width: 100%;
  max-width: 100%;
  padding-right: 20px;
  padding-left: 20px;
}
@media (max-width: 1100px) {
  :not(.not-default-page).page-layout-full-width-sidebar.layout-boxed #page-wrapper,
  :not(.not-default-page).page-layout-full-width.layout-boxed #page-wrapper {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1100px) {
  :not(.not-default-page).page-layout-full-width-sidebar.layout-boxed .main-navigation.use-sticky-menu.sticky,
  :not(.not-default-page).page-layout-full-width.layout-boxed .main-navigation.use-sticky-menu.sticky {
    left: 0;
    margin: 0 auto;
    max-width: calc(100% - 40px);
    right: 0;
    width: 100%;
  }
}
*/
/* =Sliders
----------------------------------------------- */
#main-slider {
  background: #eee;
}
#main-slider .container {
  padding: 0;
}
#main-slider #metaslider-demo,
#main-slider .metaslider {
  margin: 0 auto;
  text-align: center;
}
.metaslider a,
.entry-content .metaslider a,
.metaslider a:hover,
.entry-content .metaslider a:hover,
.metaslider ul a,
.entry-content .metaslider ul a,
.metaslider ul a:hover,
.entry-content .metaslider ul a:hover {
  border-bottom: none;
}
.metaslider.metaslider-flex {
  overflow: hidden;
}
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}
.flexslider a img {
  border: none;
  outline: none;
}
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider ul {
  border: 0;
  max-height: none;
  max-width: none;
  line-height: normal;
  list-style-type: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
.flexslider:hover .flex-vantage-direction-nav li a {
  opacity: 1;
}
.flexslider .slides > li {
  background-position: center;
  background-size: cover;
  -webkit-backface-visibility: hidden;
  display: none;
  line-height: 0;
}
.flexslider .slides li > img {
  display: block;
  width: 100%;
}
.slides:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
html[xmlns] .slides {
  display: block;
}
* html .slides {
  height: 1%;
}
.flexslider,
.flexslider .slides {
  position: relative;
  zoom: 1;
}
.flexslider .flex-caption {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  text-decoration: none;
  background: rgba(0, 0, 0, 0.5);
  color: #FFF;
  text-align: center;
}
.flexslider .flex-caption h3 {
  color: inherit;
  margin: 0;
  line-height: 1.25em;
  font-size: 15px;
}
.flexslider .slides > li .content img {
  height: auto !important;
  max-width: 100%;
}
#metaslider-demo .content,
.vantage-slide-with-image .content {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#metaslider-demo .content img,
.vantage-slide-with-image .content img {
  height: auto;
  max-width: 100%;
}
#metaslider-demo .ms-default-image,
.vantage-slide-with-image .ms-default-image {
  height: auto;
  max-width: 100%;
}
#main-slider .flexslider:not(#metaslider-demo) ul.flex-vantage-direction-nav {
  margin-bottom: -40px;
}
.flex-vantage-control-paging {
  bottom: 15px;
  list-style: none;
  margin: 0;
  padding: 0 30px;
  position: absolute;
  right: 0px;
  text-align: right;
  z-index: 20;
}
.flex-vantage-control-paging li {
  display: inline-block;
  height: 14px;
  margin: 0;
  margin-right: 2px;
  padding: 0;
  text-align: left;
  text-indent: -99999px;
  width: 14px;
}
.flex-vantage-control-paging li a {
  background: url(images/sprites/slide-indicator-inactive.png);
  cursor: pointer;
  display: block;
  height: 14px;
  width: 14px;
}
.flex-vantage-control-paging li a.flex-vantage-active {
  background: url(images/sprites/slide-indicator-active.png);
}
.flex-vantage-control-paging li a:hover {
  background: url(images/sprites/slide-indicator-inactive.png);
}
.flex-vantage-direction-nav {
  list-style: none;
}
.flex-vantage-direction-nav li {
  margin: 0;
  padding: 0;
}
.flex-vantage-direction-nav li a {
  display: block;
  height: 85px;
  margin-top: -52px;
  opacity: 0;
  position: absolute;
  text-indent: -99999px;
  transition: 0.2s opacity ease;
  top: 50%;
  width: 32px;
  z-index: 200;
}
.flex-vantage-direction-nav li a.flex-vantage-prev {
  background: url(images/sprites/gallery-prev.png);
  left: 0;
}
.flex-vantage-direction-nav li a.flex-vantage-next {
  background: url(images/sprites/gallery-next.png);
  right: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
  .flex-vantage-direction-nav li a {
    background-size: 32px 85px;
  }
  .flex-vantage-direction-nav li a.flex-vantage-prev {
    background-image: url(images/retina/gallery-prev.png);
    background-size: cover;
  }
  .flex-vantage-direction-nav li a.flex-vantage-next {
    background-image: url(images/retina/gallery-next.png);
    background-size: cover;
  }
}
:hover .flex-vantage-direction-nav li a {
  opacity: 0.9;
}
/* =Widgets
----------------------------------------------- */
.widget {
  /*margin: 0 0 1.5em;*/
}
/* Make sure select elements fit in widgets */
.widget select {
  max-width: 100%;
  font-size: 1em;
  outline: none;
}
/* Search widget */
#searchsubmit {
  display: none;
}
.widget .searchform input {
  width: 100%;
  outline: none;
}
.textwidget p:first-child {
  margin-top: 0;
}
.textwidget p:last-child {
  margin-bottom: 0;
}
.tagcloud a {
  text-decoration: none;
}
/* =Sidebar widget styling
----------------------------------------------- */
#secondary .widget,
#footer-widgets .widget,
#masthead-widgets .widget {
  margin-bottom: 40px;
  font-size: 13px;
  color: #5e5e5e;
}
#secondary .widget:last-child,
#footer-widgets .widget:last-child,
#masthead-widgets .widget:last-child {
  margin-bottom: 0;
}
#secondary .widget .widget-title,
#footer-widgets .widget .widget-title,
#masthead-widgets .widget .widget-title {
  font-size: 15px;
  color: #3b3b3b;
  font-weight: bold;
  margin-bottom: 15px;
}
#secondary .widget ul,
#footer-widgets .widget ul,
#masthead-widgets .widget ul,
#secondary .widget ol,
#footer-widgets .widget ol,
#masthead-widgets .widget ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
#secondary .widget ul ul,
#footer-widgets .widget ul ul,
#masthead-widgets .widget ul ul,
#secondary .widget ol ul,
#footer-widgets .widget ol ul,
#masthead-widgets .widget ol ul,
#secondary .widget ul ol,
#footer-widgets .widget ul ol,
#masthead-widgets .widget ul ol,
#secondary .widget ol ol,
#footer-widgets .widget ol ol,
#masthead-widgets .widget ol ol {
  margin-left: 1em;
}
#secondary .widget ul li,
#footer-widgets .widget ul li,
#masthead-widgets .widget ul li,
#secondary .widget ol li,
#footer-widgets .widget ol li,
#masthead-widgets .widget ol li {
  padding-bottom: 7px;
}
#secondary .widget ul li a,
#footer-widgets .widget ul li a,
#masthead-widgets .widget ul li a,
#secondary .widget ol li a,
#footer-widgets .widget ol li a,
#masthead-widgets .widget ol li a {
  text-decoration: none;
}
#secondary .widget ul li ul.children,
#footer-widgets .widget ul li ul.children,
#masthead-widgets .widget ul li ul.children,
#secondary .widget ol li ul.children,
#footer-widgets .widget ol li ul.children,
#masthead-widgets .widget ol li ul.children {
  padding-top: 7px;
  margin-bottom: -7px;
}
#footer-widgets {
  zoom: 1;
  margin: 0 -5px;
  max-width: 100%;
}
#footer-widgets:before {
  content: '';
  display: block;
}
#footer-widgets:after {
  content: '';
  display: table;
  clear: both;
}
#footer-widgets .widget {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 0px;
  margin-bottom: 0;
  color: #b9b9b9;
}
#footer-widgets .widget.panel,
#footer-widgets .widget.widget_siteorigin-panels-builder {
  padding: 0;
}
#footer-widgets .widget a {
  color: #ccc;
}
#footer-widgets .widget .widget-title {
  color: #e2e2e2;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 20px;
}
#masthead-widgets {
  zoom: 1;
}
#masthead-widgets:before {
  content: '';
  display: block;
}
#masthead-widgets:after {
  content: '';
  display: table;
  clear: both;
}
#masthead-widgets .widget {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 0;
  float: left;
  padding-right: 25px;
}
#masthead-widgets .widget:last-child {
  padding-right: 0;
}
#masthead-widgets .widget .widget-title {
  color: #3b3b3b;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 20px;
}
.vertical-footer #footer-widgets .widget {
  margin-bottom: 25px;
  width: 100%;
}
.vertical-footer #footer-widgets .widget:last-child {
  margin-bottom: 0;
}
/* =General Widget Styling
----------------------------------------------- */
.widget img,
.widget iframe,
.widget object,
.widget select,
.widget input {
  max-width: 100%;
}
.widget img {
  height: auto;
}
.widget a.button {
  display: inline-block;
  padding: 9px 26px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 0.875em;
  text-decoration: none;
  color: white;
  text-shadow: 0 1px 0 #000000;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1);
  background: #107fc9;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0f75b8), color-stop(1, #1189da));
  background: -ms-linear-gradient(bottom, #0f75b8, #1189da);
  background: -moz-linear-gradient(center bottom, #0f75b8 0%, #1189da 100%);
  background: -o-linear-gradient(#1189da, #0f75b8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1189da', endColorstr='#0f75b8', GradientType=0);
  border-top: solid 1px #0b5587;
  border-left: solid 1px #094974;
  border-right: solid 1px #094974;
  border-bottom: solid 1px #083d61;
}
.widget .button-container.align-center {
  text-align: center;
}
.widget .button-container.align-left {
  text-align: left;
}
.widget .button-container.align-right {
  text-align: right;
}
.widget .button-container.align-full .button {
  display: block;
  text-align: center;
}
#wp-calendar {
  border: none;
  margin: 0;
}
#wp-calendar caption {
  font-weight: 600;
  text-align: right;
  padding-bottom: 0.4286em;
}
#wp-calendar th,
#wp-calendar td {
  border: none;
  padding: 0.2143em 0.2143em 0.1429em !important;
}
#wp-calendar thead th {
  text-align: center;
  padding-bottom: 0.4286em !important;
}
#wp-calendar tbody .pad {
  background: none;
}
#wp-calendar tbody td {
  background: #ddd;
  border: 0.1429em solid #fff;
  text-align: center;
}
#wp-calendar tbody td:hover {
  background: #fff;
}
#wp-calendar tbody td a {
  border-bottom: none !important;
  display: block;
  text-decoration: none;
}
#wp-calendar tbody td a:hover {
  border-bottom: none !important;
  text-decoration: none;
}
/* Footer Calendar styling: colors assume the original theme footer background color. */
.site-footer #wp-calendar tbody td {
  background: #434447;
  border-color: #2f3033;
}
.site-footer #wp-calendar tbody td a {
  color: #fff;
}
.site-footer #wp-calendar tbody td a:hover {
  color: #b9b9b9;
}
.site-footer #wp-calendar tfoot #prev a:hover,
.site-footer #wp-calendar tfoot #next a:hover {
  color: #fff;
}
.calendar_wrap .wp-calendar-nav {
  padding-top: 0.4286em !important;
}
.calendar_wrap .wp-calendar-nav .wp-calendar-nav-prev {
  float: left;
}
.calendar_wrap .wp-calendar-nav .wp-calendar-nav-next {
  float: right;
  text-align: right;
}
.widget_call-to-action {
  position: relative;
  padding: 25px 30px 23px 30px;
}
.widget_call-to-action h2.cta-headline {
  margin: 0 0 0.35em 0;
}
.widget_call-to-action p.cta-sub-text {
  margin: 0;
  color: #666;
}
.widget_call-to-action a.button {
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -20px;
  /* This should be half the height of the button */
}
/* Responsive styles for the call to action widget */
@media (max-width: 680px) {
  body.responsive .widget_call-to-action a.button {
    position: static;
    margin-top: 25px;
    display: block;
    text-align: center;
  }
}
.widget_siteorigin-list ul li {
  margin-bottom: 0.4em;
}
.widget_siteorigin-list ul li:last-child {
  margin-bottom: 0;
}
.widget_icon-text {
  font-size: 0.95em;
  text-align: center;
}
.widget_icon-text .feature-icon {
  display: inline-block;
  line-height: 0;
}
.widget_icon-text .widget-title {
  margin: 15px 0;
}
.vantage-circleicon-loop .widget_circleicon-widget .no-archive-featured-image.circle-icon-position-top {
  padding-top: 0;
}
.widget_circleicon-widget {
  clear: both;
  /* A medium sized icon */
}
.widget_circleicon-widget .circle-icon-box {
  text-align: center;
  position: relative;
  /* The different icon positions */
}
.widget_circleicon-widget .circle-icon-box.circle-icon-show-box {
  border: 1px solid #ddd;
  background: #f6f6f6;
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.05);
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.05);
  box-shadow: 0 2px 2px rgba(0,0,0,0.05);
  padding: 24px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-hide-box {
  padding: 5px;
}
.widget_circleicon-widget .circle-icon-box .link-icon,
.widget_circleicon-widget .circle-icon-box .link-title {
  text-decoration: none;
  display: block;
}
.widget_circleicon-widget .circle-icon-box .circle-icon {
  position: absolute;
  background-color: #3a3b3e;
  display: inline-block;
  width: 65px;
  height: 65px;
  -webkit-border-radius: 130px;
  -moz-border-radius: 130px;
  border-radius: 130px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.widget_circleicon-widget .circle-icon-box .circle-icon [class^="fa fa-"] {
  display: block;
  font-size: 24px;
  width: 100%;
  height: 1em;
  text-align: center;
  color: #fff;
  line-height: 1.1em;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.5em;
}
.widget_circleicon-widget .circle-icon-box h4 {
  color: #3b3b3b;
  font-weight: bold;
  font-size: 17px;
  margin-bottom: 0.8em;
  margin-top: 0;
}
.widget_circleicon-widget .circle-icon-box p.text {
  margin: 0;
  color: #5e5e5e;
  font-size: 13px;
  margin-bottom: 10px;
}
.widget_circleicon-widget .circle-icon-box p.text:last-child {
  margin-bottom: 0;
}
.widget_circleicon-widget .circle-icon-box a.more-button {
  display: block;
  text-decoration: none;
  color: #3b3b3b;
  font-weight: bold;
  font-size: 13px;
}
.widget_circleicon-widget .circle-icon-box a.more-button i {
  display: inline-block;
  width: 5px;
  height: 8px;
  margin-left: 3px;
  background: url(images/sprites/more-icon.png) no-repeat;
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
  .widget_circleicon-widget .circle-icon-box a.more-button i {
    background: url(./images/retina/more-icon.png);
    background-size: 5px 8px;
  }
}
.widget_circleicon-widget .circle-icon-box.circle-icon-position-top {
  padding-top: 75px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-position-top .circle-icon {
  top: 0;
  left: 50%;
  margin-left: -32.5px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-position-bottom {
  padding-bottom: 75px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-position-bottom .circle-icon {
  bottom: 0;
  left: 50%;
  margin-left: -32.5px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-position-left {
  text-align: left;
  padding-left: 75px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-position-left .circle-icon {
  left: 0;
  top: 50%;
  margin-top: -32.5px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-position-right {
  text-align: left;
  padding-right: 75px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-position-right .circle-icon {
  right: 0;
  top: 50%;
  margin-top: -32.5px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-medium {
  /* The different icon positions */
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-medium .circle-icon {
  width: 81.25px;
  height: 81.25px;
  -webkit-border-radius: 162.5px;
  -moz-border-radius: 162.5px;
  border-radius: 162.5px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-medium .circle-icon [class^="fa fa-"] {
  font-size: 36px;
  line-height: 1.1em;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-medium.circle-icon-position-top {
  padding-top: 91.25px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-medium.circle-icon-position-top .circle-icon {
  top: 0;
  left: 50%;
  margin-left: -40.625px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-medium.circle-icon-position-bottom {
  padding-bottom: 91.25px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-medium.circle-icon-position-bottom .circle-icon {
  bottom: 0;
  left: 50%;
  margin-left: -40.625px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-medium.circle-icon-position-left {
  text-align: left;
  padding-left: 91.25px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-medium.circle-icon-position-left .circle-icon {
  left: 0;
  top: 50%;
  margin-top: -40.625px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-medium.circle-icon-position-right {
  text-align: left;
  padding-right: 91.25px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-medium.circle-icon-position-right .circle-icon {
  right: 0;
  top: 50%;
  margin-top: -40.625px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-large {
  /* The different icon positions */
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-large .circle-icon {
  width: 100px;
  height: 100px;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-large .circle-icon [class^="fa fa-"] {
  font-size: 44px;
  line-height: 1.1em;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-large.circle-icon-position-top {
  padding-top: 110px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-large.circle-icon-position-top .circle-icon {
  top: 0;
  left: 50%;
  margin-left: -50px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-large.circle-icon-position-bottom {
  padding-bottom: 110px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-large.circle-icon-position-bottom .circle-icon {
  bottom: 0;
  left: 50%;
  margin-left: -50px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-large.circle-icon-position-left {
  text-align: left;
  padding-left: 110px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-large.circle-icon-position-left .circle-icon {
  left: 0;
  top: 50%;
  margin-top: -50px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-large.circle-icon-position-right {
  text-align: left;
  padding-right: 110px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-large.circle-icon-position-right .circle-icon {
  right: 0;
  top: 50%;
  margin-top: -50px;
}
.widget_headline-widget {
  text-align: center;
}
.widget_headline-widget h1 {
  padding-top: 20px;
  margin: 0;
  font-size: 26px;
  line-height: 36px;
  text-transform: uppercase;
  color: #444444;
  letter-spacing: 1px;
}
.widget_headline-widget h3 {
  padding-bottom: 20px;
  margin: 0;
  font-size: 14px;
  color: #666;
  font-weight: 200;
}
.widget_headline-widget .decoration {
  border-top: 1px solid #EEE;
  position: relative;
  height: 1px;
  margin: 20px 60px 20px 60px;
}
/* =Custom Menu Widget in Header Area
----------------------------------------------- */
#header-sidebar .widget_nav_menu ul.menu,
#masthead-widgets .widget_nav_menu ul.menu {
  margin: 0;
}
#header-sidebar .widget_nav_menu ul.menu > li,
#masthead-widgets .widget_nav_menu ul.menu > li {
  list-style: none;
  display: inline-block;
  margin-right: 20px;
  position: relative;
}
#header-sidebar .widget_nav_menu ul.menu > li:last-child,
#masthead-widgets .widget_nav_menu ul.menu > li:last-child {
  margin-right: 0;
}
#header-sidebar .widget_nav_menu ul.menu > li > a,
#masthead-widgets .widget_nav_menu ul.menu > li > a {
  display: block;
  text-decoration: none;
  color: #555;
  font-weight: 500;
  padding: 0.75em 0;
  line-height: 1em;
}
#header-sidebar .widget_nav_menu ul.menu > li ul.sub-menu,
#masthead-widgets .widget_nav_menu ul.menu > li ul.sub-menu {
  display: none;
  position: absolute;
  margin: 0;
  z-index: 10000;
  border: 1px solid #e6e6e6;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  top: 2.5em;
  left: -10px;
  background: white;
}
#header-sidebar .widget_nav_menu ul.menu > li ul.sub-menu li,
#masthead-widgets .widget_nav_menu ul.menu > li ul.sub-menu li {
  position: relative;
  list-style: none;
  width: 160px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 10px;
}
#header-sidebar .widget_nav_menu ul.menu > li ul.sub-menu li a,
#masthead-widgets .widget_nav_menu ul.menu > li ul.sub-menu li a {
  display: block;
  text-decoration: none;
  color: #777;
}
#header-sidebar .widget_nav_menu ul.menu > li ul.sub-menu ul,
#masthead-widgets .widget_nav_menu ul.menu > li ul.sub-menu ul {
  display: none;
  top: -1px;
  left: 160px;
}
#header-sidebar .widget_nav_menu ul.menu > li > ul.sub-menu,
#masthead-widgets .widget_nav_menu ul.menu > li > ul.sub-menu {
  border-top: 2px solid #00bcff;
}
#header-sidebar .widget_nav_menu ul.menu li:hover > ul.sub-menu,
#masthead-widgets .widget_nav_menu ul.menu li:hover > ul.sub-menu {
  display: block;
}
/* =Custom Menu Widget in Footer Area
----------------------------------------------- */
#colophon .widget_nav_menu .sub-menu {
  margin-left: 0;
}
#colophon .widget_nav_menu .menu-item {
  padding-bottom: 0;
}
#colophon .widget_nav_menu .menu-item a {
  display: block;
  padding-bottom: 3px;
  margin-bottom: 3px;
  border-bottom: 1px solid #b9b9b9;
}
/* =Some row styling for page builder
----------------------------------------------- */
.panel-row-style {
  margin: 0 -20px;
  padding: 25px 20px;
  background-position: center center;
  background-repeat: no-repeat;
}
.panel-row-style .panel-row-style {
  margin: 0;
}
.panel-row-style-wide-grey,
.wide-grey.panel-row-style {
  background: #f6f6f6;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.layout-full .panel-row-style.panel-row-style-wide-grey,
.layout-full .wide-grey.panel-row-style,
.layout-full .panel-row-style.panel-row-style-full-width,
.layout-full.panels-style-force-full .panel-row-style {
  margin: 0 -1000px;
  padding: 25px 1000px 25px 1000px;
}
.layout-full .panel-row-style.panel-row-style-full-width[data-stretch-type="full-stretched-padded"] {
  margin: 0;
  padding: 0;
}
.layout-boxed .panel-row-style {
  padding: 25px 35px;
}
.layout-boxed .panel-row-style.panel-row-style-wide-grey,
.layout-boxed .panel-row-style .wide-grey.panel-row-style {
  margin: 0 -20px;
}
@media (max-width: 680px) {
  body.responsive.layout-boxed .panel-row-style {
    margin: 0 -35px;
    padding: 25px 35px;
  }
  body.responsive.layout-boxed .panel-row-style.panel-row-style-wide-grey,
  body.responsive.layout-boxed .panel-row-style .wide-grey.panel-row-style {
    margin: 0 -20px;
  }
}
.panel-grid-cell .flexslider {
  margin-bottom: 0;
}
/* =Styling for the Polylang widget in masthead
----------------------------------------------- */
#masthead .widget_polylang ul {
  list-style: none;
}
#masthead .widget_polylang ul li {
  display: block;
  float: left;
  margin-left: 10px;
}
.vantage-carousel-title {
  font-size: 14px;
  font-weight: bold;
  color: #3b3b3b;
  text-transform: uppercase;
  line-height: 1em;
}
.vantage-carousel-title .vantage-carousel-title-text {
  display: inline-block;
  padding-right: 15px;
}
.vantage-carousel-title a.next,
.vantage-carousel-title a.previous {
  background: #3a3a3a;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-decoration: none;
  color: #ffffff;
  display: block;
  float: right;
  overflow: hidden;
  background-position: center center;
  margin-left: 2px;
  padding: 4px 4px 5px 4px;
}
.vantage-carousel-title a.next .vantage-icon-arrow-left,
.vantage-carousel-title a.previous .vantage-icon-arrow-left,
.vantage-carousel-title a.next .vantage-icon-arrow-right,
.vantage-carousel-title a.previous .vantage-icon-arrow-right {
  line-height: 10px;
  display: block;
  font-size: 8px;
  width: 8px;
  height: 8px;
  text-align: center;
}


.vantage-carousel-wrapper {
  overflow-x: hidden;
  overflow-y: hidden;
}
.vantage-carousel-wrapper .vantage-carousel {
  height: 200px;
  margin: 0;
  padding: 0;
  zoom: 1;
  width: 99999px;
  -webkit-transition: all 0.45s ease;
  -moz-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
.vantage-carousel-wrapper .vantage-carousel:before {
  content: '';
  display: block;
}
.vantage-carousel-wrapper .vantage-carousel:after {
  content: '';
  display: table;
  clear: both;
}
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry {
  list-style: none;
  margin-left: 0;
  padding: 0;
  display: block;
  float: left;
  margin-right: 15px;
  width: 242px;
  overflow-x: hidden;
}
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry:last-child {
  margin-right: 0;
}
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry .thumbnail {
  line-height: 0;
}
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry .thumbnail a {
  display: block;
  width: 242px;
  height: 162px;
  background-size: 242px 162px;
  background-position: center center;
}
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry .thumbnail a,
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry .thumbnail a span.vantage-overlay {
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry .thumbnail a span.vantage-overlay {
  display: block;
  width: 100%;
  height: 100%;
  background: #3279bb;
  opacity: 0;
}
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry .thumbnail a:hover {
  background-size: 272px 182px;
}
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry .thumbnail a:hover span {
  opacity: 0.5;
}
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry .default-thumbnail {
  display: block;
  width: 242px;
  height: 162px;
  background: #e8e8e8;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e0e0e0), color-stop(1, #e8e8e8));
  background: -ms-linear-gradient(bottom, #e0e0e0, #e8e8e8);
  background: -moz-linear-gradient(center bottom, #e0e0e0 0%, #e8e8e8 100%);
  background: -o-linear-gradient(#e8e8e8, #e0e0e0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#e0e0e0', GradientType=0);
}
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry h3 {
  font-size: 15px;
  text-align: center;
  font-weight: 500;
  color: #474747;
  margin: 10px 0 0 0;
}
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry h3 a {
  text-decoration: none;
  color: inherit;
}
.vantage-carousel-wrapper .vantage-carousel li.loading {
  display: block;
  width: 242px;
  height: 162px;
  float: left;
  background: url(images/carousel-loader.gif) #f6f6f6 center center no-repeat;
  margin: 0;
}
.vantage-grid-loop {
  zoom: 1;
  margin: 0 -15px 0 -15px;
}
.vantage-grid-loop:before {
  content: '';
  display: block;
}
.vantage-grid-loop:after {
  content: '';
  display: table;
  clear: both;
}
.vantage-grid-loop article {
  float: left;
  padding: 0 15px;
  margin-bottom: 30px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: none;
}
.grid-loop-columns-2.vantage-grid-loop article {
  width: 50%;
}
.grid-loop-columns-3.vantage-grid-loop article {
  width: 33.333%;
}
.grid-loop-columns-4.vantage-grid-loop article {
  width: 25%;
}
.grid-loop-columns-5.vantage-grid-loop article {
  width: 20%;
}
.grid-loop-columns-6.vantage-grid-loop article {
  width: 16.666%;
}
.vantage-grid-loop article .grid-thumbnail {
  display: block;
  padding: 5px;
  border: 1px solid #c2c5ca;
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 0 4px rgba(0,0,0,0.1);
  box-shadow: 0 0 4px rgba(0,0,0,0.1);
  background: #ffffff;
  margin-bottom: 10px;
}
.vantage-grid-loop article .grid-thumbnail:hover {
  border-color: #00bafa;
  -webkit-box-shadow: 0 0 5px rgba(0,187,251,0.75);
  -moz-box-shadow: 0 0 5px rgba(0,187,251,0.75);
  box-shadow: 0 0 5px rgba(0,187,251,0.75);
}
.vantage-grid-loop article .grid-thumbnail img {
  width: 100%;
  height: auto;
  display: block;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.vantage-grid-loop article h3 {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 8px;
  margin-top: 0;
}
.vantage-grid-loop article h3 a {
  color: inherit;
  text-decoration: none;
}
.vantage-grid-loop article .excerpt {
  font-size: 12px;
  color: #777777;
  line-height: 1.25em;
}
.vantage-grid-loop article .excerpt p {
  margin: 0;
}
.vantage-grid-loop article a.more-button {
  display: block;
  text-decoration: none;
  color: #3b3b3b;
  font-weight: bold;
  font-size: 13px;
  margin-top: 10px;
}
.vantage-grid-loop article a.more-button i {
  display: inline-block;
  width: 5px;
  height: 8px;
  margin-left: 3px;
  background: url(images/sprites/more-icon.png) no-repeat;
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
  .vantage-grid-loop article a.more-button i {
    background: url(./images/retina/more-icon.png);
    background-size: 5px 8px;
  }
}
.vantage-grid-loop .clear {
  clear: both;
}
.widget_siteorigin-panels-postloop h1.entry-title {
  margin-top: 0;
  margin-bottom: 0;
}
.widget_siteorigin-panels-postloop .pagination {
  margin-top: 20px;
}
.widget_siteorigin-panels-postloop .flexslider .slides .slide {
  margin-left: 0;
}
@media (max-width: 640px) {
  body.responsive .vantage-grid-loop article,
  body.responsive .vantage-circleicon-loop .widget_circleicon-widget {
    width: 50%;
  }
}
@media (max-width: 480px) {
  body.responsive .vantage-grid-loop article,
  body.responsive .vantage-circleicon-loop .widget_circleicon-widget {
    float: none;
    width: 100%;
  }
}
.vantage-circleicon-loop {
  zoom: 1;
  margin: 0 -20px;
}
.vantage-circleicon-loop:before {
  content: '';
  display: block;
}
.vantage-circleicon-loop:after {
  content: '';
  display: table;
  clear: both;
}
.vantage-circleicon-loop .widget_circleicon-widget {
  float: left;
  clear: none;
}
.circleicon-loop-columns-2.vantage-circleicon-loop .widget_circleicon-widget {
  width: 50%;
}
.circleicon-loop-columns-3.vantage-circleicon-loop .widget_circleicon-widget {
  width: 33.333%;
}
.circleicon-loop-columns-4.vantage-circleicon-loop .widget_circleicon-widget {
  width: 25%;
}
.circleicon-loop-columns-5.vantage-circleicon-loop .widget_circleicon-widget {
  width: 20%;
}
.circleicon-loop-columns-6.vantage-circleicon-loop .widget_circleicon-widget {
  width: 16.666%;
}
.vantage-circleicon-loop .widget_circleicon-widget .circle-icon-box {
  padding-left: 20px;
  padding-right: 20px;
}
.vantage-circleicon-loop .clear {
  clear: both;
}
/* The button to display more posts. */
#infinite-handle span {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  margin: 2px 2px 2px 0;
  padding: 6px 9px 5px 9px;
  text-decoration: none;
  width: auto;
  background: #4f5355;
  border-top: solid 1px #d2d2d2;
  border-left: solid 1px #c3c3c3;
  border-right: solid 1px #c3c3c3;
  border-bottom: solid 1px #9f9f9f;
  background: #ffffff;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dfdfdf), color-stop(1, #ffffff));
  background: -ms-linear-gradient(bottom, #dfdfdf, #ffffff);
  background: -moz-linear-gradient(center bottom, #dfdfdf 0%, #ffffff 100%);
  background: -o-linear-gradient(#ffffff, #dfdfdf);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf', GradientType=0);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-weight: bold;
  color: #646464;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
}
#infinite-handle span:hover {
  background: #f0f0f0;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d0d0d0), color-stop(1, #f0f0f0));
  background: -ms-linear-gradient(bottom, #d0d0d0, #f0f0f0);
  background: -moz-linear-gradient(center bottom, #d0d0d0 0%, #f0f0f0 100%);
  background: -o-linear-gradient(#f0f0f0, #d0d0d0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#d0d0d0', GradientType=0);
  color: #606060;
}
#infinite-handle span button {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#yoast-breadcrumbs,
#navxt-breadcrumbs {
  background: rgba(0, 0, 0, 0.025);
  margin-top: -20px;
  margin-bottom: 20px;
  padding: 0.5em 0.75em;
  font-weight: 500;
  color: #474747;
}
#yoast-breadcrumbs a,
#navxt-breadcrumbs a {
  text-decoration: none;
}
.page-layout-no-masthead-margin #yoast-breadcrumbs,
.page-layout-no-masthead-margin #navxt-breadcrumbs {
  margin-top: 0;
}
@font-face {
  font-family: 'vantage-icons';
  src: url('icons/vantage-icons.eot');
  src: url('icons/vantage-icons.eot?#iefix') format('embedded-opentype'), url('icons/vantage-icons.woff') format('woff'), url('icons/vantage-icons.ttf?') format('truetype'), url('icons/vantage-icons.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="vantage-icon-"],
[class*=" vantage-icon-"] {
  font-family: 'vantage-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.vantage-icon-arrow-down:before {
  content: "\e600";
}
.vantage-icon-arrow-left:before {
  content: "\e601";
}
.vantage-icon-arrow-right:before {
  content: "\e602";
}
.vantage-icon-arrow-up:before {
  content: "\e603";
}
.vantage-icon-search:before {
  content: "\e604";
}
/* Ensure Vantage button styles don't impact JW Player buttons */
span.jwcontrols span button {
  background: initial;
  border: initial;
  border-radius: initial;
  box-shadow: initial;
  color: initial;
  font-size: initial;
  font-weight: initial;
  line-height: initial;
  padding: initial;
  text-decoration: initial;
  text-shadow: initial;
}
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  word-wrap: normal !important;
  width: 1px;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #0073aa;
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 600;
  height: auto;
  left: 6px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 7px;
  width: auto;
  z-index: 100000;
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}
/* Prevent iOS Safari from overriding the colors for phone numbers */
a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}
/*
@media (min-width: 680px) {
  .mega-menu-primary .masthead-logo-in-menu .site-navigation > .full-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
*/

/*サードバー目次*/
/*=================================================================================
TOC+ の追従サイドバーを綺麗に表示する ここから
=================================================================================*/
.toc-widget-2 .widgettitle.ef {
    margin-bottom: 0px;
    border: none!important;
    border-radius: 0;
}
.toc-widget-2 ul {
    background: white;
    padding: 20px 0px 20px 40px;
    border: 1px solid #424242;
    line-height: 1.8em;
    max-height: 500px;
    overflow-y: auto;
}
.toc-widget-2 ul li {
    list-style: decimal;
}
.toc-widget-2 ul li ul {
    border: none;
    padding: 2px 0px 2px 20px;
}
.toc-widget-2 ul li ul li {
    list-style: disc;
}
.toc-widget-2 a:hover {
    color:#424242;
    opacity: .7;
}
.toc-widget-2 .widgettitle::before {
    content: url(画像URL);
    display: block;
    width:25%;
    margin:0 auto;
}
@media (min-width: 1024px){
.sidebar_style4 .widget:last-child {
    margin: 0px 0 -15px;
}}


/*=================================================================================
フッター
=================================================================================*/
.contact-mainpage{
	margin: auto;
	font-size: clamp(12px, 2vw, 18px);
}


.pagination-main{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 6.4rem;
	font-size: clamp(14px, 2.8vw, 20px);
}
.pagination-main .pagination-bullet,
.pagination-main .pagination-bullet-active{
    //font-size: 2.4rem;
    font-weight: bold;
    line-height: 1;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    cursor: pointer;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    text-align: center;
    color: var(--color-gray);
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
	padding-bottom: 6.2rem;
}

.pagination-main .pagination-bullet-active{
	color: var(--color-theme);	
}
.pagination-main .pagination-bullet::before,
.pagination-main .pagination-bullet-active::before{
    position: absolute;
    content: "";
    -webkit-transition: var(--transition);
    transition: var(--transition);
    z-index: 1;
    right: 0;
    bottom: 0;
    left: 0;
	width: 1.2rem;
    height: 1.2rem;
    margin: auto;
    border-radius: 100px;
}
.pagination-main .pagination-bullet::before{
	background-color: var(--color-gray);
    box-shadow: 0 0 0 5px var(--color-base);
}

.pagination-main .pagination-bullet-active::before,
.contact-item2 .pagination-main .bullet1::before,
.contact-item3 .pagination-main .bullet1::before,
.contact-item3 .pagination-main .bullet2::before{
	background-color: var(--color-theme);
    box-shadow: 0 0 0 4px var(--color-base), 0 0 0 7px var(--color-theme);
}

.pagination-main .pagination-bullet::after{
    bottom: 0;
    width: 100%;
    height: 3px;
    position: absolute;
    content: "";
    -webkit-transition: var(--transition);
    transition: var(--transition); 
}
.pagination-main .pagination-bullet::after{
	background-color: var(--color-gray);
}

.contact-item1 .pagination-main .pagination-bullet::after{right: 50%;}

.contact-item2 .pagination-main .bullet1::after{left: 50%;background-color: var(--color-theme);}
.contact-item2 .pagination-main .bullet3::after{right: 50%;}
.contact-item3 .pagination-main .bullet1::after, .contact-item3 .pagination-main .bullet2::after{left: 50%;background-color: var(--color-theme);}

.pagination-main .pagination-bullet-active::after{
	background-color: var(--color-theme);
}

.pagination-main .step{
	font-size: 1.6rem;
}

.contact-mainpage .head-h3{
	font-weight: bold !important;
	font-size: clamp(16px, 3vw, 28px);
}



/*=================================================================================
SNSアイコン関連
=================================================================================*/
.btn-sns {
display: flex;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
box-sizing: border-box;
border-radius: 50%;
color: white;
font-size: 1.5rem;
text-align: center;
text-decoration: none;
transition: 0.3s;
}

.btn-sns svg {
fill: #fff;
}

.btn-x {
background-color: #111319;
}


/*=================================================================================
オリジナルインジケーター
=================================================================================*/
#primary .fluid-width-video-wrapper{
	width:80%;
	margin: auto;
}
#masthead #originalarticle-main-head-text{
	position:absolute;
	top:40%;
	right: 0;
	text-align:right;
}
#primary .div-head-sp .head-sp{
        position: relative;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        flex-direction: column;
        width: 100%;
        background: linear-gradient(0deg, rgba(99, 198, 242, 0.4), transparent 20%);
}
#primary .div-head-sp p{
	font-weight: bold;
	font-size: 0px;
	line-height: 1.6;
}
#primary .subhead{
	font-weight: 600;
	line-height: 1.6;
}

#primary .centerimg{
	display: block;
	text-align:center;
}

.envir-buy-list .envir-buy-cart{
	width: 100%;
    display: flex;
    flex-direction: column;
}

/*=================================================================================
TOPページ
=================================================================================*/
#masthead-top{
	overflow:hidden;
}

#masthead-top .full-container{
	//margin-top: calc(clamp(5vh, 5vw, 70px) + clamp(0.3rem, 2.5vh, 0.7rem) + 1em);
	position:relative;
}

#top-area{
	display:flex;
	position:relative;
	justify-content: flex-end;
	height:100vh;
}
#top-area #topheading{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	color:#fff;
	z-index: 100;
	padding-left:5vw;
	max-width: calc(100vw - max(50px, 5%) - 5vw);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/*
#topheading .topheading-title,
#topheading .topheading-subtitle,
#topheading .topheading-summary{
	padding-right: 5vw;
}
#topheading .topheading-title{
	font-size: clamp(28px, 4.8vw, 96px);
    line-height: 1.22;
    letter-spacing: .025em;
}
#topheading .topheading-subtitle{
	margin-top:1em;
	font-size: clamp(10px, 1.2vw, 16px);
    line-height: 1.42;
    letter-spacing: .2em;
}
#topheading .topheading-summary{
	margin-top:2.4em;
	font-size: clamp(12px, 2vw, 20px);
    line-height: 1.42;
}*/
.top-icon{
	width:45%;
}
.top-virtical{
	width:5%;
	min-width: 50px;
	max-width: 65px;
}

.top-screen{
	height: 100%;
    width:50%;
	overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.top-icon .top-icon-wrap{
	position:relative;
	height:100%;
}
.top-icon-wrap div{
	position:absolute;
	bottom: 1rem;
    right: 0;
}
.top-icon-wrap h1{
	width:100%;
}

.top-icon-wrap h1 img{
	display: block;
    margin: auto;
}
.top-icon-wrap h2{
	font-size: clamp(8px, 1vw, 12px);
}

.top-screen .screen-relative{
	position: relative;
	width:100%;
	height:100%;
}

.hero-image {
     display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
	height: 100%;
}

.hero-image .scroll {
  position: absolute;
  width: 1em;
  height: 3em;
  top: 75vh;
  color: #555;
  text-decoration: none;
  border: 2px solid #555;
  border-radius: 1em;
}

.hero-image .scroll::before {
    content: 'scroll';
    position: absolute;
    top: -1.5em;
    left: -.7em;
}


.hero-image .scroll span{
    position: absolute;
    top: 15%;
    left: .25em;
    display: block;
    width: .25em;
    height: .25em;
    border-radius: 50%;
    background: #555;
    animation: 2s small-dot-move infinite running ease-out;
}

@media (max-width: 999px) {
#top-area{
	display:block;
}
.top-screen, .top-icon, .top-virtical{
	height:50vh;	
}
.top-screen{
	position:relative;
	width:100%;
}
.top-icon, .top-virtical{
	position:absolute;
	top:50%;
}
.top-icon{
	width:95%;
	left:0;
}
.top-virtical{
	min-width: 50px;
	right:0;
}
.top-icon-wrap div{
	left:0;	
}
.hero-image .scroll{
	top:25vh;
}
.top-icon-wrap h1 img{
	max-width:50%;
	margin-right: auto;
	margin-left:0;
}
.top-icon-wrap h2{
	margin-left: 1em;
}}

.screen-relative div{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 10;
	opacity: 0;
	animation-name: topscreenfade;
	animation-duration: 36s;
	animation-iteration-count: infinite;
}
/* 1枚目のスライド */
.screen-relative div:first-of-type{
	background-image: url(https://fxsaigen.com/img/topmovvie-1.png);
}
.screen-relative div:nth-of-type(2){
	background-image: url(https://fxsaigen.com/img/topmovvie-2.png);
	animation-delay: 6s;
}
.screen-relative div:nth-of-type(3){
	background-image: url(https://fxsaigen.com/img/topmovvie-3.png);
	animation-delay: 12s;
}
.screen-relative div:nth-of-type(4){
	background-image: url(https://fxsaigen.com/img/topmovvie-4.png);
	animation-delay: 18s;
}
.screen-relative div:nth-of-type(5){
	background-image: url(https://fxsaigen.com/img/topmovvie-5.png);
	animation-delay: 24s;
}
.screen-relative div:last-of-type{
	background-image: url(https://fxsaigen.com/img/topmovvie-6.png);
	animation-delay: 30s;	
}

@keyframes topscreenfade {
  0%{
    opacity: 0;
  }
  20%{
    opacity: 4;
  }
  80%{
    opacity: 0;
    transform: scale(1.2);
  }
  100%{
    opacity: 0;
    z-index: 0;
  }
}

@keyframes small-dot-move {
  from {
    top: 15%;
    opacity: .8;
  }
  50% {
    opacity: 1;
  }
  to {
    top: 80%;
    opacity: .3;
  }
}

.hero-image .arrow {
  position: absolute;
  top: 3.5em;
  left: .28em;
  width: 0;
  height: 20vh;
  border: 1px solid #555;
	z-index:5;
}
.hero-image .arrow::after {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: -.31em;
    width: 2px;
    height: 10px;
    border-top: 10px solid #333;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
	z-index:5;
}
@media (max-width: 499px){
.hero-image .arrow {
  height: 15vh;
}}
/*=================================================================================
TOPページのお知らせ
=================================================================================*/
.site-header .latestnews-wrap{
	display:inline-block;
	width:480px;
	margin-top: calc(clamp(5vh, 5vw, 70px) + clamp(0.3rem, 2.5vh, 0.7rem) + 1em);
	position:absolute;
	right:1.8rem;
	top:0;
}
@media (max-width: 999px){
.site-header .latestnews-wrap{
	top: 50%;
	margin-top: 1em;
	right: 5%;
}}

.latestnews-wrap .latestnews-title{
	margin:0;
	font-size: clamp(10px, 2vw, 14px) !important;
}
.latestnews-wrap .latestnews-postlist{
}
@media (max-width: 532px) {
.site-header .latestnews-wrap{
	width:90vw;
	max-width:450px;
}}
.latestnews-wrap .latestnews-postlist_item{
	border-bottom: 1px solid rgba(194, 194, 194, 1);
    padding: 1rem 0 1.5rem 0;
	font-size: clamp(10px, 2vw, 16px) !important;
}
.latestnews-wrap .latestnews-postlist_item span{
	display:inline-block;
}

.latestnews-wrap .latestnews-postlist_item .latestnews-postdate{
	padding:0 2rem 0 0.5rem;
}
.latestnews-postlist_item .latestnews-posttitle{
	padding-left:0.5rem;
}


.latestnews-wrap .latestnews-postlist_item .latestnews-posttitle{
	font-weight:600;
}


.latestnews-wrap .latestnews-postlist_item .latestnews-postdate,
.latestnews-postlist_item .latestnews-postdate :hover,
.latestnews-postlist_item .latestnews-postdate :focus,
.latestnews-postlist_item .latestnews-postdate :active {
	color:#999;
}

.latestnews-wrap .latestnews-postlist_item .latestnews-posttitle,
.latestnews-postlist_item .latestnews-posttitle :hover,
.latestnews-postlist_item .latestnews-posttitle :focus,
.latestnews-postlist_item .latestnews-posttitle :active {
	color:#333;
}



/*=================================================================================
TOPページのコンテンツ(フロントページコンテンツ)
=================================================================================*/
#article-maincontents{
}
#article-maincontents .f-sp-1{
	position:relative;
	overflow:hidden;
	padding-bottom: 2em;
    margin-top: 1.5em;
}


#article-maincontents .front-sp-contents{
    overflow: hidden;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
	padding: 1em 0;
	background-color: rgba(239.97, 244.16, 245.95, .7);
}
#article-maincontents .front-c{
    //max-width: 1280px;
	width:90%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display:flex;
	justify-content:center;
}

.front-sp-contents .f-sp{
	width: 45%;
}
.front-sp-contents .f-sp-right{
	position:relative;
	display:flex;
	flex-flow: column;
	margin-left: 2em;
}

.f-sp-right .f-content-text,
.f-content-textarea{
	text-align:center;
	margin-top:1.5rem;
}

.f-content-textarea .f-content-header h3:not(.f-topcontents h3){
	margin-top: 2rem;
}
@media (max-width: 999px){
.f-content-textarea .f-topcontents h3{
	margin-top: 2rem;
}}

.f-content-header h3 span{
	background: linear-gradient(transparent 50%, rgba(247, 254, 46) 50%);
	font-size: clamp(18px, 2.2vw, 28px);
}
@media (500px <= width <= 999px){
.f-content-header h3 span{
	font-size: clamp(20px, 2.6vw, 28px) !important;
}}
@media (max-width: 399px){
.f-content-header h3 span{
	font-size: clamp(14px, 3.6vw, 28px) !important;
}}


.f-content-text .goods-innertext{
	width:95%;
	display:inline-block;
	margin: 1.5rem auto;
}

.front-sp-contents .f-sp-left{
	display: flex;
	overflow:hidden;
}
@media (max-width: 999px) {
.front-sp-contents .f-sp-left{
	padding-top: 1em;
}
.front-sp-contents .f-sp-right{
	padding-bottom: 1em;
}}



.f-sp-slider-list {
    display: flex;
    margin: 0;
    padding: 0;
    align-items: center;
    animation: slideShow 20s infinite linear;
    list-style: none;
}

.f-sp-slider-item {
    width: 400px;
	aspect-ratio: 1;
}

.f-sp-slider-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0 0.5rem;
}

.slider:hover .f-sp-slider-list {
    animation-play-state: paused;
}

@keyframes slideShow {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

.f-content-textarea .f-content-text p{
	font-size: clamp(10px, 2.2vw, 16px);
}


.f-sp-1 .hot-item{
    position: relative;
    width: 45%;
    margin-left: 5%;
    margin-top: 3em;
}
.f-sp-1 .hot-item img{
    height: auto;
    display: block;
    margin: auto;
}

#article-maincontents .f-sp-contenttitle{
	display:flex;
	justify-content:center;
	flex-direction: column;
	margin-top:5em;
	overflow: hidden;
}
#article-maincontents .contenttitle-sp-4{
	margin-top:6em;
}

/*#article-maincontents .title-goods{}*/
@media (max-width: 499px) {
#article-maincontents .f-sp-contenttitle{
	margin-top: 3em;
}}



.f-sp-contenttitle .f-sp-ct-topimg,
.f-sp-contenttitle .f-sp-ct-bottomimg{
	width: 680px;
	aspect-ratio: 32 / 1;
	margin:auto;
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center;
	max-width:90%;
	z-index: 1;
}


.f-sp-contenttitle .f-sp-ct-topimg{
	background-image: url(https://fxsaigen.com/img/contents-back2.png);	
}
.f-sp-contenttitle .f-sp-ct-bottomimg{
	background-image: url(https://fxsaigen.com/img/contents-back1.png);	
}
.f-sp-contenttitle .f-sp-ct-istopborder{
	animation: slideIn2 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
.f-sp-contenttitle .f-sp-ct-isbottomborder{
	animation: slideIn1 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
@keyframes slideIn1 {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
  }
}
@keyframes slideIn2 {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
  }
}
.f-sp-contenttitle{
	position:relative;
	
}

.f-sp-contenttitle .f-sp-ct-body{
    margin: auto;
	z-index: 1;
}
.f-sp-contenttitle .f-sp-ct-body p{
	margin:0;
	font-size: clamp(24px, 4vw, 54px);
	letter-spacing: 0.3em;
	font-weight: 700;
    white-space: nowrap;
}
.f-sp-contenttitle .f-sp-ct-top-scroll{
	position:absolute;
	top:-15%;
  //background-color: skyblue;
  //overflow: hidden;
	height: 120%;
	color: rgba(245.95, 245.95, 245.95, 1);
	font-weight:700;
    font-size: clamp(48px, 15vw, 144px);
	display: flex;
    align-items: center;
}
.f-sp-ct-top-scroll span{
	white-space: nowrap;
    animation: ct-top-scroll2 48s -24s linear infinite;
}
/* アニメーション */
@keyframes  ct-top-scroll1 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes  ct-top-scroll2 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}


#article-maincontents .f-sp-2{
	position:relative;
	overflow:hidden;
	padding-bottom: 5em;
	margin-top:2em;
}

#article-maincontents .f-sp-2:before{
	display:block;
	background-color: rgba(255, 235, 236, 1);
	content: "";
	height: calc(100% + 5em);
	width:100vw;
    position: absolute;
    right:20%;
    top: 0;
}
#article-maincontents .front-ct-series{
	//margin-top:12em;
	flex-direction:row-reverse;
	z-index:5;
}



.front-ct-series .f-ct,
.front-ct-original .f-ct{
	width: 50%;
}

.f-sp-2 .title-series{
    position: relative;
    width: 45%;
    margin-left: 5%;
	margin-top: 3em;
}
.f-sp-2 .title-series img,
.f-sp-3 .title-series img{
    height: auto;
    display: block;
    margin: auto;
	max-width: 100%;
}

.f-ct .f-ct-screen{
	aspect-ratio: 16 / 12;
	width: 100%;
	max-width:960px;
	overflow: hidden;
	position: relative;
	margin: auto;
}
.f-ct-screen div{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 10;
	opacity: 0;
	animation-name: topscreenfade;
	animation-duration: 30s;
	animation-iteration-count: infinite;
}
/* 1枚目のスライド */
.f-ct-series-screen div:first-of-type{
	background-image: url(https://fxsaigen.com/img/contents-series-top1.png);
}
.f-ct-series-screen div:nth-of-type(2){
	background-image: url(https://fxsaigen.com/img/contents-series-top2.png);
	animation-delay: 6s;
}
.f-ct-series-screen div:nth-of-type(3){
	background-image: url(https://fxsaigen.com/img/contents-series-top3.png);
	animation-delay: 12s;
}
.f-ct-series-screen div:nth-of-type(4){
	background-image: url(https://fxsaigen.com/img/contents-series-top4.png);
	animation-delay: 18s;
}
.f-ct-series-screen div:last-of-type{
	background-image: url(https://fxsaigen.com/img/contents-series-top5.png);
	animation-delay: 24s;	
}

@media (1000px <= width <= 1299px){
.f-ct-series-right .f-ct-series-screen,
.f-ct-original-left .f-ct-original-screen{
	 aspect-ratio: 16/14;
}}


@media (max-width: 999px) {
#article-maincontents .front-sp-contents,
#article-maincontents .front-ct-series,
#article-maincontents .front-ct-original{
    display:block;
}
.front-sp-contents .f-sp,
.front-ct-series .f-ct,
.front-ct-original .f-ct{
	width: 90%;
	margin:auto;
}
.f-ct-series-right .f-ct-series-screen,
.f-ct-original-left .f-ct-original-screen{
	aspect-ratio: 2 / 1;
}}

@media (max-width: 499px) {
.f-sp-slider-item{
    height: 250px;
}}
@media (min-width: 1350px) {
.f-ct-series-link .content-page::before{
	height: 1px;
}}

#article-maincontents .f-sp-3{
	position:relative;
	overflow:hidden;
	padding-bottom: 5em;
}

#article-maincontents .f-sp-3:before{
	display:block;
	background-color: rgba(236, 248, 254, 1);
	content: "";
	height: calc(100% + 5em);
	width:100vw;
    position: absolute;
    left:20%;
    top: 0;
}
.f-sp-3 .title-series {
    position: relative;
    width: 45%;
    margin-top: 3em;
    margin-right: 5%;
	margin-left: auto;
}


/* 1枚目のスライド */
.f-ct-original-screen div:first-of-type{
	background-image: url(https://fxsaigen.com/img/contents-original-top1.png);
}
.f-ct-original-screen div:nth-of-type(2){
	background-image: url(https://fxsaigen.com/img/contents-original-top2.png);
	animation-delay: 6s;
}
.f-ct-original-screen div:nth-of-type(3){
	background-image: url(https://fxsaigen.com/img/contents-original-top3.png);
	animation-delay: 12s;
}
.f-ct-original-screen div:nth-of-type(4){
	background-image: url(https://fxsaigen.com/img/contents-original-top4.png);
	animation-delay: 18s;
}
.f-ct-original-screen div:last-of-type{
	background-image: url(https://fxsaigen.com/img/contents-original-top5.png);
	animation-delay: 24s;	
}

@media (max-width: 999px){
#article-maincontents .f-sp-2,
#article-maincontents .f-sp-3{
	padding-bottom: 2em;
}
.f-sp-2 .title-series,
.f-sp-3 .title-series{
    width: 60%;
}
.f-sp-2 .title-series{
    margin-left: 2%;
}}

.f-content-text .newitem-title{
    margin-bottom: 0;
    font-size: clamp(14px, 2vw, 24px) !important;
    letter-spacing: 0.5rem;
    font-weight: 700;
}

.f-content-text .newitem-postlist{
	display:flex;
    width: 100%;
    justify-content: center;
}

.newitem-postlist li{
	width:50%;
	max-width: 460px;
	aspect-ratio: 2 / 1;
}
.newitem-postlist li a{
	display:block;
	width:90%;
	height:100%;
	margin: auto;
}
.newitem-postlist li a,
.newitem-postlist li a:hover,
.newitem-postlist li a:focus,
.newitem-postlist li a:active {
	color: #5b5b5b;
}

.newitem-postlist .newitem-postlist_div{
	overflow:hidden;
	position:relative;
}
.newitem-postlist_div .dark-cover{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: .3;
  transition: background-color 0.3s ease;
}


.newitem-postlist li a img{
    transition: 1s all;
    vertical-align: top;
    width: 100%;
    height: 100%;
}

.newitem-postlist li a img:hover{
	transform:scale(1.2,1.2);
    transition:1s all;
	opacity:0.7;
}

.newitem-postlist li p{
	font-size: clamp(10px, 2vw, 14px) !important;
}


#article-maincontents .f-sp-4{
	position:relative;
	overflow:hidden;
	margin-top:2em;
}

.f-sp-4 .l-section .l-inner{
	padding:0;
	width:100%;
	max-width:100% !important;
}
.f-sp-4 .l-section .l-inner .swiper{
	width:100%;
}

.sp-4-swiper .swiper-slide{
	aspect-ratio: 16 / 9;
  background-size:cover;
  background-position:50%;
    max-height: 720px;
	background-repeat:no-repeat;
	display: flex;
    align-items: center;
    justify-content: center;
}
@media (400px <= width <= 999px){
.sp-4-swiper .swiper-slide{
	aspect-ratio: 1;
}}
@media (max-width: 399px){
.sp-4-swiper .swiper-slide{
	aspect-ratio: 16 / 19;
}}

.sp-4-swiper .sp-4-1{
	background-image: url(https://fxsaigen.com/img/sp-4-about1.png);
}
.sp-4-swiper .sp-4-2{
	background-image: url(https://fxsaigen.com/img/sp-4-about2.png);
}
.sp-4-swiper .sp-4-3{
	background-image: url(https://fxsaigen.com/img/sp-4-about3.png);
}
.sp-4-swiper .sp-4-4{
	background-image: url(https://fxsaigen.com/img/sp-4-about4.png);
}
.sp-4-swiper .sp-4-5{
	background-image: url(https://fxsaigen.com/img/sp-4-about5.png);
}
.sp-4-swiper .sp-4-6{
	background-image: url(https://fxsaigen.com/img/sp-4-about6.png);
}

.sp-4-prev{
    left: calc(50% - min(45vw, 700px)) !important;
}
.sp-4-next{
    right: calc(50% - min(45vw, 700px)) !important;
}

.swiper-slide .sp4-swiper-body{
    max-width: 1280px;
    //max-height: 600px;
	width:80%;
	height:80%;
	margin: auto;
	background-color: rgba(255,255,255,0.9);
	position:relative;
	display:flex;
}
.sp-4-1 .sp4-swiper-body::before{ content:"No.1"; color:rgba(93.85, 173.34, 208.76, 0.6);}
.sp-4-2 .sp4-swiper-body::before{ content:"No.2"; color:rgba(211.42, 157.85, 161.27, 0.7);}
.sp-4-3 .sp4-swiper-body::before{ content:"No.3"; color:rgba(93.85, 173.34, 208.76, 0.6);}
.sp-4-4 .sp4-swiper-body::before{ content:"No.4"; color:rgba(211.42, 157.85, 161.27, 0.7);}
.sp-4-5 .sp4-swiper-body::before{ content:"No.5"; color:rgba(93.85, 173.34, 208.76, 0.6);}
.sp-4-6 .sp4-swiper-body::before{ content:"No.6"; color:rgba(211.42, 157.85, 161.27, 0.7);}
.swiper-slide .sp4-swiper-body::before{
	font-size: clamp(72px, 14vw, 200px);
	margin-bottom:0;
	display:inline-block;
	position:absolute;
	top:0;
	right:3%;
	text-box-trim: trim-both;
    margin-block: calc((1em - 1lh) / 2) !important;
	font-weight: 500;
}
.sp4-swiper-body .sp4-swiper-img{
	width:40%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50%;
}
.sp-4-1 .sp4-swiper-img{ background-image: url(https://fxsaigen.com/img/sp-4-about1-img.png); }
.sp-4-2 .sp4-swiper-img{ background-image: url(https://fxsaigen.com/img/sp-4-about2-img.png); }
.sp-4-3 .sp4-swiper-img{ background-image: url(https://fxsaigen.com/img/sp-4-about3-img.png); }
.sp-4-4 .sp4-swiper-img{ background-image: url(https://fxsaigen.com/img/sp-4-about4-img.png); }
.sp-4-5 .sp4-swiper-img{ background-image: url(https://fxsaigen.com/img/sp-4-about5-img.png); }
.sp-4-6 .sp4-swiper-img{ background-image: url(https://fxsaigen.com/img/sp-4-about6-img.png); }

.sp4-swiper-body .sp4-swiper-text{
	width:60%;
	z-index: 1;
	position:relative;
}
.sp4-swiper-text .sp4-swiper-text-wrap{
	padding:0 1em;
	
}


.sp4-swiper-text-wrap h3{
	font-size: clamp(24px, 3vw, 34px) !important;	
	margin-top:3em;
	margin-bottom:0;
}
.sp4-swiper-text-wrap h3 span{
	background: linear-gradient(transparent 50%, rgba(247, 254, 46) 50%);
}
.sp4-swiper-text-wrap .subtext{
	padding: min(2vw,5rem) 0 0 0;
}
.sp4-swiper-text-wrap .subtext p{
	margin:0;
	font-size: clamp(6px, 2vw, 16px);
}
@media (min-width: 1300px){
.sp4-swiper-text-wrap .subtext p{
	font-size: clamp(6px, 2vw, 18px);
}}

@media (min-width: 1400px){
.sp4-swiper-text-wrap h3{
	margin-top:3.8em;
}}

@media (max-width: 999px){
.swiper-slide .sp4-swiper-body{
	display:block;
}
.sp4-swiper-body::before{
	top: auto !important;
	bottom: 3%;
}
.sp4-swiper-body .sp4-swiper-img,
.sp4-swiper-body .sp4-swiper-text{
	width:100%;
	height:50%;
}
.sp4-swiper-text-wrap h3{
	margin-top: min(3rem, 1.3rem);
}
.sp-4-1 .sp4-swiper-img{ background-image: url(https://fxsaigen.com/img/sp-4-about1-img-res.png); }
.sp-4-2 .sp4-swiper-img{ background-image: url(https://fxsaigen.com/img/sp-4-about2-img-res.png); }
.sp-4-3 .sp4-swiper-img{ background-image: url(https://fxsaigen.com/img/sp-4-about3-img-res.png); }
.sp-4-4 .sp4-swiper-img{ background-image: url(https://fxsaigen.com/img/sp-4-about4-img-res.png); }
.sp-4-5 .sp4-swiper-img{ background-image: url(https://fxsaigen.com/img/sp-4-about5-img-res.png); }
.sp-4-6 .sp4-swiper-img{ background-image: url(https://fxsaigen.com/img/sp-4-about6-img-res.png); }
}

@media (max-width: 599px){
.sp4-swiper-text-wrap h3{
	font-size: clamp(14px, 4vw, 34px) !important;
}}


#article-maincontents .f-sp-5{
	position:relative;
	overflow:hidden;
	margin-top:2em;
}
.f-sp-5 .ent-img{
	max-width:1280px;
	width:90%;
	margin:auto;
}
.f-sp-5 .ent-img img{
	display:block;
	margin:auto;
}

/*=================================================================================
トップコンテンツスワイパー
=================================================================================*/
@media (min-width: 1000px){
#article-maincontents .f-sp-1{
	//aspect-ratio: 16 / 7.2;
	max-height:600px;
}}

.f-sp-1 .flont-sw-h{
	height:90%;	
}
.flont-sw-h .l-inner,
.flont-sw-h .l-inner .swiper,
.sp-1-swiper,
.sp-1-swiper .swiper-slide,
.sp-1-swiper .front-sp-contents,
.sp-1-swiper .f-sp{
	height:100%;
}
@media (max-width: 999px){
.sp-1-swiper .f-sp{
	height:50%;
}}


.f-sp-1 .l-section .l-inner{
	padding:0;
	width:100%;
	max-width:100% !important;
}
/*
@media (500px <= width <= 999px){
.f-sp-1 .l-section .l-inner{
	height:800px;
}}
@media (max-width: 499px){
.f-sp-1 .l-section .l-inner{
	height:500px;
}}*/

.f-sp-1 .l-section .l-inner .swiper{
	width:100%;
	padding: 1em 0;
}

.sp-1-prev{
    left: calc(5% - 3em) !important;
}
.sp-1-next{
    right: calc(5% - 3em) !important;
}
@media (max-width: 999px){
.sp-1-prev{left:0 !important;}
.sp-1-next{right:0 !important;}
}
	
 .fixed-f-sp .pc_{ display: block !important; }
 .fixed-f-sp .res_{ display: none !important; }
@media (max-width: 999px){
 .fixed-f-sp .pc_{ display: none !important; }
 .fixed-f-sp .res_{ display: block !important; }
}

@media (max-width: 499px){
 .fixed-f-sp .res_{
    height: 250px;
}}

.swiper-slide .sp1-swiper-body{
    max-width: 1280px;
    //max-height: 600px;
	width:80%;
	height:80%;
	margin: auto;
	background-color: rgba(255,255,255,0.9);
	position:relative;
	display:flex;
}
.sp1-swiper-body .sp1-swiper-text{
	width:60%;
	z-index: 1;
	position:relative;
}
.sp1-swiper-text .sp1-swiper-text-wrap{
	padding:0 1em;
	
}

@media (max-width: 999px){
.sp-1-swiper .sp-1-2 .f-sp-left{
   max-height:406px;
}}


/*=================================================================================
フッター
=================================================================================*/
#footer-wrap .footer-goods,
#footer-wrap .footer-guide{
	position:relative;
	overflow:hidden;
}
#footer-wrap .footer-goods{
	margin-top:1em;
}

.footer-goods .goods-space,
.footer-guide .guide-space{
	display:flex;
	width:100%;
	height:10em;
	max-height: min(20vw, 180px);
	font-size: clamp(14px, 2vw, 20px);
	overflow:hidden;
}
.footer-goods p{
	margin-bottom:0;
}

.goods-space .goods-space-series,
.goods-space .goods-space-original{
	width:50%;
	overflow:hidden;
	position: relative;
}
.guide-space .guide-space-guide,
.guide-space .guide-space-contact{
	width:50%;
	overflow:hidden;
	position: relative;
}

.goods-space .goods-space-series div,
.goods-space .goods-space-original div,
.guide-space .guide-space-guide div,
.guide-space .guide-space-contact div{
	width:100%;
	height:100%;
	transition:1s all;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50%;
	position:absolute;
	top:0;
	left:0;
}
.goods-space .goods-space-series div:hover:not(p),
.goods-space .goods-space-original div:hover,
.guide-space .guide-space-guide div:hover:not(p),
.guide-space .guide-space-contact div:hover{
	transform:scale(1.2,1.2);
    transition:1s all;
	opacity:0.7;
}

.footer-goods .goods-space a,
.footer-guide .guide-space a{
	display: flex;
	align-items: center;
    width: 100%;
    height: 100%;
}
.footer-goods .goods-space a, .footer-goods .goods-space a:hover, .footer-goods .goods-space a:visited, .footer-goods .goods-space a:active,
.footer-guide .guide-space a, .footer-guide .guide-space a:hover, .footer-guide .guide-space a:visited, .footer-guide .guide-space a:active{
    color: #fff !important;
}
.goods-space .goods-space-series div{
	background-image: url(https://fxsaigen.com/img/Header-series-indicator.png);	
}
.goods-space .goods-space-original div{
	background-image: url(https://fxsaigen.com/img/Header-original-indicator.png);
}
.guide-space .guide-space-guide div{
	background-image: url(https://fxsaigen.com/img/Header-guide.png);
}

.goods-space .goods-space-series a,
.goods-space .goods-space-original a,
.footer-guide .guide-space-guide a,
.footer-guide .guide-space-contact a{
	justify-content:center;
}

.guide-space .guide-space-guide p{
	margin-right:2rem;
}

.guide-space .guide-space-contact div{
	background-image: url(https://fxsaigen.com/img/Header-contact.png);
}

.guide-space .guide-space-contact p{
	margin-left:2rem;
}

.footer-guide .guide-space p{
	margin-bottom:0;
}

.footer-body{
	position:relative;
	overflow:hidden;
	width:100%;
	//height:auto;
	z-index:5;
	background:rgba(228.54, 229.52, 230.01, 1);
	display:flex;
	padding: 3em 0.5em;
}

.footer-body .footer-logolink{
	width:50%;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.footer-body .footer-link-news{
	width:50%;
	//padding-top: min(3em,6vw);
	//padding-bottom: min(3em,6vw);	
}

.footer-body .site-logo{
	width:100%;
	margin-bottom:1rem;
}

.footer-body .site-logo h1{
	text-align:center;	
}

.footer-body .site-logo a{
	display:inline-block;
	width:30vw;
	aspect-ratio: 2 / 1;
	max-width:180px;
	max-height:100px;
}

.footer-body .link-sns{
	width:100%;
	margin-top:1rem;
}

.footer-body .link-sns ul{
	width:100%;
	display:flex;
	justify-content: center;
}

.footer-body .link-sns li{
    padding:0 1.5rem;
}
.footer-link-news .linknews-title{
    margin: auto;
    font-size: clamp(8px, 1.5vw, 14px) !important;
	display: block;
    width: 80%;
}

.footer-link-news .news-postlist{
	width:80%;
	margin:auto;
}
.footer-link-news .linknews-postlist_item{
    border-bottom: 1px solid rgba(194, 194, 194, 1);
    padding: 1rem 0 1.5rem 0;
}
.footer-link-news .linknews-postlist_item a, .footer-link-news .linknews-postlist_item a:hover, .footer-link-news .linknews-postlist_item a:visited, .footer-link-news .linknews-postlist_item a:active{
	color: #353535 !important;
}

.linknews-postlist_item .linknews-postdate{
	color:#888 !important;
	padding: 0 2rem 0 0.5rem;
	display: inline-block;
	font-size: clamp(7px, 1.2vw, 12px) !important;
}
.linknews-postlist_item .linknews-posttitle{
    font-weight: 600;
	display: inline-block;
	font-size: clamp(9px, 1.5vw, 14px) !important;
}


.footer-under{
	background-color:rgba(33.15, 36.32, 41.42, 1);
}

.footer-under .link-othermenu{
	width:100%;
	padding:1.5em 0.5em;
}
.footer-under .link-othermenu ul{
	display:flex;
	justify-content: center;
}
.footer-under .link-othermenu li{
	padding:0 2rem;
	font-size: clamp(10px, 1.2vw, 14px);
	font-weight:400;
    color: #999;
}
.footer-under .link-othermenu a, .footer-under .link-othermenu a:hover, .footer-under .link-othermenu a:visited, .footer-under .link-othermenu a:active{
    color: #999 !important;
}
.footer-under .footer-copyright{
	margin:0;
	text-align:center;
    color: #999;
	font-size: clamp(10px, 1.2vw, 14px);
	padding:1.5em 0.5em;
}


@media (max-width: 550px){
.footer-under .link-othermenu ul{
	display:block;
}
.footer-under .link-othermenu li{
	border-bottom: 1px solid rgba(45.49, 49.94, 57.36, 1);
	padding:1rem 0;
	text-align:center;
	}}

@media (max-width: 499px){
#footer-wrap .footer-body{
	display:block;
	padding: 1em 0.5em;
}
.footer-body .footer-logolink,
.footer-body .footer-link-news{	
   width:100%;
}}


/*=================================================================================
スクロールトップ
=================================================================================*/
#scroll-to-top {
  position: fixed;
  background: #000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
  -ms-transform: scale(0, 0);
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  opacity: 0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#scroll-to-top .vantage-icon-arrow-up {
  display: block;
  color: #fff;
  font-size: 18px;	
  width: 18px;
  height: 18px;	
	
}

@media screen and (min-width: 429px) {
#scroll-to-top {
  padding: 20px;
  bottom: 20px;
  right: 20px;
	}
}
@media screen and (max-width: 428px) {
#scroll-to-top {
  padding: 5px;
  bottom: 8px;
  right: 8px;	
	}
}

#scroll-to-top.displayed {
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 0.2 !important;
  z-index: 500;
}
#scroll-to-top.displayed:hover {
  opacity: 0.8 !important;
}


/*=================================================================================
レスポンシブヘッダー
=================================================================================*/
/*
#top-navi{
	height: 5vh;
    width: 100%;
}*/
#head-navmenu .top-navi{
	margin-right: auto;
	margin-left: clamp(0.8em, 4vw, 3em);
	position: absolute;
	top:0;
	left:0;
	transition : all 1s ease 0s;
	color:#fff;
}
#head-navmenu .top-navi h2{
   font-size: clamp(8px, 1vw, 12px);
}
@media (max-width: 999px) {
#head-navmenu .top-navi{
	display:none;
}}


#head-navmenu{
	 position: fixed;
	height: clamp(8vh, 5vw, 70px);
	width:100%;
	z-index:9996;
//padding:clamp(0.3rem, 2.5vh, 0.7rem) 0;
}
#head-navmenu #nav-wrap{
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	margin:0 auto;
	position: relative;
}

#head-navmenu h1{
	display:inline-block;
	margin-right: auto;
	padding-left:clamp(0.8em, 4vw, 3em);
	cursor: pointer;
	transition : all 1s ease 0s;
	max-width: 25%;
}
#head-navmenu .is-hidden {
  opacity: 0;
  pointer-events: none; /* クリックも無効化 */
}

#head-navmenu h1 img{
	image-rendering: -webkit-optimize-contrast;
	max-width:100%;
}

#head-navmenu .rsp-menu{
	height:100%;
	display:flex;
	align-items:center;
	font-size:1.6rem;
	cursor: pointer;
	color:#fff;
	transition : all 1s ease 0s;
	margin-left:auto;
	padding-right: 1rem;
	cursor: default;
}

#head-navmenu i{
	padding-right:0.3em;
}
.rsp-menu li{
	padding: 0 1.5rem;
	position:relative;
}
@media screen and (min-width: 1000px){
#nav-wrap .res-phone{
	display:none;
}}
@media screen and (max-width: 999px){
#head-navmenu .rsp-menu{
	padding-right:clamp(1em, 5vw, 5em);
}
#nav-wrap .res-pc{
	display:none;
}}

.rsp-menu li::before {
  background: rgba(109, 201, 242, 1);
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
  z-index: -1;
}
.rsp-menu li:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}
#nav-wrap .rsp-menu .is-hover-black{
	color: #000;
}
#nav-wrap .rsp-menu .is-hover-white{
	color: #fff;
}
.rsp-menu li:hover{
  color: #fff !important;
}

/*
#head-navmenu .rsp-menu li{
	text-decoration: none;
}
#nav-wrap .res-pc li:nth-of-type(1),
#nav-wrap .res-pc li:nth-of-type(3),
#nav-wrap .res-pc li:nth-of-type(5),
#nav-wrap .res-phone li{
	background: linear-gradient(to bottom, rgba(109, 201, 242, 1) 50%, transparent 0%) 0 100%;
	background-size: 100% 200%;
	overflow:hidden;
}
#nav-wrap .res-pc li:nth-of-type(2),
#nav-wrap .res-pc li:nth-of-type(4)
{
	background: linear-gradient(to bottom, rgba(240.64, 177.08, 181.14, 1) 50%, transparent 0%) 0 100%;
	background-size: 100% 200%;
	overflow:hidden;
}
#nav-wrap .rsp-menu li{
  transition: text-shadow 0.3s, background-position 0.3s;
  color: transparent;
}
#nav-wrap .rsp-menu li:hover {
  background-position: 0 0;
}
#nav-wrap .rsp-menu .is-hover-black{
	text-shadow: 0 -1.5em 0 #000, 0 0 0 #000;
}
#nav-wrap .rsp-menu .is-hover-black:hover{
	text-shadow: 0 0 0 #fff, 0 1.5em 0 #000;
}
#nav-wrap .rsp-menu .is-hover-white{
	text-shadow: 0 -1.5em 0 #fff, 0 0 0 #fff;
}
#nav-wrap .rsp-menu .is-hover-white:hover{
	text-shadow: 0 0 0 #fff, 0 1.5em 0 #fff;
}*/


.rsp-menu li a, .rsp-menu li a:hover, .rsp-menu li a:visited, .rsp-menu li a:active{
    color: inherit !important;
}


/*=================================================================================
記事一覧
=================================================================================*/
.article-content{
	width: 90%;
	overflow: hidden;
	line-height: 1.5;
}
/*
@media screen and (max-width: 960px) and (min-width: 429px){.article-content{margin-top:clamp(16px, 5vh, 22px);}}
@media screen and (max-width: 428px){.article-content{margin-top:clamp(10px, 3vh, 16px);}}
*/
.series-image .expansion{
	margin-left:auto;
	width:fit-content;
	font-size: clamp(11px, 2vw, 16px);
}
.series-image .expansion .fa-solid{
 padding-right:0.5rem;
}

.searchandfilter li {
    padding-right: 0px;
}
li{list-style: none;}
.archive-series-list img{	
	border-radius: 5px 5px 0 0;
    width: 100%;
    height: 100%;
}
.archive-series-list{
	margin-bottom:2em;
	position:relative;
	top:0;
	display: inline-block;
	text-decoration: none;
	outline: none;
	transition: all .3s;
	box-shadow: 3px 3px 9px rgba(0,0,0,0.2);
	background:#fff;
}
.archive-series-list a{
	display:block;
	width: 100%;
    height: 100%;
}
.archive-series-list a, .archive-series-list a:hover, .archive-series-list a:visited, .archive-series-list a:active{
    color: #353535 !important;
}


.archive-series-list:hover {
	top:-0.5em;
}
.archive-series-list .news-time{
	margin-left: 1rem;
	font-size:clamp(8px, 1.2rem, 18px);	
}
.archive-series-list h2{
	font-weight: bold;
	font-size:clamp(10px, 1.2vw, 16px) !important;	
	padding:0 0.7em 1.2rem 0.7em;
	margin:0;
	text-align:center;
	line-height:1.5em;
}
@media screen and (min-width: 584px){.archive-series-list{width:31%;}}
@media screen and (max-width: 583px) and (min-width: 317px){.archive-series-list{width:47%;}}
@media screen and (max-width: 316px){.archive-series-list{width:99%;}}

@media screen and (min-width: 584px){.archive-series-ul::after{width:31%;}}
@media screen and (max-width: 583px) and (min-width: 317px){.archive-series-ul::after{width:47%;}}
@media screen and (max-width: 316px){.archive-series-ul::after{width:99%;}}

/*=================================================================================
パンくずリスト
=================================================================================*/
.breadcrumb{
	font-size:clamp(8px, 1vw, 14px) !important;	
	max-width:1280px;
	margin:auto;
    width:95%;
	margin-top: 1.5em;
}		
.breadcrumb__item {
  display: inline;
}

.breadcrumb__item:nth-last-child(n + 2):after {
  display: inline-block;
  transform: rotate(45deg);
  width: 5px;
  height: 5px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  vertical-align: 3px;
}

.breadcrumb__item a {
  color: #000;
  transition: opacity .6s;
}

.breadcrumb__item a:hover {
  opacity: .6;
}	

.breadcrumb__item:nth-child(n+2):before {
    border-color: currentcolor;
    border-style: solid;
    border-width: 1px 1px 0 0;
    content: "";
    display: inline-block;
    height: .4em;
    margin: .45em .45em .15em .15em;
    transform: rotate(45deg);
    width: .4em;	
}

/*=================================================================================
記事のページネーション
=================================================================================*/
.page-nav-wrap p{
	margin: 0;
	padding: 0;
}

.page-nav{
	margin-top: 6rem;	
	width: 100%;
}

.page-nav .page-nav-wrap{
	font-size: clamp(12px, 1.7vw, 16px);
	width: 100%;
}
.page-nav .pagenav-title{
	width:100%;
	font-size:clamp(16px, 1.8vw, 24px) !important;	
	text-align:center;
	font-weight: 600;
	letter-spacing: .5rem;
	background-color: rgba(229.4, 240.85, 245.95, 1);
	padding:1em 0;
}
.page-nav-wrap .page-nav-main{
	padding: 1rem 0;
	position:relative;
}
.page-nav-wrap .page-nav-main:hover {
  transition: 1s;
}
.page-nav-wrap .page-nav-main::after {
  position: absolute;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: rgba(99, 198, 242, 1);
  bottom: 0;
  transform: scale(0, 1);
  transition: transform 0.5s;
  transform-origin: center top;
}
.page-nav-wrap .page-nav-main:hover::after {
  transform: scale(1, 1)
}

.page-nav-wrap a{
	display: block;
	height:100%;
	color:#333;
}
.page-nav-wrap .page-nav__item{
	display: flex;
}
.page-nav-wrap .page-nav__item--next{
	justify-content: flex-start;
}
.page-nav-wrap .page-nav__item--prev{
	justify-content: flex-end;
}
	
.page-nav__item--next .page-nav__title{
	padding-left:1rem;
}
.page-nav__item--prev .page-nav__title{
	padding-right:1rem;
}
.page-nav__item .page-nav__title{
	display: flex;
	align-items: center;
	font-size:clamp(10px, 1.2vw, 16px) !important;	
}
.page-nav__item .page-nav__img{
	display: flex;
	align-items: center;
}
.page-nav__img img{
	//max-width: 145px;
}
	
@media screen and (min-width: 999px){
.page-nav .page-nav-wrap{
	margin: auto;
	padding: 2rem 0;
	display: flex;
	overflow: hidden;
	justify-content: space-between;
	max-width: 1280px;
}
.page-nav-wrap .page-nav__nextnav_wrap,
.page-nav-wrap .page-nav__prevnav_wrap{
	width:500px;
	max-width:43%
}
.page-nav-wrap .page-nav__nextnav_wrap{margin-left:5%;}
.page-nav-wrap .page-nav__prevnav_wrap{margin-right:5%;}
	
}
@media screen and (max-width: 1000px){
.page-nav .page-nav-wrap{
	display: block;
	padding:2rem 0;
}
.page-nav-wrap .page-nav__nextnav_wrap,
.page-nav-wrap .page-nav__prevnav_wrap{
	width:80%;
  margin:auto;
}
.page-nav-wrap .page-nav__prevnav_wrap{
	margin-top:2rem;
}}

@media screen and (max-width: 600px){
.page-nav__img img{
	//max-width: 100px;
}}



/*=================================================================================
spページスクロールアイコン
=================================================================================*/
.sp-hero-image {
	height:20%;
	display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
}

.sp-hero-image .scroll {
	position: absolute;
	width: 1em;
	height: 5vh;
    max-height: 40px;
	top: 0;
	color: #fff;
	text-decoration: none;
	border: 2px solid #fff;
	border-radius: 1em;
}
.sp-hero-image .scroll::before {
    content: 'scroll';
    position: absolute;
    top: -1.5em;
    left: -.7em;
}

.sp-hero-image .scroll span{
    position: absolute;
	color: #fff;
    top: 15%;
    left: .3em;
    display: block;
    width: .25em;
    height: .25em;
    border-radius: 50%;
    background: #fff;
    animation: 2s small-dot-move infinite running ease-out;
}

@keyframes small-dot-move {
  from {
    top: 15%;
    opacity: .8;
  }
  50% {
    opacity: 1;
  }
  to {
    top: 80%;
    opacity: .3;
  }
}

.sp-hero-image .arrow {
  position: absolute;
  top: 3.5em;
  left: .3em;
  width: 0;
  height: 12vh;
  border: 1px solid #fff;
	z-index:5;
}
.sp-hero-image .arrow::after {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: -.32em;
    width: 2px;
    height: 10px;
    border-top: 10px solid #fff;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
	z-index:5;
}
/*=================================================================================
お知らせの記事タイトル・時間
=================================================================================*/
.news-article-wrap{
	padding-bottom: 2em;
}

.news-article{
	width:95%;
}
.news-article-deta{
	margin-top:2em;
	font-size: clamp(10px, 1vw, 14px);
}
.news-article-title{
	margin-top:1rem;
	font-size: clamp(18px, 3vw, 32px);
}
.news-article-body{
	margin-top:1.5em;
}
/*=================================================================================
記事内css
=================================================================================*/
/*ご利用ガイド*/
.guide-pay-title{
	margin-top:1.2rem;
	font-weight:600;
	font-size: clamp(12px, 2vw, 18px) !important;
}
/*オリジナルインジケーター記事内の動画クラス*/
#primary .original-iframe{
	aspect-ratio: 16 / 9; !important;
	display: block;
    margin: auto;
}

/*=================================================================================
商品ページの画像アンカーリンク
=================================================================================*/
.luminous{
	display: block;
    text-align: center;
}
/*=================================================================================
中見出し (手法シリーズ=p オリジナル=h3 <● class="middle-line-heading"  data-en="POINT"><span> )
=================================================================================*/
#primary .middle-line-heading{
	width: 100%;
	position: relative;
	border-bottom: 1px solid rgba(5, 62, 98, 1);
	margin-bottom: 1.5rem;
    font-size: clamp(14px, 2.8vw, 24px);
    padding-top: 1em;
	font-weight: 600;
    line-height: 1.6;
	
}
#primary .middle-line-heading:not(.first-middle){margin-top: 4rem;}

#primary .middle-line-heading::before{
	content: attr(data-en);
	position: absolute;
	top: 5%;
	left: 0;
	color: rgba(245, 91, 101, 0.2);
	font-size: clamp(19px, 4vw, 40px);
	text-transform: uppercase;
}
#primary .middle-line-heading span {
	position: relative;
	//z-index: 2;
	margin-left: 1em;
	//display: inline-block;
}
/*=================================================================================
冒頭二重線見出し(主にh4 <h4 class="double-line-heading"> )
=================================================================================*/
#primary .double-line-heading{
    position: relative;
    margin-bottom: 1em;
    padding: 0.5rem 1rem;
    color: #353535;
    border-left: 1rem double #353535;
    font-weight: bold !important;
    font-size: clamp(12px, 2.4vw, 18px);
}
/*=================================================================================
見出し以下の重要テキスト(<strong class="point">)
=================================================================================*/
#primary .point{
	font-weight:600;
  color: #454545;
  text-shadow: 1px 0.5px #fcd9df, 1.5px 1px #ffb0be, 2px 1.5px #f78699;
}
/*=================================================================================
枠エリア(exsamplebox)と、エリア内のリスト(li)チェックマーク
=================================================================================*/
#primary .exsamplebox{
    position: relative;
    padding: 1em 1.5em 0 1.5em;
    outline: 2px solid #e1e2e3;
    outline-offset: 2px;
    background-image: linear-gradient(-45deg, transparent 10px, #e1e2e3 10px);
    //color: #212121;
    overflow: hidden;
	width:99%;
	margin:auto;
	margin-bottom: 1.5em;
}
#primary .exsamplebox::before{
    position: absolute;
    content: '';
    right: 0px;
    bottom: 0px;
    border-width: 0px 0px 15px 15px;
    border-style: solid;
    border-color: transparent transparent transparent #e1e2e3;
    box-shadow: 0 0 5px #000;
	z-index: 1;
}

#primary .exsamplebox li{
    text-indent: -1.3em;
    margin-left: 1.5em;
    padding-bottom: clamp(14px, 1vw, 28px);
}
#primary .exsamplebox li:not(.check-none)::before{
    font-family: FontAwesome;
    content: '\f14a';
    color: #454545;
	font-size:100%;
	margin-right:0.5em;
}
.goods-tab .tarm-list-div{
	width:100% !important;
	margin-top: 2.4em !important;
	padding:0 !important;
}
.goods-tab .tarm-list-div ul>li{
	padding:0 !important;
    padding-right: 1.5rem !important;
}
.goods-tab .tarm-list-div ul>li::before{
	content: '' !important;
}
/*=================================================================================
質問応答
=================================================================================*/
#primary .speech-box-left,#primary .speech-box-right{
   width: 100%;
   height:auto;
   display: flex;
}
#primary .speech-box-right{
   justify-content:flex-end;
}
#primary .speech-box-left p,#primary .speech-box-right p{
	margin:0;
	padding:0;
}


#primary .man-wor{
  width: 15%;
  background-image: url(https://fxsaigen.com/wp-content/uploads/2024/04/icon-wor-man.png);
}
#primary .woman-wor{
  width: 15%;
  background-image: url(https://fxsaigen.com/wp-content/uploads/2024/04/icon-wor-woman.png);
}

#primary .man-eqs{
  width: 15%;
  background-image: url(https://fxsaigen.com/wp-content/uploads/2024/03/icon-qes-man.png);
}
#primary .woman-eqs{
  width: 15%;
  background-image: url(https://fxsaigen.com/wp-content/uploads/2024/03/icon-qes-woman.png);
}

#primary .human{
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 961px){#primary .human{max-width:120px;}}
@media screen and (max-width: 960px) and (min-width: 429px){#primary .human{min-width:88px;}}
@media screen and (max-width: 428px){#primary .human{min-width:71px;}}

#primary .speech-left,#primary .speech-right{
  position: relative;
  display: inline-block;
  margin: 1.5em 15px 1.5em 15px;
  padding: 17px 10px;
  min-width: 120px;
  max-width: 100%;
  border: solid 2px #777;
  box-sizing: border-box;
  border-radius: 15px;
}

#primary .speech-left:before{
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(119, 119, 119, 0);
	border-right-color: #777;
	border-width: 13px;
	margin-top: -13px;
}
#primary .speech-left:after{
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 10px;
	margin-top: -10px;
}

#primary .speech-right:before{
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(119, 119, 119, 0);
	border-left-color: #777;
	border-width: 13px;
	margin-top: -13px;
}
#primary .speech-right:after{
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
	border-width: 10px;
	margin-top: -10px;
}

/*=================================================================================
フロントページ概要
=================================================================================*/
#primary .f-sp-summary-body{
background: rgba(34, 73, 168, 0.8);
        margin: 0 calc(50% - 50vw);
        width: 100vw;
        overflow: hidden;
        position: relative;
        background-image: url(https://fxsaigen.com/img/sp-top-back.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
		//height:600px;
	    //padding-bottom: 15em;
}
#primary .f-sp-summary-body::before{
content: "";
        width: 0;
        height: 0;
        position: absolute;
        right: 0;
        bottom: 0;
        border-style: solid;
        border-width: 0 0 10vw 100vw;
        border-color: transparent transparent #fff;
        z-index: 1;
}

#primary .f-sp-summary{
	margin:auto;
	margin-top: 5em;
	width:100%;
	height: 100%;
	display:flex;
	justify-content:center;
	max-width:1980px;
}

.f-sp-summary .f-sp-summary-textwrap{
	width:25%;
	text-align:center;
	color:#fff;
}
.f-sp-summary .f-sp-summary-imgwrap{
	width:37%;
	position:relative;
}

.f-sp-summary-imgwrap .f-spsm{
	position:absolute;
	aspect-ratio: 16/9;
	background:#000;
}
.f-sp-summary-textwrap h2{
	font-size: clamp(20px, 2.4vw, 28px);
	line-height: 1.6em;
}
.f-sp-summary-textwrap h3{
	font-size: clamp(14px, 1.5vw, 16px);
	font-weight:400 !important;
	padding: 1em 1.5em;
	line-height: 2em;
}
.f-sp-summary-textwrap .f-sp-summary-res{
	display:none;
}


.fl-1{ width:30%; top:10%; left:5%;  z-index:1; min-width:155px; animation: floating-y 1.8s ease-in-out infinite alternate-reverse;}
.fl-2{ width:40%; top:30%; left:20%; z-index:5; min-width:207px; animation: floating-y 2s ease-in-out infinite alternate-reverse;}
.fl-3{ width:30%; top:23%; left:45%; z-index:4; min-width:155px; animation: floating-y 1.6s ease-in-out infinite alternate-reverse;}
.fl-4{ width:43%; top:54%; left:40%; z-index:3; min-width:222px; animation: floating-y 1.9s ease-in-out infinite alternate-reverse;}
.fl-5{ width:25%; top:75%; left:11%; z-index:2; min-width:140px; animation: floating-y 1.6s ease-in-out infinite alternate-reverse;}

.fr-1{ width:43%; top:12%; left:5%;  z-index:6; min-width:220px; animation: floating-y 2s ease-in-out infinite alternate-reverse;}
.fr-2{ width:30%; top:53%; left:15%; z-index:4; min-width:155px; animation: floating-y 1.8s ease-in-out infinite alternate-reverse;}
.fr-3{ width:43%; top:43%; left:40%; z-index:5; min-width:220px; animation: floating-y 1.6s ease-in-out infinite alternate-reverse;}
.fr-4{ width:25%; top:3%; left:67%;  z-index:3; min-width:120px; animation: floating-y 1.9s ease-in-out infinite alternate-reverse;}
.fr-5{ width:40%; top:75%; left:50%; z-index:2; min-width:175px; animation: floating-y 1.7s ease-in-out infinite alternate-reverse;}

@keyframes floating-y {
  0% {
    transform: translateY(-3%);
  }
  100% {
    transform: translateY(3%);
  }
}


@media screen and (max-width: 999px){
.f-sp-summary .f-sp-summary-left-imgwrap{
	display:none;
}
.fr-4{left:55%; !important}
.f-sp-summary .f-sp-summary-textwrap{
	width:40%;
}
.f-sp-summary .f-sp-summary-right-imgwrap{
	width:50%;
}
.f-sp-summary-imgwrap .f-spsm{min-width:155px;}
.fl-1{max-width:155px;}
.fl-2{max-width:207px;}
.fl-3{max-width:155px;}
.fl-4{max-width:222px;}
.fl-5{max-width:140px;}
.fr-1{max-width:220px;}
.fr-2{max-width:155px;}
.fr-3{max-width:220px;}
.fr-4{max-width:120px;}
.fr-5{max-width:175px;}
}
@media screen and (max-width: 999px) and (min-width: 527px){
.f-sp-summary-body .head-main-scroll-div{
	margin-left: calc(50% - 45vw) !important;
}}
@media screen and (max-width: 526px){
#primary .f-sp-summary{
   margin-top: 2em;
}
	
#primary .f-sp-summary-body{
	height:725px;
}
#primary .f-sp-summary,
.f-sp-summary .f-sp-summary-left-imgwrap{
	display:block;
}
.f-sp-summary .f-sp-summary-left-imgwrap{
	height:30%;
}
.f-sp-summary .f-sp-summary-right-imgwrap{
	display:none;
}
.f-sp-summary .f-sp-summary-textwrap{
	height:60%;	
	margin-top:2em;
}	
	
.f-sp-summary .f-sp-summary-textwrap,
.f-sp-summary .f-sp-summary-left-imgwrap{
	width:100%;
}
.fl-1{ top:3%; left:5%;  }
.fl-2{ top:30%; left:15%; }
.fl-3{ top:15%; left:65%; }
.fl-4{ top:50%; left:50%; }
.fl-5{ top:70%; left:5%; }

.f-sp-summary-textwrap .f-sp-summary-pc{
	display:none;
}
.f-sp-summary-textwrap .f-sp-summary-res{
	display:block;
}
}

/*=================================================================================
ページネーション
=================================================================================*/
.pagination .nav-links{
	display:flex;
	gap: 0 0.5em;
}

/*=================================================================================
商品内ページネーション
=================================================================================*/
.content-page-area{
	width: 100%;
	display: flex;
  overflow: hidden;
  z-index: 1;
}
.content-page-upper{
	margin-top: 3rem;
}
.content-page-under{
	margin-top: 6rem;
}
	
.content-page-area .content-page{
    position: relative;
    width: 30%;
    margin: 0 auto 1rem auto;
    padding: .5em 0;
    height:auto;
    text-align: center;
	  cursor: pointer;
	  font-size: clamp(8px, 1.5vw, 16px);
	letter-spacing:0.1em;
}
.content-page-area .concerned{
	color: #63C6F2;
	border-bottom: 1px solid #63C6F2;
	cursor: default;
}
.content-page:not(.concerned){
	border-bottom: 1px solid rgba(215, 215, 215, 1);
}

.concerned span{
	cursor: default;
}

.content-page:not(.concerned)::before{
	height: 1px;
	background: #fff;
}

.content-page:not(.concerned):hover{
	color: #fff;
}

.content-page:not(.concerned)::before{
  background: rgba(109, 201, 242, 1);
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
  z-index: -1;
}
.content-page:hover::before{
	transform: scale(1, 1);
	transform-origin: left top;
}

.content-page-area.content-page img{
	max-width: clamp(32px, 20%, 46px);
}

.f-ct .content-page-area{
	margin-top:0 !important;
}

.f-sp-right .content-page-area{
	margin-top:0;
	position: absolute;
	bottom: 5%;
}
.f-sp-link a, .f-sp-link a:hover, .f-sp-link a:visited, .f-sp-link a:active{
    color: inherit !important;
}
.content-page-area .content-page{
	z-index:0;
}

/*=================================================================================
ローディングアニメーション
=================================================================================*/
.shutter{
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:rgba(3.04, 21.78, 30.8, 1);
  z-index:9999;
	width:100vw;
	height:100vh;
}
.shutter div{
	display:flex;
    justify-content:center;
	align-items:center;
	height:100%;
}
.shutter .loading__logo{
	margin-bottom:min(30%,350px);
}
.shutter img{
	max-width:min(30%,350px);
}

.shutter::before,
.shutter::after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    margin:auto;
}
.shutter {
  -webkit-animation: byeShutter 2.6s forwards;
          animation: byeShutter 2.6s forwards;
}
.shutter::before{
    background-color:rgba(245, 198, 201, 1);
    width:0;
    height:1px;
	-webkit-animation: shutterOpen1 2.6s forwards;
    animation: shutterOpen1 2.6s forwards;
  }
.shutter::after{
    width:120%;
    height:0;
    margin-left:-10%;
    background-color:rgba(174.87, 230.3, 255, 1);
	-webkit-animation: shutterOpen2 2.8s forwards;
    animation: shutterOpen2 2.8s forwards;
  }

.global-container {
	animation: contentScale 2.6s forwards;
}
@keyframes byeShutter {
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
  }
}
@keyframes shutterOpen1{
  0%{
    width:0;
    height:1px;
  }
  50%{
    width:100%;
    height:1px;
  }
  90%{
    width:100%;
    height:100%;
  }
  100%{
    width:100%;
    height:100%;
  }
}
@keyframes shutterOpen2{
  60%{
    width:120%;
    height:0;
    transform:rotate(5deg);
  }
  90%{
    width:120%;
    height:100%;
    transform:rotate(-5deg);
  }
  100%{
    width:120%;
    height:100%;
    transform:rotate(-5deg);
  }
}

@keyframes contentScale {
  70% {
	  opacity: 0;
  }
  100% {
	  opacity: 1;
  }
}


/*=================================================================================
テーブル(表)
=================================================================================*/
#primary .table-wrap{
	width: 100%;
}
#primary .table-wrap:not(.first-table){
	margin-top: 6rem;
}
.table-wrap p{
	margin-bottom:0;
}

.table-wrap .table-body{
	font-size: clamp(10px, 1.8vw, 16px);
}

.table-wrap .table-title{
		width: 100%;
	  padding: 1.5rem 0;
		background-color:rgba(34, 113, 177, 1);
	  color: #fff;
	  font-size: clamp(16px, 2.6vw, 24px);
	  text-align:center;
	margin-bottom:1em;
}
.table-body .table-td{
	width: 20%;
	background-color:rgba(240, 240, 240, 1);
	color:#333;
}	
.table-body td{
	padding: 1rem;
	border:solid 1px rgba(200, 200, 200, 1);
}

/*=================================================================================
製作のご依頼
=================================================================================*/
#primary .request-summary{
	margin-top:2.5em;
}

#primary .request-link-contact{
	font-size: clamp(14px, 2vw, 20px);
}
/* フロントページのサンプルcss*/
#primary .request-sample{
	margin:auto;
	margin-top:1.8em;
	max-width: 1280px;
    width: 95%;
}
.request-sample p{
	text-align: center;
	margin-bottom:0;
}
.request-sample .request-sample-title{
    font-size: clamp(12px, 2.2vw, 22px) !important;
    letter-spacing: 0.5rem;
    font-weight: 600;
}
.request-sample .request-sample-subtitle{
    font-size: clamp(10px, 1.4vw, 16px) !important;
}
@media screen and (max-width: 499px){
#primary .request-sample{
   margin-top: .8em;
}}


#primary .request-sample-img{
    max-width: 1280px;
    width: 95%;
    margin: auto;
	overflow: hidden;
	display: flex;
}
.request-sample-img .slider {
	animation: scroll-left 20s infinite linear .5s both;
	display: flex;
	justify-content: center;
}
.request-sample-img .slide {
  width: 300px;
}
.request-sample-img .slide img {
  display: block;
}
@keyframes scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.request-sample-img .slide {
  cursor: pointer;
  overflow: hidden;
	transition: 0.4s;
}
.request-sample-img .slide:hover{
	opacity: 0.7;
}
.request-sample-img .slide img {
  transition: transform 0.4s;
}
.request-sample-img .slide:hover img {
  transform: scale(1.1);
}

/*=================================================================================
ヤフオクまとめて取引概要
=================================================================================*/
.buy-method-yahoo .multiple-items{
	background:rgba(233, 233, 233, 1);
	padding: 1.5rem;
}
.buy-method-yahoo .multiple-items p{
	margin-bottom:0;
}
/*=================================================================================
問い合わせ
=================================================================================*/
#primary .contact-summary{
	margin-top:2.5em;
}