/*!
Theme Name: joas
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: joas

*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/* 背景色 */
.has-primary-background-color {
    background-color: #3a486b;
}
.has-secondary-background-color {
    background-color: #32d296;
}
.has-muted-background-color {
    background-color: #f8f8f8;
}
.has-warning-background-color {
    background-color: #faa05a;
}
.has-danger-background-color {
    background-color: #f0506e;
}
.has-white-background-color {
    background-color: #ffffff;
}
.has-black-background-color {
    background-color: #000000;
}
/* 文字色 */
.has-primary-color {
    color: #3a486b;
}
.has-secondary-color {
    color: #32d296;
}
.has-muted-color {
    color: #f8f8f8;
}
.has-warning-color {
    color: #faa05a;
}
.has-danger-color {
    color: #f0506e;
}
.has-white-color {
    color: #ffffff;
}
.has-black-color {
    color: #000000;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html{
	height: 100%;
}
body{
	min-height: 100%;
    display: flex;
    flex-direction: column;
}
#content {
	flex: 1;
}
b,strong{
}
/*.entry-content p,.page-content p{
	font-size: 1rem;
	line-height: 2;
}*/
ul{
	list-style-type: none;
}
.uk-icon{
	font-size:2.4em;
}
.entry-content a,.page-content a{
	text-decoration: underline;
}
.uk-tab > * > a{
	border-bottom: 2px solid transparent;
	text-decoration: none !important;
}
.entry-content .uk-tab > * > a, .page-content .uk-tab > * > a{
	text-decoration: none;
}
.entry-content > dl, .page-content > dl{
	margin-left:2rem;
}
.site{
	position: relative;
	display:flex;
	flex-direction: column;
	min-height: 100vh;
}
.site-main{
	padding-bottom:2rem;
}
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.entry-content > h2, .entry-content > h3{
	display: block;
	padding-top: 40px;
}
h3.uk-card-title{
	font-weight: 600;
	margin-bottom: 1rem;
}
h3.uk-card-title, h3.uk-card-title a{
	color:#000;
}
.uk-card li span{
	vertical-align: top;
}
.front-page h2{
	font-weight: 300;
	font-family: "Josefin Sans","M PLUS Rounded 1c";
	font-size: 1.8rem;
	text-align: center;
}
.front-page h2 span{
	font-size:1.2rem;
}
.front-page .uk-description-list > dt{
	color:#000;
}
.front-page .uk-description-list-divider > dd:nth-child(n+4){
	/*margin-top: 20px;
	padding-top: 20px;
	border-top: solid 1px #e5e5e5;*/
}
@media (max-width: 640px) {
	.front-page .uk-description-list-divider > dd{
		margin-top:10px;
		padding-top:0px;
	}
	.front-page .uk-description-list-divider > dd:nth-child(n+4){
		border-top:none;
		margin-top:10px;
		padding-top:0px;
	}
}
.uk-description-list svg{
	margin-top:-10px;
}
.uk-description-list-horizontal dt{
	font-size:inherit !important;
}
.uk-description-list-horizontal > dt:nth-child(n+2), .uk-description-list-horizontal > dd:nth-child(n+3){
	margin-top:10px;
}
.uk-description-list-horizontal.uk-description-list-divider dt{
	padding-top: 10px;
}
.uk-description-list-horizontal.uk-description-list-divider dd{
	padding-top: 10px;
}
.uk-description-list-horizontal.uk-description-list-divider dd:nth-child(n+3){
	
	border-top: 1px solid #e5e5e5;
}
.uk-light .uk-description-list > dt{
	color:#FFF;
}
dl.table-list{
	clear:left;
}
dl.table-list dt{
	float:left;
	clear:left;
	width:8rem;
	border-right:solid 1px #000;
	padding:0.5rem 1rem;
	margin:0;
	text-align:right;
}
dl.table-list dd{
	padding:0.5rem 1rem;
}

.is-style-regular{

}

