:root {
	--main-color: 255, 170, 238; 	/* #ffaaee */
	--sub-color: 255, 0, 0; 	/* #fbaec0 */
	--accent-color: 215, 117, 192;	/* #D775C0 */
	--font-color: 0, 50, 50; 		/* #003232 */
	--header-font-color: 0, 50, 50; /* #000000 */
	--footer-font-color: 0, 50, 50; /* #ffffff */
	--fa-logo-color: 30, 50, 144, 1; 	/* #1e3290 */
	--background-color: 255, 255, 255; 	/* #ffffff */
	--btn-font-color: 0, 50, 50; 		/* #003232 */
	--btn-background-color: 255, 170, 238; 	/* #ffaaee */
}


/********************************
共通
*********************************/
body {
	font-family: Noto Sans JP,sans-serif;
}

option {
	color: #5b5b5b;
}

a,
.entry-body a,
.entry-label a,
.wp-calendar-nav-next a,
.wp-calendar-nav-prev a {
	color: rgba(var(--sub-color));
	text-decoration: none;
}
a:hover, 
.entry-body a:hover,
.entry-label a:hover,
.wp-calendar-nav-next a:hover,
.wp-calendar-nav-prev a:hover {
	text-decoration: underline;
}

table {
	width: auto;
}

#content > .inner {
	width: auto;
}

@media screen and (max-width: 767px) {
}

/*--- ボタン ---*/
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern,
input[type="submit"], input[type="button"] {
	color: rgba(var(--btn-font-color)) !important;
	background-color: rgba(var(--btn-background-color)) !important;
	border-color:  rgba(var(--btn-background-color)) !important;
	border-radius: 5px;
	font-weight: bold;
}
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover, .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:focus {
	color: rgba(var(--btn-background-color)) !important;
	background-color: rgba(var(--btn-font-color)) !important;
	border-color:  rgba(var(--btn-background-color)) !important;	
	transition: all 0.2s ease-in-out;
}
input[type="submit"]:hover, input[type="button"]:hover {
	color: rgba(var(--btn-background-color));
	background-color: rgba(var(--btn-background-color), 0.3);
	border-color:  rgba(var(--btn-background-color));	
	transition; background-color 0.5s, border-color 0.5s, color 0.5s;
}


/*--- 先頭に戻るボタン ---*/
.floating a {
	background: rgba(var(--btn-background-color));
	color: rgba(var(--btn-font-color));
}
.floating a:hover {
    opacity: 0.3;
/*    background: rgba(var(--main-color)); */
	transition: all 0.5s 0s ease;
}



/********************************
ヘッダー
*********************************/
.header-nav li > a, .header-nav .sub-menu li a {
	font-size: 14px;
}

.header-nav li > a:hover, .header-nav .sub-menu li a:hover {
	/* color: rgba(var(--font-color)); 20241013 edit */
	color: rgba(var(--sub-color));
	opacity: 1;
}

.header-nav .sub-menu {
	width: auto;
}

.header_title {
	padding-top: 110px;
}


/*-- レスポンシブ --*/
.drawer-nav li a {
	font-size: 14px;
	padding: 15px 12px 15px 0px;
}
.drawer-nav li a:hover {
	/* color: rgba(var(--font-color)); 20241013 edit */
	color: rgba(var(--sub-color));
	opacity: 1;
}

ul.drawer-nav,
ul.sub-menu {
	list-style: none;
}



/********************************
hタグ
*********************************/
h2, h3, h4, 
.widget-title {
	color: rgba(var(--accent-color));
}
h1 { 
	font-size: 25px;
}
h2, 
.widget-title { 
	font-size: 22px;
}
h3 { 
	font-size: 17px;
}
h4 { 
	font-size: 16px;
}