.uk-table table{
	border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
.uk-table{
	margin-bottom: 20px;
}
.uk-table-divider tr:not(:first-child), .uk-table-divider :not(:first-child) tr, .uk-table-divider :first-child tr:not(:first-child) {
border-top: 1px solid #e5e5e5;
}
th, .uk-table th{
	text-align:center;
}
.uk-button.uk-text-large{
	line-height:inherit;
}
.uk-button svg{
	margin-top:4px;
}
.wp-block-cover .wp-block-cover__inner-container .uk-button-default{
	color: #FFF;
}
figcaption{
	text-align:center;
}
.uk-label-muted{
	background-color:#FFF;
	border: solid 1px #666;
	color:#666;
}
.uk-position-center{
	width: auto;
}
.aligncenter{
	text-align: center;
}
.wp-block[data-align=center]>*{
	margin-left:auto;
	margin-right:auto;
}
@media (min-width: 960px){
	.uk-countdown-number {
		font-size: 4rem;
	}
}
.wp-block-cover-image.uk-dark .wp-block-cover__inner-container .uk-dark, .wp-block-cover.uk-dark .wp-block-cover__inner-container{
	color: #000 !important;
}
.wp-block-separator{
	border-top:1px solid #e5e5e5 !important;
	border-bottom: 0px !important;
}
.uk-divider-icon{
	border-top:0px !important;
}
--------------------------------------
# Forms
--------------------------------------------------------------*/
.search-form{
	margin-left:0;
}
.wpcf7-submit{
	cursor: pointer;
}
form.sent p{
	display:none;
}
textarea.textarea.small{
	max-height:4em;
}
::placeholder{
	color:#CCC;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
.entry-content a.wp-block-button__link, .page-content a.wp-block-button__link{
	text-decoration: none;
}
.entry-content a.uk-button, .page-content a.uk-button{
	text-decoration:  none;
}
.is-style-outline a{
}
.is-style-outline a:hover{
	background-color: #000;
	color:#FFF;
}
.acf-block-preview a.uk-button{
	pointer-events: none !important;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/*.buttonmenu{
	border: solid 1px #32d296;
	padding:0px 5px;
	border-radius: 2px;
}
.buttonmenu a{

}*/
.sub-menu-item .uk-icon {
	font-size: inherit;
	margin-right:5px;
}
#menu-footer li{
	padding:5px 0;

}
.primary-bar{
	padding:0.5rem 1rem;
	margin:0 1rem;
	border-bottom:solid 1px #e5e5e5;
}
#masthead{
	background:#FFF;
}
#masthead .uk-logo{
	padding-left: 1rem;
}
.uk-logo img{
	max-width:180px;
}
/*#masthead .uk-navbar-dropbar-slide{
	top:80px;
	margin-top:0px !important;
	background-color:#fafafa;
}*/
#masthead .search-form{
	margin-left: 10px;
}
.megamenu{
	background-color:#fafafa;
	margin-top: 0px !important;
	padding:20px 0px;
}
.megamenu a{
	display: inline-block !important;
}

.megamenu > div > ul > li > ul > li i{
	font-size:1rem;
	display:inline-block;
	width:2rem;
	text-align:center;
}
.menu-header{
	display:flex;
	align-items: center;
	justify-content: flex-end;
}
.menu-header a{
	font-size:1.8rem !important;
}
@media (max-width: 960px) {
	#masthead .uk-navbar-nav > li > a{
		min-height:60px;
	}
	#masthead #iconnav{
		margin-right:50px;
	}
	#masthead　.uk-logo img{
		max-width:120px;
	}
	.site-description{
		display: none;
	}
}
.sticky.uk-logo img{
	max-width:140px;
}

#masthead #primary-menu > li > a{
	color:#000;
	font-weight:400;
	position:relative;
}
#masthead #primary-menu > li.uk-light  > a{
	color:#FFF;
}
#masthead #primary-menu > li > div > div > ul > li{
	padding-top:20px;
	padding-bottom:20px;
}

#masthead #primary-menu > li > div > div > ul > li > a{
	font-size:1rem;
}
#masthead #primary-menu > li > div > div > ul > li > ul > li a{
	transition: all 0.2s ease-out;
}
#masthead #primary-menu > li > div > div > ul > li > ul > li a:hover{
	padding-left:1rem;
	transition: all 0.2s ease-out;
	color:#333;
}
#masthead #primary-menu > li > a:before{
	content: "";
	display:block;
	position:absolute;
	width:0;
	height: 2px;
	left:50%;
	bottom:20%;
	transition: all 0.3s ease-out;
}
#masthead #primary-menu > li > a:hover:before{
	transition: all 0.3s ease-in-out;
	background:rgba(0,0,0,1);
	left:10%;
	width:80%;
}
.uk-iconnav.uk-navbar-nav, .uk-navbar-right{
	gap:0 !important;
}
.uk-iconnav{
	padding-left: 30px;
}
.uk-iconnav > li {
	padding-left:0;
}
.uk-iconnav > li > a{
	padding: 0 10px !important;
}
.uk-iconnav > li > a:hover{
	background-color:#fafafa;
}
.language-switcher{
	width: 150px;
}
.bogo-language-switcher{
	padding: 0;
	margin: 0;
}
.bogo-language-switcher li.current{
	display:none;
}
.bogo-language-switcher li{
	visibility: hidden;
}
.bogo-language-switcher li span a{
	display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 0em;
    box-sizing: border-box;
    min-height: 80px;
	visibility: initial;
	padding:10px 10px;
	color: #999;
}
.bogo-language-switcher li a:hover{
	background:#fafafa;
	text-decoration: none;
}

/* offcanvas menu */
.modal-menu{
	position: fixed;
    display: block;
	box-sizing: border-box;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(17,24,38,.8);
	-webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    -webkit-transition: all .5s;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
	z-index: 1500;
	padding:1rem;
	padding-left:0;
}
.modal-menu.open {
    -webkit-transition: all .5s;
    transition: all .5s;
    visibility: visible;
    opacity: 1;
	padding-left:1rem;
	overflow-y: scroll;
	
}

.modal-menu p{
	color: #FFF;
	margin: 1rem 0;
}
.modal-menu ul{
	margin:0;
	font-size: 1rem;
	padding:0 0 0 1rem;
}
.modal-menu ul li{
	margin-left:1rem;
	padding: 10px 0;
}
.modal-menu ul li.menu-item-has-children > a{
	color:#FFF;
	font-weight: bold;
}

.modal-menu li a{
	color:#CCC;
}

#modal-button,.bars,.bars:after,.bars:before{
	-moz-transition-duration:.3s;
	-o-transition-duration:.3s;
	-webkit-transition-duration:.3s
}
#modal-button{
	display:block;
	width:50px;
	height:50px;
	border:none;
	background: transparent;
	top:10px;
	position: fixed;
	right: 10px;
	z-index:10000;
	padding:12px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-tap-highlight-color:transparent;
	-ms-touch-action:manipulation;
	touch-action:manipulation
}
.bars{
	position:relative;margin-top:7px;margin-bottom:7px
}
.bars,.bars:after,.bars:before{
	display:block;width:25px;height:2px;background-color:#222;-moz-transition-property:background-color,-moz-transform;-o-transition-property:background-color,-o-transform;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,transform;transition-duration:.3s
}
.bars:after,.bars:before{position:absolute;content:""}
.bars:before{top:-7px}.bars:after{top:7px}