#content h1 {
	font-size: 27px;
	color: rgba(var(--accent-color));
	text-align: center;
	
    --gradient: linear-gradient(to right, rgba(var(--main-color)), rgba(var(--accent-color)), rgba(var(--main-color)));
    padding: 1rem 0;
    margin-bottom: 20px;
    background-image:
        var(--gradient),
        var(--gradient);
    background-repeat: no-repeat;
    background-size: 100% 0.1rem;
    background-position: bottom, top;
}

h2[style*="text-align: left"], 
h3[style*="text-align: left"], 
h4[style*="text-align: left"] {
    justify-content: flex-start;
}
h2[style*="text-align: center"], 
h3[style*="text-align: center"], 
h4[style*="text-align: center"] {
    justify-content: center;
}
h2[style*="text-align: right"], 
h3[style*="text-align: right"], 
h4[style*="text-align: right"] {
    justify-content: flex-end;
}

h2, 
.widget-title {
	display: flex;
	align-items: center;
	margin-top: 15px;
	margin-bottom: 15px;
}
h2:before, 
h2:after, 
.widget-title:before, 
.widget-title:after {
	border-top: 3px solid rgba(var(--accent-color));
	content: "";
	width: 70px;
}
h2:before, 
.widget-title:before {
  margin-right: 0.5em;
}
h2:after,
.widget-title:after {
  margin-left: 0.5em;
}

h3 {
	display: flex;
	align-items: center;
	margin-top: 15px;
	margin-bottom: 15px;
}
h3:before, 
h3:after {
	border-top: 3px dotted rgba(var(--accent-color));
	content: "";
	width: 60px;
}
h3:before {
  margin-right: 0.5em;
}
h3:after {
  margin-left: 0.5em;
}

h4 {
	display: flex;
	align-items: center;
	margin-top: 15px;
	margin-bottom: 15px;
}
h4:before, 
h4:after {
	border-top: 2px dotted rgba(var(--accent-color));
	content: "";
	width: 50px;
}
h4:before {
  margin-right: 0.5em;
}
h4:after {
  margin-left: 0.5em;
}

.vc_toggle_title h4 {
	justify-content: left;
}

.vc_tta-panel-title h4:before, 
.vc_tta-panel-title h4:after {
	border-top: none;
}



/********************************
ウィジェット
*********************************/
.widget_calendar .wp-calendar-table,
.widget_categories select,
.widget_archive select {
	width: 100%;
}



/********************************
ブログ
*********************************/
#pickup {
	height: 0; /* --- blogページだけページタイトルの位置がこのdiv分下がるため ---*/
}

.entry-item,
.entry {
	background: rgba(var(--background-color));
}

.entry-item-excerpt, .entry-item-published,
.entry-published, .entry-updated {
	color: rgba(var(--font-color));
	word-wrap: break-word;
}

.entry-item:hover {
	box-shadow: 0 0 9px 0 rgba(var(--font-color), 0.16);
}

/*--- ページ送り---*/
.page-numbers {
	color: rgba(var(--font-color));
	background: rgba(var(--main-color));
	border-radius: 5px;
}
.pagenation a {
	color: rgba(var(--font-color));
	border-color:  rgba(var(--font-color));
}


/********************************
サイト専用
*********************************/

/*=== ボタン ===*/
/*--- リンクボタン ---*/
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover, .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:focus {
	background-color: rgba(var(--background-color)) !important;
}

/*--- 先頭に戻るボタン ---*/
.floating a {
	color: rgba(var(--background-color));
}


/*=== お問合せ ===*/
/* --- wpcf7 --- */
.wpcf7_tb {
	color: #ec1a49;
	border: none;
}

.wpcf7_tb td {
	text-align: left;
	border: none;
}

.wpcf7_tb1 {
  width: 20px;
  text-align: center;
  vertical-align: top;
}

/* --- wpcf7 2 --- */
.wpcf7_tb2 {
	border: none;
}

.wpcf7_tb2 td {
	text-align: left;
	border: none;
}

/*=== footer ===*/
.fineallies_logo:hover {
    fill: #e3297d;
    transition: all 0.5s 0s ease;
}