#modal-button.active .bars{background-color:transparent}
#modal-button.active .bars:after,#modal-button.active .bars:before{background-color:#fff}
#modal-button.active .bars:before{transform:translateY(7px)rotate(45deg)}
#modal-button.active .bars:after{transform:translateY(-7px)rotate(-45deg)}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget-title{
	font-size:1rem;
}
#secondary .widget{
	background:#FFF;
	padding:1rem;
	margin-bottom:1rem;
}
.widget ul{
	padding:0;
}
.widget_area ul{
	margin:0;
	padding:0;
}
.widget_area li{
	list-style-type: none;
}
.widget li, .widget_recent_entries li, .widget_nav_menu li{
	list-style-type: none;
}
.widget_nav_menu li{
}
.widget_nav_menu li a{
	color:#FFF;
}
.widget_recent_entries ul{
	padding-left:0;
}
.widget_recent_entries ul li{
	display: flex;
	flex-direction: column-reverse;
	margin-bottom:10px;
}
.widget_recent_entries ul li span{
	font-weight: 700;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.site-content{
	/*padding-bottom:2rem;*/
}

.breadcrumb{
	padding:2rem 0;
	vertical-align: middle;
	font-size:0.8rem;
}
.uk-breadcrumb{
	margin-bottom: 0;
}
li a svg{
	margin-top:-5px;
}
.totop{
	display: block;
	position: fixed;
	right:10px;
	bottom:10px;
}
.totop span{
	line-height: 8px;
	vertical-align: bottom;
}
.entry-header, .page-header{
	width:100%;
	padding:4rem 0;
	text-align:center;
	display: block !important;
}
@media (max-width: 650px) {
	.entry-header, .page-header{
		padding:2rem 0;
	}
	.content-area{
		border-bottom:solid 1px #e5e5e5;
	}
}
.entry-header　.entry-title{
	color:#FFF;
}
.entry-title, .page-title{
	margin:1rem 0;
	font-weight: 700;
}
.uk-article{
	background: #FFF;
}
.single-header{
	padding:4rem 0;
}
.single-title{
	text-align: center;
	font-weight:bold;
	margin:0;
}
.article-header{
}
h1.article-title{
	font-size:1.4rem;
}
.entry-content, .page-content{
	background-color:#FFF;
}
.entry-content p, .page-content p{
	/*font-size: 1rem;*/
}
@media (max-width: 650px) {
	.uk-article{
		padding:0 1rem;
	}
}
.entry-content h2{
	font-weight: 700;
}
ul.blog-categories{
	margin: 0;
}
ul.blog-categories li{
	list-style-type: none;
	display: inline-block;
	margin:0.5rem;
}
ul.blog-categories li a{
	background: #e5e5e5;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	min-width:8rem;
	padding:0.5rem;
	transition: all 0.2s ease-in-out;
}
ul.blog-categories li a:hover, ul.blog-categories li.current-cat a{
	text-decoration: none;
	background-color:#020764;
	color:#FFF;
	transition: all 0.2s ease-in-out;
}

.blog-loop h2{
	font-size:1.2rem;
	margin:0.5rem 0;
}
.blog-loop h2 a{
	color:#000;
}
.blog-loop p{
	margin:0;
}

.entry-footer{
	background-color:#FFF;
	padding:30px;
}
@media (min-width: 1200px){
}
.site-footer{
	background:#222;
	color:#EEE;
	padding:1rem;
	margin-top: auto;
}
ul.page-numbers{
	padding:0px;
	display: flex;
	justify-content: center;
}
ul.page-numbers li{
	list-style-type: none;
	margin:0 0.5rem;
}
ul.page-numbers span.current{
	background-color:#000;
	color:#FFF;
	border-radius: 2px;
	display: inline-block;
	padding:0.5rem;
}
ul.page-numbers a.page-numbers{
	border-radius: 2px;
	display: inline-block;
	padding:0.5rem;
	transition: all 0.2s ease-in-out;
}
ul.page-numbers a.page-numbers:hover{
	background-color:#000;
	color:#FFF;
	transition: all 0.2s ease-in-out;
}
img.magazine-thumbnail{
	border:solid 1px #e5e5e5;
}
.nav-links{
	display:flex;
	background: #FFF;
	padding: 1rem;
	border-top:solid 1px #e5e5e5;
}
.nav-links>div{
	width:50%;
}
.nav-previous:before{
	content:"←";
}
.nav-next{
	text-align: right;
}
.nav-next:after{
	content:"→";
}
.label-outline{
	border:solid 1px #FFF;
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
## the events calendar
--------------------------------------------------------------*/
#tribe-events, #tribe-events-pg-template, .tribe-events-pg-template{
	padding: 0;
}
#tribe-events-content a, .tribe-events-event-meta a{
    text-decoration: underline;
}
#tribe-events-content a.uk-button{
	text-decoration: none;
}
#tribe-events-content a.uk-button-primary, #tribe-events-content a.uk-button-secondary, #tribe-events-content a.uk-button-danger{
	color:#FFF;
}
#tribe-events-content .wp-block-column:not(:last-child){
	border-right:solid 1px #e5e5e5;
}
h2.tribe-events-schedule__datetime{
	font-family: inherit !important;
}
.tribe-events-notices{
	display: none;
}
.events-archive .entry-content, .events-archive .entry-header{
	width: 100%;
}
#tribe-events-pg-template, .tribe-events-pg-template{
	max-width: 100%;
}
.tribe-events .tribe-events-calendar-month__calendar-event{
	padding-left: 8px;
}
.tribe_events_cat-host > .tribe-events-calendar-month__calendar-event-details{
	border-left:solid 2px #3a486b;
	padding-left: 6px;
}
.tribe_events_cat-sponsor > .tribe-events-calendar-month__calendar-event-details{
	border-left:solid 2px #2c96b6;
	padding-left: 6px;
}
.cat-host{
	border-left:solid 4px #3a486b;
	padding-left: 4px;
}
.cat-sponsor{
	border-left:solid 4px #2c96b6;
	padding-left: 4px;
}
.tribe-block{
	margin:1em 0;
	padding:1em;
	/*background-color: #e5e5e5;*/
}
.tribe-block__venue, .tribe-block__events-link{
	background-color: #FFF;
	padding:0;
}
.tribe-events-schedule{
	margin:0 0 0 0;
	padding:1em;
	background-color: #f8f8f8;
}
.single-tribe_events .tribe-events-event-image{
	text-align: center;
}
.tribe-block__event-price__cost{
	font-weight: 700;
}
.uk-card-media-top img{
	width: 100%;
}
.single-tribe_events #tribe-events-footer{
	margin-top:80px;
}
.tribe-block__venue{
	border-top: none;
}

/*--------------------------------------------------------------
## GravityForms
--------------------------------------------------------------*/
.gform_wrapper .gform_button, .gform_wrapper button{
	background-color: #32d296;
	cursor: pointer;
	margin-top: 2rem;
}

.gform_wrapper .gform_button:hover, .gform_wrapper button:hover{
	background-color: #2ac088;
}
.gform_next_button, .gform_previous_button{
	cursor: pointer;
}
.gform_next_button:hover, .gform_previous_button:hover{
	color: #222;
    border-color: #b2b2b2;
}
.gform_wrapper .clear-multi{
	display: flex;
}
.gform_body ul{
	padding:0;
	list-style-type: none;
	line-height: 2;
}
.gform_wrapper ul li.gfield, div.gfield, fieldset.gfield{
	margin-top:2rem;
}
.gform_wrapper label, .gform_wrapper legend.gfield_label{
	font-size: 1rem;
}
.gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label{
	font-weight: 700;
}
.gfield_required{
	color:#f5224a;
	font-size:1rem;
}
.gfield_visibility_hidden{
	visibility: hidden;
	display:none;
}
@media only screen and (min-width: 641px){
	.ginput_container_name span{
		display: inline-block;
		width: 45%;
	}
}

.gform_footer{
	text-align: center;
}
.ginput_container_total{
	font-size:32px;
	color:#f5224a;
}
.gform_wrapper ul.gfield_radio li input[type=radio] {
    margin-right:10px;
}
.gform_wrapper ul.gfield_radio li input[type=text]{
	width:90%;
}
.gfield_date_dropdown_year, .gfield_date_dropdown_month, .gfield_date_dropdown_date{
	flex-direction:row;
	margin-right: 0.5rem;
}
.gform_validation_container, .gform_wrapper .gform_validation_container, body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container, body .gform_wrapper li.gform_validation_container, body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container{
	display: none !important;
}
.ginput_container_address{
	display: flex;
	flex-direction: column;
}
.address-japan .ginput_container_address{
	display: flex;
	flex-direction: column-reverse;
}
.ginput_complex span{
	margin-bottom:1rem;
}
.address_zip, .address_state, .address_city{
	width:50%;
	display: inline-block;
}
.gfield_error{
	color:#f5224a;
}
.gform_wrapper input[type="text"] {
  @extend .btn;
}
.hidden_label .gfield_label{
	display:none;
}
.gf_directory {
	text-align: center;
}
.gf_directory .odd{
	background-color: #f8f8f8;
}
.gf_directory .fileupload{
	max-width:200px;
}
.gf_directory .fileupload img{
	max-height: 200px;
}
.gform_drop_area{
	margin-bottom: 20px;
    padding: 30px 30px;
    background: transparent;
    border: 1px dashed #e5e5e5;
}
.gform_delete_file .dashicons{
	line-height:1.6;
}
#ui-datepicker-div          { background: #FFF; border: 1px solid #ddd; border-radius:4px; .box-shadow(0px 3px 5px 0px rgba(50, 50, 50, 0.75)); display:none; padding:20px; width:300px; 
 
  .ui-icon                  { color: transparent; cursor: pointer; font-size: 0px; }
  .ui-icon:before           { color: @anchor-color; font-family:"FontAwesome"; font-size: 18px; }
 
  .ui-datepicker-prev       { float: left; width: 10%;
    .ui-icon:before         { content:'\f060'; }
    &.ui-state-disabled     { display:none; }
  }
  .ui-datepicker-next       { float: right; width: 10%;
    .ui-icon:before         { content:'\f061'; float: right; }
    &.ui-state-disabled     { display:none; }
  }
 
  .ui-datepicker-title      { 
    select                  { float: left;  width: 70%; }
 
    .ui-datepicker-month    { margin: 0px 5% 6px; }
    .ui-datepicker-year     { margin: 0px 15% 6px; }
  }
 
  .ui-datepicker-today      { background-color: @primary-color; border-radius: 4px;
    a                       { color: #FFF; }
  }
 
  table                     { width: 100%; 
    td, th                  { text-align: center; }
    td                      {  
      a                     { display: block; padding: 5px; }
    }
  } 
 
}
.gform_wrapper .ginput_total {
	border: 0px;
	color:#f5224a;
}
.gform_wrapper input[readonly], .ginput_product_price{
	border:0px;
	color:#f5224a;
}
.ginput_container_singleproduct input{
	width:auto;
}
.ginput_product_price_wrapper{
	display: inline-block;
}
.gform_wrapper.gravity-theme * {
	box-sizing: border-box;
}

.gform_wrapper.gravity-theme .gform_fields {
	display: -ms-grid;
	display: grid;
	grid-column-gap: 2%;
	-ms-grid-columns: (1fr 2%) [12];
	grid-row-gap: 16px;
	-ms-grid-columns: (1fr)[12];
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(auto-fill, auto);
	width: 100%;
}

.gform_wrapper.gravity-theme .gfield {
	grid-column: 1 / -1;
	min-width: 0;
}

.gform_wrapper.gravity-theme .gfield.gfield--width-full {
	grid-column: span 12;
	-ms-grid-column-span: 12;
}

.gform_wrapper.gravity-theme .gfield.gfield--width-eleven-twelfths {
	grid-column: span 11;
	-ms-grid-column-span: 11;
}

.gform_wrapper.gravity-theme .gfield.gfield--width-five-sixths {
	grid-column: span 10;
	-ms-grid-column-span: 10;
}

.gform_wrapper.gravity-theme .gfield.gfield--width-three-quarter {
	grid-column: span 9;
	-ms-grid-column-span: 9;
}

.gform_wrapper.gravity-theme .gfield.gfield--width-two-thirds {
	grid-column: span 8;
	-ms-grid-column-span: 8;
}

.gform_wrapper.gravity-theme .gfield.gfield--width-seven-twelfths {
	grid-column: span 7;
	-ms-grid-column-span: 7;
}

.gform_wrapper.gravity-theme .gfield.gfield--width-half {
	grid-column: span 6;
	-ms-grid-column-span: 6;
}

.gform_wrapper.gravity-theme .gfield.gfield--width-five-twelfths {
	grid-column: span 5;
	-ms-grid-column-span: 5;
}

.gform_wrapper.gravity-theme .gfield.gfield--width-third {
	grid-column: span 4;
	-ms-grid-column-span: 4;
}

.gform_wrapper.gravity-theme .gfield.gfield--width-quarter {
	grid-column: span 3;
	-ms-grid-column-span: 3;
}

.gform_wrapper.gravity-theme .gfield.gfield--width-one-sixth {
	-ms-grid-column-span: 2;
	grid-column: span 2;
}

.gform_wrapper.gravity-theme .gfield.gfield--width-one-twelfth {
	-ms-grid-column-span: 1;
	grid-column: span 1;
}

@media (max-width: 640px) {

	.gform_wrapper.gravity-theme .gform_fields {
		grid-column-gap: 0;
	}

	.gform_wrapper.gravity-theme .gfield:not(.gfield--width-full) {
		grid-column: 1 / -1;
	}

}
/*フィールド幅*/
.gform_wrapper.gravity-theme .gfield input.small,.gform_wrapper.gravity-theme .gfield select.small {
    width: calc(25% - 12px)
}
.gform_wrapper.gravity-theme .gfield input.medium, .gform_wrapper.gravity-theme .gfield select.medium{
	width: calc(50% - 8px);
}
.gform_wrapper.gravity-theme .gfield input.large,.gform_wrapper.gravity-theme .gfield select.large {
    width: 100%
}
.gform_wrapper.gravity-theme .gfield textarea.small {
    height: 96px
}

.gform_wrapper.gravity-theme .gfield textarea.medium {
    height: 192px
}

.gform_wrapper.gravity-theme .gfield textarea.large {
    height: 288px
}
/*カラム幅など*/
.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-full {
			width: 100%;
		}

.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-eleven-twelfths {
			width: 91.6666%
		}

.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-five-sixths {
			width: 83.3333%;
		}

.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-three-quarter {
			width: 75%;
		}

.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-two-thirds {
			width: 66.6666%;
		}

.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-seven-twelfths {
			width: 58.3333%;
		}

.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-half {
			width: 50%;
		}

.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-five-twelfths {
			width: 41.6666%;
		}

.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-third {
			width: 33.3333%;
		}

.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-quarter {
			width: 25%;
		}

.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-one-sixth {
			width: 16.6666%;
		}

.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-one-twelfth {
			width: 8.3333%;
		}
/*リスト*/
/*
* List field.
*
* Used in the theme.css front-end stylesheet and admin-theme.css.
*/

.gform_wrapper.gravity-theme .gfield_list_header, .gform_wrapper.gravity-theme .gfield_list_group {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	margin-bottom: 8px;
}

.gform_wrapper.gravity-theme .gfield_list_group:last-child {
	margin-bottom: 0;
}

.gform_wrapper.gravity-theme .gfield_header_item {
	word-break: break-word;
}

.gform_wrapper.gravity-theme .gfield_header_item, .gform_wrapper.gravity-theme .gfield_list_group_item {
	flex-grow: 1;
	width: 0;
}

.gform_wrapper.gravity-theme .gfield_header_item + .gfield_header_item:not(.gfield_header_item--icons), .gform_wrapper.gravity-theme .gfield_list_group_item + .gfield_list_group_item {
	margin-left: 2%;
}

.gform_wrapper.gravity-theme .gfield_list_group_item input, .gform_wrapper.gravity-theme .gfield_list_group_item select {
	width: 100%;
}

.gform_wrapper.gravity-theme .gfield_header_item--icons, .gform_wrapper.gravity-theme .gfield_list_icons {
	align-items: center;
	display: flex;
	flex: none;
	justify-content: center;
	width: 48px;
}

.gform_wrapper.gravity-theme .gfield_list_icons button {
	background: transparent url(assets/uikit/images/icons/plus-circle.svg);;
	border: none;
	font-size: 0;
	height: 20px;
	opacity: 0.5;
	padding: 0;
	transition: opacity 0.5s ease-out;
	width: 20px;
	margin-top:0;
}

.gform_wrapper.gravity-theme .gfield_list_icons button:hover, .gform_wrapper.gravity-theme .gfield_list_icons button:focus {
	opacity: 1;
	outline: none;
}

.gform_wrapper.gravity-theme .gfield_list_icons button.delete_list_item {
	background-image: url(assets/uikit/images/icons/minus-circle.svg);
	margin-left: 5px;
}

@media (max-width: 640px) {

	.gform_wrapper.gravity-theme .gfield_list_header {
		display: none;
	}

	.gform_wrapper.gravity-theme .gfield_list_group {
		border: 1px solid rgba(0, 0, 0, 0.2);
		display: block;
		margin-bottom: 16px;
		padding: 16px;
	}

	.gform_wrapper.gravity-theme .gfield_header_item, .gform_wrapper.gravity-theme .gfield_list_group_item {
		width: auto;
	}

	.gform_wrapper.gravity-theme .gfield_list_group:last-child {
		margin-bottom: 0;
	}

	.gform_wrapper.gravity-theme .gfield_list_group_item:not(:last-child) {
		margin-bottom: 8px;
	}

	.gform_wrapper.gravity-theme .gfield_list_group_item::before {
		content: attr(data-label);
		font-size: 14.992px;
	}

	.gform_wrapper.gravity-theme .gfield_list_icons {
		background-color: rgba(0, 0, 0, 0.1);
		line-height: 0;
		margin: 16px -16px -16px;
		padding: 12px 16px;
		text-align: left;
		width: auto;
	}

	.gform_wrapper.gravity-theme .gfield_header_item + .gfield_header_item:not(.gfield_header_item--icons), .gform_wrapper.gravity-theme .gfield_list_group_item + .gfield_list_group_item {
		margin-left: 0;
	}
}

html[dir="rtl"] .gform_wrapper.gravity-theme .gfield_header_item + .gfield_header_item:not(.gfield_header_item--icons), html[dir="rtl"] .gform_wrapper.gravity-theme .gfield_list_group_item + .gfield_list_group_item {
	margin-left: 0;
	margin-right: 16px;
}

@media (max-width: 640px) {

html[dir="rtl"] .gform_wrapper.gravity-theme .gfield_header_item + .gfield_header_item:not(.gfield_header_item--icons), html[dir="rtl"] .gform_wrapper.gravity-theme .gfield_list_group_item + .gfield_list_group_item {
		margin-right: 0
}
	}

html[dir="rtl"] .gform_wrapper.gravity-theme .gfield_list_icons button.delete_list_item {
	margin-left: 0;
	margin-right: 5px;
}
.gform_wrapper .gfield.gf_list_inline .gfield_checkbox, .gform_wrapper .gfield.gf_list_inline .gfield_radio {
	display: block;
}

.gform_wrapper .gfield.gf_list_inline .gfield_checkbox .gchoice, .gform_wrapper .gfield.gf_list_inline .gfield_radio .gchoice {
display: inline-block;
padding-right: 16px;
}

.gform_wrapper .gfield.gf_list_inline .gfield_checkbox .gchoice label, .gform_wrapper .gfield.gf_list_inline .gfield_radio .gchoice label {
	max-width: none;
}
/*
* Progress bar.
*
* Used in the theme.css front-end stylesheet and admin-theme.css.
*/

.gform_wrapper.gravity-theme .gf_progressbar_title {
	color: #767676;
	font-size: 12.992px;
	font-weight: normal;
	margin: 0 0 4.8px 0;
}

.gform_wrapper.gravity-theme .gf_progressbar {
	background: #e8e8e8;
	border-radius: 10.5px;
	margin-bottom: 16px;
	position: relative;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage {
	border-radius: 10.5px;
	height: 20.992px;
	text-align: right;
	vertical-align: middle;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage:not(.percentbar_100) {
	border-radius: 10.5px 0 0 10.5px;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage span {
	display: block;
	float: right;
	font-size: 13px;
	line-height: 21px;
	margin-left: 8px;
	margin-right: 8px;
	min-width: 2em;
	width: auto;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_0 span {
	color: #959595;
	float: none;
	margin-left: 9.6px;
	text-shadow: none;
}

.gform_wrapper.gravity-theme .gf_progressbar_blue {
	background: #d2d6dc;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
	background-color: #1e7ac4;
	color: #fff;
}

.gform_wrapper.gravity-theme .gf_progressbar_gray {
	background: #d2d6dc;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_gray {
	background-color: #6b7280;
	color: #fff;
}

.gform_wrapper.gravity-theme .gf_progressbar_green {
	background: #e8e8e8;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_green {
	background-color: #aac138;
	color: #fff;
}

.gform_wrapper.gravity-theme .gf_progressbar_orange {
	background: #e8eaec;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_orange {
	background-color: #ff5d38;
	color: #fff;
}

.gform_wrapper.gravity-theme .gf_progressbar_red {
	background: #e8eaec;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_red {
	background-color: #ec1e31;
	color: #fff;
}

.gform_wrapper.gravity-theme .gf_progressbar_spring {
	background: #d2d6dc;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_spring {
	background: linear-gradient(270deg, #9cd790 0%, #76d7db 100%);
	color: #fff;
}

.gform_wrapper.gravity-theme .gf_progressbar_blues {
	background: #d2d6dc;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blues {
	background: linear-gradient(270deg, #00c2ff 0%, #7838e2 100%);
	color: #fff;
}

.gform_wrapper.gravity-theme .gf_progressbar_rainbow {
	background: #d2d6dc;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_rainbow {
	background: linear-gradient(270deg, #1dbeea 0%, #cd6ad6 50%, #f35160 100%);
	color: #fff;
}

html[dir="rtl"] .gform_wrapper.gravity-theme .gf_progressbar_percentage:not(.percentbar_100) {
border-radius: 0 10.5px 10.5px 0;
}

/*
* Page steps.
*
* Used in the theme.css.
*/

.gform_wrapper.gravity-theme .gf_page_steps {
	border-bottom: 1px solid #e5e7eb;
	margin-bottom: 16px;
}

.gform_wrapper.gravity-theme .gf_step {
	display: inline-block;
	margin: 8px 32px 8px 0;
}

.gform_wrapper.gravity-theme .gf_step_number, .gform_wrapper.gravity-theme .gf_step_label {
	display: table-cell;
	vertical-align: middle;
}

.gform_wrapper.gravity-theme .gf_step_number {
	background: transparent;
	border: 2px solid #cfd3d9;
	border-radius: 20px;
	color: #585e6a;
	font-size: 14px;
	font-weight: 500;
	height: 40px;
	text-align: center;
	width: 40px;
}

.gform_wrapper.gravity-theme .gf_step_active .gf_step_number {
	background: #cfd3d9;
	color: #607382;
}

.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number {
	position: relative;
}

.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number::before {
		background: #607382;
		border: 2px solid #607382;
		border-radius: 20px;
		content: "";
		display: table-cell;
		height: 40px;
		left: -2px;
		position: absolute;
		top: -2px;
		width: 40px;
	}

.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number::after {
		align-items: center;
		color: #fff;
		content: "✓";
		display: flex;
		font-family: "dashicons";
		font-size: 24px;
		height: 100%;
		justify-content: center;
		left: 0;
		position: absolute;
		text-align: center;
		top: 0;
		width: 100%;
		z-index: 5;
	}

.gform_wrapper.gravity-theme .gf_step_label {
	color: inherit;
	font-size: 14px;
	font-weight: 600;
	line-height: 16px;
	padding-left: 16px;
}

.gform_wrapper.gravity-theme .gf_step_hidden {
	display: none;
}

/*
日本住所
*/
.gform_wrapper .japan .ginput_container{
	flex-direction: column-reverse;
}
.gform_wrapper .japan .ginput_container .address_line_2{
	order: -1;
}
/*--------------------------------------------------------------
## Editor
--------------------------------------------------------------*/
.editor-styles-wrapper h1, .editor-styles-wrapper .uk-h1, .editor-styles-wrapper h2, .editor-styles-wrapper .uk-h2, .editor-styles-wrapper h3, .editor-styles-wrapper .uk-h3, .editor-styles-wrapper h4, .editor-styles-wrapper .uk-h4, .editor-styles-wrapper h5, .editor-styles-wrapper .uk-h5, .editor-styles-wrapper h6, .editor-styles-wrapper .uk-h6, .editor-styles-wrapper .uk-heading-small, .editor-styles-wrapper .uk-heading-medium, .editor-styles-wrapper .uk-heading-large, .editor-styles-wrapper .uk-heading-xlarge, .editor-styles-wrapper .uk-heading-2xlarge{
	margin-left: auto;
    margin-right: auto;
}