/*!
Theme Name: Custom_theme
Theme URI: http://underscores.me/
Author: Me
Author URI: http://underscores.me/
Description: Custom theme: Custom_theme, developed by Me
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: custom_theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Custom_theme is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> 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
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

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;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

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 {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

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;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}

a:visited {
	color: purple;
}

a:hover, a:focus, a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	/*width: 200px;*/
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content {
	margin: 1.5em 0 0;
}
.entry-summary{
margin:0;
}
.entry-summary-titletext {
/* background-color: #448001; */
display: block;
color: #448001;
/* padding: 10px; */
font-weight: bold;
/* clear: right; */
max-width: 480px;
text-align: left;
margin-top: 20px;
border-bottom: 1px solid #448801;
font-size: 1.2em;
margin-bottom:20px;
}
.woocommerce-product-details__short-description br:first-child {
display: none;
}

.entry-summary .entry-summary-memberlogin a {
background-color: #ffd700;
padding: 7px 10px 3px 10px;
font-weight: bold;
display: block;
max-width: 480px;
font-size: 1.2em !important;
padding: 10px 30px;
line-height: 1.3em !important;
}
.entry-summary .entry-summary-memberlogin a i{
font-size: 40px;
float: right;
position: relative;
top: -20px;
color:#448801;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## 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;
}


/*--------------------------------------------------------------
## 点滴療法研究会　style sheet
--------------------------------------------------------------*/

/*cssのリセット*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,
ol,ul,li,fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,
figcaption,figure,footer,header,hgroup,menu,nav,section,
summary,time,mark,audio,video {
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  border: 0;
  outline: 0;
  background: transparent;
}

body {
  line-height: 1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

a {
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
}

ins {
  text-decoration: none;
  color: #000;
  background-color: #ff9;
}

mark {
  font-weight: bold;
  font-style: italic;
  color: #000;
  background-color: #ff9;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  cursor: help;
  border-bottom: 1px dotted;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

hr {
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
  border: 0;
  border-top:1px solid #ccc;
}
.bord-member-list01{
display:flex;
justify-content:center;
}
.bord-member-list01 li{
list-style:none;
width:25%;
margin-top:20px;
}
@media screen and (max-width: 767px){
.bord-member-list01{
display:block;

}
.bord-member-list01 li{
list-style:none;
width:100%;
border-bottom: 2px solid #ccc;
}
}
/*サイト全体の基準となるCSSを記述*/
html {
  font-size: 14px;
}

body {
  /*フォントの指定*/
  font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  /*行間の指定*/
  line-height: 1.4;
  margin: 0;
  padding: 0;
  /*サイトのデフォルトとなる文字の色を指定*/
  color: #333;
}

/*見出しを全て太字で表示 + 文字色を黒に*/
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  color: #000;
}

img {
  max-width: 100%;
  height: auto;
}

/*--------------------------------------------------------------
# メインメニュー　サブメニュー　調整CSS
--------------------------------------------------------------*/
.sub-menu{
display:inline-block;
background-color:#316419;
}
.sub-menu li{
display:inline-block;
padding:0 10px;
width:100%;
}
.sub-menu li:hover{
display:inline-block;
padding:0 10px;
width:100%;
background-color:#fff;
}
.sub-menu li a{
display:block;
color:#fff !important;
white-space: nowrap;
font-size:.8em;
border-bottom:1px dashed #fff;
max-width:100%;
}
.sub-menu li a:hover{
display:block;
color:#448801 !important;
white-space: nowrap;
font-size:.8em;
border-bottom:1px dashed #fff;
max-width:100%;
}


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

.menu__item {
  background: #316419;
  color: #fff;
  cursor: pointer;
  display: block;
  margin-bottom: 1px;
}
.menu__item__link {
  color: #fff;
  display: block;
  line-height: 60px;
  padding: 0 1rem;
  position: relative;
}
.menu__item__link:after {
   /* background: #33105f; */
  content: '\f067';
  display: block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  line-height: 60px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 60px;
}
.menu__item__link.on:after {
  content: '\f068';
    font-weight: 900;
}
.sub-menu {
  background: none;
  display: none;
}
.menu-item-object-page {
 /* border-bottom: 1px solid #5200b7;*/
  color: #222;
  padding: 1rem;
}
}

/*--------------------------------------------------------------
# セミナー情報　調整CSS
--------------------------------------------------------------*/
.seminar-info{
margin-top:50px;
}
.seminar-info-txt{
padding-left:20px;
}


.seminar-info img{
vertical-align:top;
}

/*--------------------------------------------------------------
# エキスパートインタビュー　調整CSS
--------------------------------------------------------------*/


.tbl-r02 {
  margin: 20px auto;
}
.tbl-r02 th {
  border-bottom: dashed 1px #666;
  color: #fff;
  padding: 10px;
  vertical-align: top;
  width:100px;
}
.tbl-r02-01 th {
  padding: 10px;
  vertical-align: top;
  width:100px;
}
.tbl-r02 td {
  border-bottom: dashed 1px #666;
  padding: 10px;
  vertical-align: top;
}
 .no-wrap{
 	white-space: nowrap;
 }
@media screen and (max-width: 750px) {
  .last td:last-child {
    border-bottom: dashed 1px #ccc;
    width: 100%;
  }
  .tbl-r02 {
    width: 80%;
  }
  .tbl-r02 th,
  .tbl-r02 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
  .no-wrap{
 	white-space: normal;
 }
}

/*--------------------------------------------------------------
# メールフォーム　調整CSS
--------------------------------------------------------------*/
.cform th {
	font-size: 14px;
	width: 20%; /*変なところで改行される場合はここの数字を変更します。*/
	border-bottom: solid 1px #d6d6d6;
	padding: 10px 0 10px 15px;
	font-weight: normal;
}

.cform td {
	font-size: 14px;
	line-height: 150%;
	border-bottom: solid 1px #d6d6d6;
	padding: 10px 5px;
}

.cform td select{
	height:28px;
}

.cform {
	width: 100%;
	margin: auto;
}

.cform option,
.cform textarea,
.cform input[type=text],
.cform input[type=email],
.cform input[type=search],
.cform input[type=url] {
	width: auto ;
}

.cform [type=submit] {
	display: inline-block;
	font-size: 20px;
	padding: 10px 30px;
	text-decoration: none;
	background: #ff8f00;
	color: #FFF;
	border-bottom: solid 4px #B17C00;
	border-radius: 3px;
}

.cform .mwform-checkbox-field:first-child{
margin-left:10px;
}

.required-srt {
	font-size: 8pt;
	padding: 5px;
	background: #ce0000;
	color: #fff;
	border-radius: 3px;
	margin-left: 10px;
	vertical-align: middle;
}

.zip , .tel{
width:auto !important;
}
@media only screen and (max-width:767px) {
	.cform th,
	.cform td {
		width: 100%;
		display: block;
		border-top: none;
	}

	.cform option,
.cform textarea,
.cform input[type=text],
.cform input[type=email],
.cform input[type=search],
.cform input[type=url] {
	width: 100%;
}
}

.cform th {
	font-size: 14px;
	border-bottom: none;
	padding: 10px 0 10px 15px;
	font-weight: bold;
}



.submit-btn input {
	background: #00142c;
	width: 60%;
	max-width: 550px;
	min-width: 220px;
	margin: 30px auto;
	display: block;
	border: 1px #00142c solid;
	text-align: center;
	padding: 5px;
	color: #fff;
	transition: all 0.4s ease;
}

.submit-btn input:hover {
	background: #fff;
	color: #00142c;
}

/*--------------------------------------------------------------
# 書籍・メディア　固定ページ　調整CSS
--------------------------------------------------------------*/
#media figure,
#books figure{
margin-right:5%;
}
.books-contents-wrap{
overflow:hidden;
margin-bottom:30px;
}
.books-contents{
width:70%;
}
.books-writer{
font-size: 18px;
    line-height: 18px;
font-weight:bold;
    color:  #448001 !important;
    border-top:2px solid #448001;
border-bottom:2px solid #448001;
    padding: .5em 1em;
    margin: 5px auto 50px;
}

#media .media-article-link a{
border:1px solid #448001;
padding:.8em 1em;
color:#448001;
text-decoration:none;
margin-bottom:20px;
}
#media .media-article-link a:hover{
background-color:#448001;
border:1px solid #448001;
padding:.8em 1em;
color:#fff;
text-decoration:none;
margin-bottom:20px;
}

@media screen and (max-width: 767px){
#books h3{
width:100%;
}
#media figure,
#books figure{
    margin: 5px auto !important;
    float: none;
    text-align: center;
}
.books-contents{
width:100%;
margin-bottom: 5px;
}
#media .media-article-link {

}
#media .media-article-link a{
border:1px solid #448001;
padding:.8em 1em;
color:#448001;
text-decoration:none;
}
#media .media-article-link a:hover{
background-color:#448001;
border:1px solid #448001;
padding:.8em 1em;
color:#fff;
text-decoration:none;
}
}

/*----------------------------------------------------------------------------------------------------------------------------
# 高吸収型ビタミンCサプリメント リポ・カプセル ビタミンC　固定ページ　調整CSS
----------------------------------------------------------------------------------------------------------------------------*/

#g-rec03-vitamin-c figure{
margin-right:5%;
}
.g-rec03-vitamin-c-contents{
width:60%;
margin-left:20px;
}

.qanda-q{
margin-left:25px;
}

.qanda{
width:80%;
margin:0px auto;
}

.qanda dt{
position:relative;
	line-height:1.5em;
	padding-left:2em;
	padding-bottom:10px;
}
.qanda dt:before{
position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(/images/common/q.png) no-repeat;
	background-size:contain;
}
.qanda dd{
position:relative;
	line-height:1.5em;
	padding-left:2em;
	padding-bottom:20px;
}
.qanda dd:before{
position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(/images/common/a.png) no-repeat;
	background-size:contain;


}
.w2lineBox{
width:80%;
margin:30px auto 0px;
}
@media screen and (max-width: 767px){
#g-rec03-vitamin-c h3{
 width:100%;
}
#g-rec03-vitamin-c figure{
    margin: 5px auto !important;
    float: none;
    text-align: center;
}

.g-rec03-vitamin-c-contents{
width:100%;
margin-left:0px;
}
.qanda{
width:100%;
margin:0px auto;
}

.w2lineBox{
width:100%;
margin:30px auto 0px;
}
}
/*--------------------------------------------------------------
# 高濃度ビタミンC点滴療法　固定ページ　調整CSS
--------------------------------------------------------------*/
#g_info01-vitamin-c,
#g_info02-vitamin-c,
#g-info04-alpha,
#g-info05-myers,
#g-info06-glutathione,
#g-info07-ca-edta,
#g-info08-na-edta,
#g-info10-placenta,
#g-info11-ozon,
#g-info12-cell,
#g-info13-molecular,
#info14-infection{
}
.g_info01-vitamin-c-contents,
.g_info02-vitamin-c-contents,
.g-info04-alpha-contents,
.g-info05-myers-contents,
.g-info06-glutathione-contents,
.g-info07-ca-edta-contents,
.g-info08-na-edta-contents,
.g-info10-placenta-contents,
.g-info11-ozon-contents,
.g-info12-cell-contents,
.g-info13-molecular-contents,
.info14-infection-contents{
width:70%;
}
.g_info01-vitamin-c-writer,
.g_info02-vitamin-c-writer,
.g-info04-alpha-writer,
.g-info05-myers-writer,
.g-info06-glutathione-writer,
.g-info07-ca-edta-writer,
.g-info08-na-edta-writer,
.g-info10-placenta-writer,
.g-info11-ozon-writer,
.g-info12-cell-writer,
.g-info13-molecular-writer,
.info14-infection-writer{
font-size: 18px;
    line-height: 18px;
font-weight:bold;
    color:  #448001 !important;
    border-top:2px solid #448001;
border-bottom:2px solid #448001;
    padding: .5em 1em;
    margin: 5px auto 50px;
}
#g_info01-vitamin-c figure,
#g_info02-vitamin-c figure,
#g-info04-alpha figure,
#g-info05-myers figure,
#g-info06-glutathione figure,
#g-info07-ca-edta figure,
#g-info08-na-edta figure,
#g-info10-placenta figure,
#g-info11-ozon figure,
#g-info12-cell figure,
#g-info13-molecular figure,
#info14-infection figure{
margin-right:5%;
}
#g_info01-vitamin-c ul,
#g_info02-vitamin-c ul,
#g-info07-ca-edta ul,
#g-info08-na-edta ul,
#g-info10-placenta ul,
#g-info12-cell ul{
padding-bottom:20px;
}
#g_info01-vitamin-c ol,
#g_info02-vitamin-c ol,
#g-info10-placenta ol{
padding-bottom:20px;
}
#g_info01-vitamin-c ul li,
#g_info02-vitamin-c ul li,
#g-info07-ca-edta ul li,
#g-info08-na-edta ul li,
#g-info10-placenta ul li,
#g-info12-cell ul li{
list-style-type:disc;
margin-left:20px;
padding-bottom:5px;
}
#g_info01-vitamin-c ol li,
#g_info02-vitamin-c ol li,
#g-info10-placenta ol li{
margin-left:20px;
padding-bottom:5px;
}
#g_info01-vitamin-c .media-article-link a,
#g_info02-vitamin-c .media-article-link a,
#g-info04-alpha .media-article-link a,
#g-info05-myers .media-article-link a,
#g-info06-glutathione .media-article-link a,
#g-info07-ca-edta .media-article-link a,
#g-info08-na-edta .media-article-link a,
#g-info10-placenta .media-article-link a,
#g-info11-ozon .media-article-link a,
#g-info12-cell .media-article-link a,
#g-info13-molecular .media-article-link a,
#info14-infection .media-article-link a{
 display: inline-block;
 max-width: 400px;
border:1px solid #448001;
padding:.8em 1em;
color:#448001;
text-decoration:none;
margin-bottom:20px;
}
#g_info01-vitamin-c .media-article-link a:hover,
#g_info02-vitamin-c .media-article-link a:hover,
#g-info04-alpha .media-article-link a:hover,
#g-info05-myers .media-article-link a:hover,
#g-info06-glutathione .media-article-link a:hover,
#g-info07-ca-edta .media-article-link a:hover,
#g-info08-na-edta .media-article-link a:hover,
#g-info10-placenta .media-article-link a:hover,
#g-info11-ozon .media-article-link a:hover,
#g-info12-cell .media-article-link a:hover,
#g-info13-molecular .media-article-link a:hover,
#info14-infection .media-article-link a:hover{
 display: inline-block;
background-color:#448001;

padding:.8em 1em;
color:#fff;
text-decoration:none;
margin-bottom:20px;

}

.g-info-table{
margin-bottom:20px;
}
@media screen and (max-width: 767px){
#g_info01-vitamin-c h3,
#g_info02-vitamin-c h3,
#g-info04-alpha h3,
#g-info05-myers h3,
#g-info06-glutathione h3,
#g-info07-ca-edta h3,
#g-info08-na-edta h3,
#g-info10-placenta h3,
#g-info11-ozon h3,
#g-info12-cell h3,
#g-info13-molecular h3,
#info14-infection h3{
 width:100%;
}
.g_info01-vitamin-c-contents,
.g_info02-vitamin-c-contents,
.g-info04-alpha-contents,
.g-info05-myers-contents,
.g-info06-glutathione-contents,
.g-info07-ca-edta-contents,
.g-info08-na-edta-contents,
.g-info10-placenta-contents,
.g-info11-ozon-contents,
.g-info12-cell-contents,
.g-info13-molecular-contents,
.info14-infection-contents{
width:100%;
margin-left:0px;

}
#g_info01-vitamin-c figure,
#g_info02-vitamin-c figure
#g-info04-alpha figure,
#g-info05-myers figure,
#g-info06-glutathione figure,
#g-info07-ca-edta figure,
#g-info08-na-edta figure,
#g-info10-placenta figure,
#g-info11-ozon figure,
#g-info12-cell figure,
#g-info13-molecular figure,
#info14-infection figure{
    margin: 5px auto !important;
    float: none;
    text-align: center;
}
.g-info-table{
}
.g-info-table th,
.g-info-table td{
display:block;
}
.g-info-table th{
padding-bottom:5px;
}
.g-info-table td{
border-bottom:1px dotted #666;
margin-bottom:10px;
padding-bottom:5px;
padding-left:10px;
}
.g-info-table th span{
display:none;
}
.sp-clear{
clear:both;
}
}
/*--------------------------------------------------------------
# 点滴療法研究会とは　固定ページ　調整CSS
--------------------------------------------------------------*/

.about-table{
}

.about-table tr{

}
.about-table th,
.about-table td{
border-bottom:1px dotted #666;
padding-top:10px;
padding-bottom:10px;
}
.about-table ul{
padding-bottom:20px;
}
.about-table ul li{
list-style:disc;
margin-left:30px;
}
@media screen and (max-width: 767px){
.about-table th,
.about-table td{
display:block;
}
.about-table th{
border-bottom:none;
}
.about-table td{
display:block;
padding-left:10px;
}

.about-table ul li{

}
}

/*--------------------------------------------------------------
# TOP > メンバーログイン > プロフィール　調整CSS
# wp-content/plugins/ivtherapy/templates/front/member_edit.php
--------------------------------------------------------------*/
#member-update-form h4{
text-align:left;
border-top:1px solid #448001;
border-bottom:1px solid #448001;
font-size:1.2em;
padding:5px;
color: #448001;
}

@media screen and (min-width: 750px){
  .br-pc { display:block; }
  .br-sp { display:none; }
  .br-sp320 { display:none; }
}
@media screen and (max-width: 750px){
  .br-pc { display:none; }
  .br-sp { display:block; }
  .br-sp320 { display:none; }
}
@media screen and (max-width: 320px){
  .br-pc { display:none; }
  .br-sp { display:none; }
  .br-sp320 { display:block !important; }
}

.wp-list-table tr th{
white-space:nowrap;
}
.form-tel-fax-th{
float:left;

}
.form-tel-fax-td{
float:left;

}
.form-treatment-time-td{
float:left;
}
.form-treatment-time-th{
width:140px;
}
.form-treatment-weak-th{
padding-right:0;
width: 3em;
}
.form-treatment-time-td-select{

float:left;
}
.table-td-display tr td label{
display:block;
}

@media screen and (max-width: 782px){
.form-treatment-weak-th{
padding-right:35px;
width: initial;
}

#member-update-form h4{
text-align:center;
border-top:1px solid #448001;
border-bottom:1px solid #448001;
font-size:1.2em;
padding:5px;
color: #448001;
}
.form-tel-fax-th{
clear: both;
display:block;

}
.form-tel-fax-td{
clear: both;
display:block;

}
.wp-list-table tr th{
padding-right:15px;
}
.wp-list-table tr td label{

}
.form-treatment-time-td{
clear: both;
display:block;
width:100%;
}
.form-treatment-time-td-select{

float:left;
}
.form-treatment-weak-th span{
padding: 0 .85em;
}
}

/*--------------------------------------------------------------
# TOP > ショップ CSS
--------------------------------------------------------------*/
.bgc-white{
background-color: white;
}
#shop-page-side img, #shop-page-main img{
border :1px solid #999;
}


#shop-page-side{
float:left; width:290px;
background-color: rgba(0, 0, 0, .03);
clear:both;
}

.side-title{
background-color: #448101;
color:#fff !important;
font-weight:bold;
text-align:center;
padding:7px;
margin-bottom: 10px !important;
}
.side-contbox{
padding:12px;
}
.shop-category-select{
padding:0px 30px;
text-align:center;
}
.shop-category-select select{
width:100%;
margin-bottom:20px;
padding:5px 0 10px 0;
}
.shop-category-select .input{
width:100%;
margin-bottom:20px;
}
.shop-category-select .btn{
background-color: #448101;
color:#fff;
font-size:14px;
padding:10px 20px;
margin-bottom: 20px;
}

.shop-category-item{

margin-bottom:30px;

}
.shop-category-item li{
list-style-image: url(https://broken-frost-41191426.stg.snapup.jp/wp-content/themes/custom_theme/images/common/icon-for-others-arrow.png) !important;
margin-left:36px;

}

.shop-recommended{
padding-top:12px;
padding-right:12px;
background-color:#fff;
}
.shop-recommended-title{
background-color: #448101;
color:#fff !important;
font-weight:bold;
text-align:center;
padding:7px;
margin-bottom: 10px !important;
}


.shop-recommended-item {
  counter-reset: my-counter;
  list-style: none;
  padding: 10px;
  margin: 0;
}
.shop-recommended-item li {
font-weight:bold;
  line-height: 1.5;
  padding-left: 30px;
padding-top:12px;
  position: relative;
border-bottom:1px dotted #666;
/*text-align:center;*/
}
.shop-recommended-item li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #333;
  border: 1px solid;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 26px;
  width: 26px;
  color: #ffffff;
  font-size: 85%;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
margin-top:60px;
}

.shop-recommended-item li p, .shop-recommended-item li p a{
text-align:left;
 font-size: 14px;
font-weight:bold;
color: #448101;
line-height:20px !important;
margin-bottom:10px !important;
}

section ol li:nth-child(1) {
	background-image: url(images/icon_rank1.svg);
}
section ol li:nth-child(2) {
	background-image: url(images/icon_rank2.svg);
}
section ol li:nth-child(3) {
	background-image: url(images/icon_rank3.svg);
}
section ol li:nth-child(4) {
	background: url(images/icon_rank4.svg) left 5px top 6px no-repeat;
	background-size: 20px auto;
}
section ol li:nth-child(5) {
	background: url(images/icon_rank5.svg) left 5px top 6px no-repeat;
	background-size: 20px auto;
}




/*#shop-page-main{
background-color: rgba(0, 0, 0, .03);
margin-left:320px;
padding:12px;
}*/

.shop-page-main-title{
border-bottom:2px solid #448101;
color:#448101 !important;
font-size:28px !important;
font-weight:bold;
padding-top:10px;
padding-bottom:10px;
text-indent:.5em;
text-align:left;
}
.shop-page-itemselect{
overflow:hidden;
}
.shop-page-itemselect li{
float:left;
overflow:hidden;
}

#shop-page-item{
background-color: #fff;
padding: 0 36px 26px;

}

.shop-page-itembox{
border-bottom:1px dotted #666;
padding-top:20px;
padding-bottom:20px;
overflow:hidden;
}

.shop-page-itembox figure img{
float:left;
width:150px;
height:auto;
}
.shop-page-itemcont{
margin-left:170px;
}
.shop-page-itemtitle{
color: #448001 !important;
font-size:18px !important;
font-weight:bold;
}

.shop-page-itemplice{
margin-top:15px !important;
margin-bottom:15px !important;
}
.shop-itembox{
}
.shop-page-itemplice span{
background-color: #448101;
padding:5px 15px;
color:#fff;
margin-right:20px;
}
.shop-itembox{
}

#shop-page-bottom{
clear:both;
width:100%;
text-align:center;
}
.shop-page-main-title.free-for-members-title {
	display: flex;
	justify-content: space-between;
	align-items: end;
	color: #006699!important;
	border-color: #006699;

}
.shop-page-main-title.recommend {
	border-color: #d97300;
	color: #d97300!important;
}

.free-for-members-title span:last-child{
	display: inline-block;
	background: #006699;
	padding: 10px 20px;
}
#main .free-for-members-title a,
#main .free-for-members-title a:visited,
#main .free-for-members-title a:active,
#main .free-for-members-title a:focus,
#main .free-for-members-title a:hover {
	color: #fff;
}

@media screen and (max-width: 767px){
	#main .shop-page-main-title.free-for-members-title {
		display: block;
	}
	.shop-page-main-title.free-for-members-title:after{
		display: block;
		content: '';
		clear: both;
	}
	.free-for-members-title span {
		display: inline-block;
	}
	.free-for-members-title span:last-child{
		display: block;
		background: none;
		padding: 10px 20px;
	}
	#main .free-for-members-title a,
	#main .free-for-members-title a:visited,
	#main .free-for-members-title a:active,
	#main .free-for-members-title a:focus,
	#main .free-for-members-title a:hover {
		color: #448101;
	}

	#main img{
margin: 0 !important;
}

#shop-page-side {
float: none;
width: 100%;
background-color: rgba(0, 0, 0, .03);
display: none;
}
.page-movie-top #shop-page-side, .single-movie #shop-page-side,
.post-type-archive-movie #shop-page-side {
	display: block;
}
.shop-recommended,
.post-type-archive-product #shop-page-side .side-title,
.post-type-archive-product #shop-page-side .side-contbox,
.post-type-archive-product #shop-page-side form {
	display:none;
}
.post-type-archive-product #shop-page-side,
.post-type-archive-product #shop-page-side .shop-category-select + .side-title {
	display: block;
}
#shop-page-side .side-title:after {
	content: '+';
	display: inline-block;
	position: absolute;
	right: 2em;
}
.shop-page-itembox figure{
text-align:center;
}
.shop-page-itembox figure img{
float:none;
width:150px;
height:auto;
}
.shop-page-itemcont{
margin-left:0px;
}
#shop-page-main .shop-page-itembox figure img {
	width: 100%;
	height: auto;
}
}


/*--------------------------------------------------------------
# TOP > ショップ CSS
--------------------------------------------------------------*/


.tbl-r02 th {
  background: #999;
  border: solid 1px #ccc;
  color: #fff;
  padding: 10px;
  white-space: nowrap;
}
.tbl-r02 td {
　border: solid 1px #ccc;
  padding: 10px;
}

@media screen and (max-width: 750px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .tbl-r02 {
    width: 100%;
  }
  .tbl-r02 th,
  .tbl-r02 td {
　　border: none;
    display: block;
    width: 100%;
  }
}
#main #shop-page-side + #shop-page-main {
	width: calc(100% - 320px);
	float: left;
	margin-left: 30px;
	padding: 12px;
	    background-color: rgba(0, 0, 0, .03);
}
.page-movie-top #main #shop-page-side + #shop-page-main {
	background-color: transparent;
}
@media screen and (max-width: 750px) {
#main #shop-page-side + #shop-page-main {
width: 100%;
float: none;
margin-left: 0px;
padding: 12px;
}
#shop-main-view img{
margin:0 !important;
}
}
.page-shop #main #shop-page-side + #shop-page-main, .archive #main #shop-page-side + #shop-page-main {
	background-color: rgba(0, 0, 0, .03);
}
.single-product #main #shop-page-side + #shop-page-main {
	background-color: #fff;
}
.single-product #main #shop-page-side + #shop-page-main h2,
.page-cart #main #shop-page-side + #shop-page-main h2{
	margin: 0 auto 48px 24px;
}
.shop-footer .footer-r {
	padding-top: 0;
}
.shop-footer .footer-r h3 a:before {
	display: inline-block;
}
.shop-footer .footer-r h3:nth-child(3) {
	margin-bottom: 142px;
}
.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2 {
	overflow: hidden;
}
/*--------------------------------------------------------------
# TOP > 動画ぺーじトップ
--------------------------------------------------------------*/

.video-category-title{
color: #448101 !important;
font-weight:bold;
margin-left:10px;
}
.video-category-item{
padding:0 15px;
}
.video-category-item li{

}
.video-category-item li input{
margin-right:5px;
}
.video-category-form a, .video-category-form span {
display: block;
height: 50px;
padding-left: 15px;
line-height: 50px;
}
.video-category-form a{
	text-decoration: underline;
	height:30px;
}
.video-category-form span {
	font-weight: 700;
}
.video-category-form .video-category-item {
	padding-left: 30px;
}
.video-introduction{
border:1px solid #448101;
color: #448101;
padding:20px;
text-align:center;
margin-bottom:50px;
}
.input-btn{
text-align:center;
}
.input-btn .btn {
    background-color: #448101;
    color: #fff;
    font-size: 14px;
    padding: 10px 20px;
}
.input-btn .v-reset{
font-size: 14px;
padding: 10px 20px;
width:220px;
margin-top:20px;
}
.input-btn .v-choice{
width:220px;
margin-top:20px;
}
.video-learning-v-subtitle{
margin:0;
padding:0;
text-align:left;
height:auto;
}
.video-excont p{
height:110px;
}
.video-excont02 p{
height:160px;
}
.video-learning-dl{
height:140px !important;
text-align:left;
}
.video-learning-dl dd{
margin-bottom:5px;
}
.video-recommend, .free-for-members {
display:flex;
}
.video-item01 {
flex-basis:45%;
margin:2%;
}
.video-item02 {
flex-basis:30%;
margin: 1.5% !important;
}
.video-icon-general{
border:1px solid #f29878;
color:#f29878;
text-align:center;
width:90px;
height:20px;
float:left;
font-size:12px;
font-weight:normal;
margin-right:10px;
}
.video-icon-free{
border:1px solid #da7300;
color:#da7300;
text-align:center;
width:90px;
height:20px;
float:left;
font-size:12px;
font-weight:normal;
margin-right:10px;
}
.video-icon-memberfree{
border:1px solid #4c8dcb;
color:#4c8dcb;
text-align:center;
width:90px;
height:20px;
float:left;
font-size:12px;
font-weight:normal;
margin-right:10px;
}
.video-icon-master{
border:1px solid #448101;
color:#448101;
text-align:center;
width:90px;
height:20px;
float:left;
font-size:12px;
font-weight:normal;
margin-right:10px;
}
.video-teacher-dl{
overflow:hidden;
padding-bottom:5px;
overflow:hidden;
   height: auto !important;
   text-align:left;
}
.video-teacher-dl dt{
float:left;
}
.video-teacher-dl dd{
margin-left:45px;
height:30px;
}



.video-icon-ex dd{
margin-bottom:10px;
}

.masters-enrollment{
border:1px solid  #448001;
background-color:#fff;
display:block;
text-align:center;
padding:10px;
width:280px;
margin:0 auto 40px;
}
.masters-enrollment a{
text-align:center;
line-height: 18px !important;
font-weight:bold;
color:#448001 !important;
}



.text-red{
color:red;
}
.video-immunity dt{
margin-top:10px;
margin-bottom:10px;
}
.video-immunity dd{
margin-left:20px;
}
.video-immunity-masters{
padding:20px;
border:1px solid #448001;
margin-top:40px;
}
.video-immunity-masters-title{
text-align:center;
font-weight:bold;
color:#448001 !important;
}

@media screen and (max-width: 767px){
.video-item02 {
flex-basis:100%;
margin: 1.5% !important;
}

.video-learning-list{
margin-left:0 !important;
}
.video-recommend, .free-for-members {
display:block;
}

.video-item01 {
flex-basis:98%;
margin:2%;
}
.video-excont p {
 height: auto;
}
.video-excont02 p {
 height: auto;
}
}


/*--------------------------------------------------------------
# TOP > 動画 CSS
--------------------------------------------------------------*/

.movie-main-image{
position: relative;/*相対配置*/
}
.movie-main-image img{
height: auto;
max-width: 100%;
}

.movie-main-image-search-box{
position: absolute;/*絶対配置*/
top:0;
left:0;
padding:20px;
background-color:#fff;
margin:20px;
width:480px;
height:auto;
}
.movie-main-image-search-box .search-box-title{
font-size:50px !important;
line-height:68px !important;
text-align:center;
font-weight:bold;
}
.movie-main-image-search-box .search-box-sub-title{
text-align:center;
}
.logged-in-movie{
float: right;
margin-top: 20px;
clear: right;
}

.video-category-title{
color: #448101 !important;
font-weight:bold;
margin-left:10px;
}
.video-category-item{
padding:0 15px;
}
.video-category-item li{

}
.video-category-item li input {
margin-right: 5px;
margin-top: 5px;
float: left;
}
.video-category-item li p{
margin-left:20px;
  word-break: keep-all !important;
  line-break: strict;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin-bottom:15px !important;
}
.video-introduction{
border:1px solid #448101;
color: #448101;
padding:20px;
text-align:center;
margin-bottom:50px;
}
.input-btn{
text-align:center;
}
.input-btn .btn {
    background-color: #448101;
    color: #fff;
    font-size: 14px;
    padding: 10px 20px;
}
.input-btn .v-reset{
font-size: 14px;
padding: 10px 20px;
width:220px;
margin-top:20px;
}
.input-btn .v-choice{
width:220px;
margin-top:20px;
}



.video-learning-box-height{
height: auto;
}
.video-learning-v-title{
color: #448001 !important;
}
.free-for-members .video-learning-v-title {
	color: #006699!important;
}
.video-recommend .video-learning-v-title {
	color: #d97300!important;
}
.video-icon-box{
margin-bottom: 10px;
    height: 26px;
}
.masters-video-icon {
    background-color: #448001;
    width: 72px;
    height: 26px !important;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    border-radius: 5px;
padding-top:3px;
    display: inline-block;
    margin-right: 10px;
    float:left;
}

.general-video-icon {
    background-color:#4c8dcb;
    width: 72px;
    height: 26px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    border-radius: 5px;
padding-top:3px;
    display: inline-block;
	margin-right: 10px;
	float:left;
}

.free-video-icon, #shop-page-main .free-video-icon, #shop-page-side .free-video-icon {
    background-color: #da7300;
    width: 72px;
    height: 26px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    border-radius: 5px;
padding-top:3px;
float:left;
margin-bottom: 10px;
}

.to-movie-list {
	padding-left: 0;
	padding-top: 1em;
margin-bottom: -1em;
margin-top: 50px;
}
#main .to-movie-list a {
	width: 580px;
	margin: 0 auto;
	padding: 1em;
	font-size: 28px;
	background: #448001;
	color: #fff;
	text-align:center;
	display: block;
}
#main .to-movie-list a:hover,
#main .to-movie-list a:visited,
#main .to-movie-list a:active
 {
	color: #fff;
	font-size: 28px;
}
.video-icon-ex dd{
margin-bottom:10px;
}
.login-box{
display:flex;
justify-content: center;
clear:both;
padding-left:0;
}
.login-box02{
display:flex;
justify-content: center;
clear:both;
}
.video-login{
color:#448001;
text-align:center;
margin:40px 10px 20px 10px;
}
.masters-enrollment{
border:1px solid  #448001;
background-color:#fff;
display:block;
text-align:center;
padding:10px;
width:280px;
margin:0 auto 40px;
}
.masters-enrollment a{
text-align:center;
line-height: 18px !important;
font-weight:bold;
}

.video-login-btn {
border:1px solid #448001 !important;
background-color:#fff;
text-align:center;
width:280px;
padding:10px;
display:block;
}
.video-login-btn a{
color:#448001;
font-weight:bold;
line-height:18px !important;
}
.text-red{
color:red;
}
.video-immunity dt{
margin-top:10px;
margin-bottom:10px;
}
.video-immunity dd{
margin-left:20px;
}
.video-immunity-masters{
padding:20px;
border:1px solid #448001;
margin-top:40px;
}
.video-immunity-masters-title{
text-align:center;
font-weight:bold;
color:#448001 !important;
}





.video-detail-link-back{
text-align:right;
margin-bottom:10px;
padding-bottom:10px;
}

.video-detail-iconlist{
display:flex;
}

.icon-3m-free{
border:1px solid #da7300;
width:146px;
height:28px;
font-size:16px;
color:#da7300;
text-align:center;
margin:5px;
}
.icon-3m-only{
border:1px solid #4c8dcb;
width:146px;
height:28px;
font-size:16px;
color:#4c8dcb;
text-align:center;
margin:5px;
}
.video-detail-v-title{
font-size:32px !important;
margin-top:5px;
font-weight:bold;
/*max-width:450px;*/
line-height:40px !important;
}
.video-detail-contents{
background-color:#fff;
padding:10px;
}
.video-collect{
border:5px solid #b4c4c1;
padding:5px;
}
.video-pdf-dl-btn {
float:right;
}
.video-pdf-dl-btn a{
border-radius:6px;
background-color:#448001;
color:#fff !important;
padding:5px 10px;
}
.video-pdf-dl-ex{
border-top:1px dashed #666;
border-bottom:1px dashed #666;
margin-top:100px;
padding-top:20px;
}
.video-pdf-dl-ex img{
float:left;
margin:0 15px;
}
.video-buy-cont{
float:left;
margin-top:5px;
}
.video-buy-btn {
display:inline-block;
}
.video-buy-btn a{
background-color:#f6ab00;
padding:5px;
color:#fff !important;
margin-left:10px;

}
.video-specification{
float:right;
margin-right:10px;
margin-top:20px;
border:1px solid #666;
height: fit-content;
}
.video-specification dt{
float:left;
border-right:1px solid #666;
padding:10px 20px;

}

.video-specification dd{
display:inline-block;
padding:10px 20px;

}
.video-ex-cont-box{
display:flex;
}
.video-buy-cont-box{
margin:20px;
 width:300px;
}
.video-buy-cont-box02{
margin:20px;
 width:600px;
 text-align: left;
}
.fl{
float:left;
}
@media screen and (max-width: 767px){
.logged-in-movie {
display: none;
}
.movie-main-image img{
margin:0px !important;
}

.movie-main-image-search-box{
position:static;/*解除*/
padding:20px;
background-color:#fff;
margin:0px;
width:100%;
height:auto;
}
.video-detail-iconlist{
float:none;
display:flex;
}
.video-ex-cont-box{
display:block;
}
.video-buy-cont-box{
margin:20px;
}

.video-specification{
float:none;
}
.video-specification{
margin-bottom:20px;
border:1px solid #666;
}
.video-specification dt{
padding:5px;
}
.video-specification dd{
padding:5px;
}
.video-learning-v-title{
color: #448001 !important;
text-align:left;
height: 86px !important;
}
.login-box{
display:block;
justify-content: center;
clear:both;
padding-left:0px;
}
.video-login-btn {
border:1px solid #448001 !important;
background-color:#fff;
text-align:center;
width:100%;
padding:10px;
display:block;
}
.video-buy-cont-box02{
margin:20px;
width:auto !important;
text-align: left;
}
.to-movie-list {
	padding-left: 0;
	margin-top: 0;
}
#main .to-movie-list a {
	width: 100%;
	font-size: 1rem;
	margin: 20px 10px 20px 10px;
}
.video-detail-v-title {
	font-size: 24px!important;
}
}

/*--------------------------------------------------------------
# TOP > マイページ CSS　 wp-content/ plugins/ ivtherapy/ templates/ front
--------------------------------------------------------------*/

.order-history{
color:#333;
font-size:14px;
margin-left:20px;
font-weight:normal;
}
.order-history a{
color:#448001;
font-size:14px;
font-weight:normal;
}
@media screen and (max-width: 767px){
.wp-list-table{
width:100%;
}
}


/*--------------------------------------------------------------
# TOP > メンバー登録 CSS　
--------------------------------------------------------------*/
.swpm-registration-widget-form{
margin-top:20px;
margin-bottom:20px;
}
.swpm-registration-widget-form td {
width:30px;
min-width:0;
}
.swpm-registration-widget-form form table tbody tr {
height:50px;
}
.swpm-registration-username-row input,.swpm-registration-email-row input,.swpm-registration-password-row input,.swpm-registration-password-retype-row input,.swpm-profile-company-row input{
width:200px !important;
}
.swpm-registration-name-row input{
width:100px !important;

}
.swpm-registration-submit-section{
width:500px !important;
}
.swpm-post-not-logged-in-msg{
text-align:center;
font-size:1.5em;
padding:20px;
}
.swpm-post-not-logged-in-msg .member-login-btn{

}
.swpm-post-not-logged-in-msg a{
font-size:1em !important;

}
.swpm-post-not-logged-in-msg .member-login-btn a{
display:inline-block;
background-color:#448001;
padding:15px 50px;

font-size:1em !important;
font-weight: 700;
line-height:1em !important;
color:#fff !important;
}
@media screen and (max-width: 767px){
.swpm-registration-widget-form td {
width:120px;
min-width:0;
}
.swpm-registration-name-row input{
width:80px !important;

}
.swpm-post-not-logged-in-msg{

font-size:1em;
padding:50px 20px;
}
}
form.checkout .optional {
display:none;
}

.cart-check-btn{
float: right;
margin-left: 15px;
display:none;
}

.mv-top-link-btn{
}
.mv-top-link-btn a:hover{
float:right;
background-color:#55a001;
border-radius:3px;
padding:10px 20px ;
color:#fff;
}
.mv-top-link-btn a{
float:right;
background-color:#448001;
border-radius:3px;
padding:10px 20px ;
color:#fff !important;
}


.video-login-btn02 {
border:1px solid #448001 !important;
background-color:#fff;
text-align:center;
width:280px;
padding:10px;
display:block;
margin:0 auto 15px;
}
.video-login-btn02 a{
color:#448001;
font-weight:bold;
line-height:18px !important;
}
.mv-top-ex-text {
float:left;
}
.br-sp .video-login-btn02 {
	background-color: #448001;
}
.br-sp .video-login-btn02 a {
	color: #fff!important;
}

/*医療従事者用ページ　感染症対策告知 */

.kansensyou-info{
text-align:center;
clear:both;
width:70%;
border:1px solid #448101;
margin:50px auto 10px ;
padding:10px;
overflow: hidden;
}

@media screen and (max-width: 767px){
.kansensyou-info{
width:95%;
}
.mv-top-link-btn{
}
.mv-top-link-btn a:hover{
float:right;
background-color:#55a001;
border-radius:3px;
padding:10px 20px ;
color:#fff;
}
.mv-top-link-btn a{
float:right;
background-color:#448001;
border-radius:3px;
padding:10px 20px ;
color:#fff !important;
}
.mv-top-link-btn a:after{
display: inline-block;
width: 21px;
height: 8px;
content: "";
background-size: contain;
background-repeat: no-repeat;
background-image: url(../images/top/r_arrow_white.png);
float: right;
margin: 4px 0 0 8px;
}

}
/*動画ページ　デスクリプション */
.payment-discription02{
border:1px solid #999;
margin-top:5px;
display: inline-block;
padding-bottom:5px;
}
.payment-discription02 img{
float:left;
}
.payment-discription02 p{
margin-bottom:10px !important;
margin-top:10px;
}
.payment-discription02 ul {
margin-left: 320px;
margin-top:10px;
}
.payment-discription02 ul li{
list-style: disc !important;
margin-bottom:10px;
}

@media screen and (max-width: 767px){
.payment-discription02{
text-align:center;
padding:5px;
}
.payment-discription02 p{
text-align:left;
}
.payment-discription02 img{
float:none;
text-align:center;
margin:10px auto;
}
.payment-discription02 ul {
margin-left: 0px;
margin-top:10px;
}
.payment-discription02 ul li{
list-style: disc !important;
text-align:left;
margin-left: 25px;
}
}

/* 404 Not Found */

.not-found{
text-align:center;
}

.not-found h1{
font-size: 3em;
margin-top:2em;
}

.not-found .page-content p{
font-size: 1.5em;
}
@media screen and (max-width: 767px){
.not-found .page-content p{
font-size: 1.2em;
}
}

/* セミナーページ（固定ページ）　調整CSS */
.seminar-info ul li{
display: block;
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 1px dotted #666;
clear: both;
overflow: hidden;
}
.seminar-info ul li a  img{
/* width: 240px; */
height: 100%;
object-fit: cover;
object-position: 0 0;
max-width: 100%;
margin: 0px !important;
}
.seminar-info .seminar-imgbox{
float: left;
width: 240px;
height: 146px;
}
.seminar-info .seminar-textbox{
margin-left: 260px;
/* width: 30%; */
/* float: left; */
}
.seminar-info-icon {
background-color: #d97300;
height: 30px !important;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 20px;
/* border-radius: 5px; */
padding: 5px 10px;
display: inline-block;
margin-right: 10px;
/* float: left; */
}
.seminar-place-icon {
background-color: #4169e0;
height: 30px !important;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 20px;
/* border-radius: 5px; */
padding: 5px 10px;
display: inline-block;

}
.seminar-info p{
margin: 1em 0 .5em;
font-size: 18px !important;
margin-bottom: 10px !important;
}
.seminar-info-title{
/* width: 45%; */
/* float: right; */
font-size: 1.5em !important;
font-weight: bold;
/* line-height: 2em !important; */
/* margin-top: 28px; */
}
.clock {
width: 14px;
margin-right: 5px !important;
}
@media screen and (max-width: 767px){
.seminar-info ul li{
display: block;
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 1px dotted #666;
}
.seminar-info .seminar-imgbox{
float: left;
width: 140px;
height: 88px;
}
.seminar-info .seminar-textbox{
margin-left: 150px;
float: none;
width: auto;
}
.seminar-info p{
margin: 0.3em 0 0;
font-size: 14px !important;
margin-bottom: 0px !important;
}
.seminar-info-title{
width: auto;
float: none;
/* margin-left: 130px; */
font-size: 14px !important;
display: block;
margin-top: 0px;
line-height: 24px !important;
}
.seminar-info-icon {
background-color: #d97300;
height: 19px !important;
font-size: 10px;
color: #fff;
text-align: center;
/* line-height: 0px; */
/* border-radius: 5px; */
padding: 0px 5px;
display: inline-block;
/* margin-right: 10px; */
/* float: left; */
}
.seminar-place-icon {
background-color: #4169e0;
height: 19px !important;
font-size: 10px;
color: #fff;
text-align: center;
/* line-height: 0px; */
/* border-radius: 5px; */
padding: 0px 5px;
display: inline-block;
}
.clock {
margin: 0.3em 0 0 !important;
font-size: 14px !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
}
}
@media screen and (max-width: 600px){
.video-learning-v-title {
    color: #448001 !important;
    text-align: left;
    height: 100px !important;
}
}
@media screen and (max-width: 320px){
.seminar-info .seminar-imgbox{
width: 120px;
height: 75px;
}
.seminar-info .seminar-textbox{
margin-left: 130px;
}
}


/*--------------------------------------------------------------
# テンプレ用CSS
--------------------------------------------------------------*/

.kakoi{
  margin-top:2rem;
  margin-bottom:2rem;
  padding: 1rem 2rem;
  border: 1px solid #000;
}

.iv-h11 {
  position: relative;
  overflow: hidden;
  padding: 1.5rem 2rem 1.5rem 130px;
  border: 2px solid #000;
}

.iv-h11:before {
  position: absolute;
  top: -150%;
  left: -100px;
  width: 200px;
  height: 300%;
  content: '';
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
  background: #448001;
}

.iv-h11 span {
  font-size: 40px;
  font-size: 4rem;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  padding-top: 3px;
  padding-left: 16px;
  color: #fff;
}

.iv-h1{
font-size: 28px;
color: #448001;
margin: 48px auto;
line-height: 48px;
border-bottom: 3px solid #448001;
}
.iv-h1:before{
content: "";
background-image: url(./images/common/h1.png);
width: 48px;
height: 48px;
display: inline-block;
margin-right: 1em;
vertical-align: bottom;
}



.iv-h3{
  font-size: 24px !important;
  font-weight: bold !important;
  padding: 10px 20px !important;
  margin-bottom: 1em !important;
  background-color: #F0F4E3 !important;  /* 薄めのグリーン背景 */
  border-left: 4px solid #7EBF00 !important;  /* 左側にフラットなカラーバー */
  color: #448001 !important;
  border-radius: 4px !important;  /* 角を少し丸める */
  width: 100%;
}
.iv-h3:before, .iv-h3:after {
	display: none!important;
}
/*
.iv-h3:before{
display:none;
}
.iv-h3:after{
content: ".";
line-height: 0;
display: block;
overflow: hidden;
position: absolute;
right: 0;
bottom: -5px;
width: 30% !important;
border-bottom: 5px solid #448001 !important;
top: auto !important;
left: auto !important;
/*
position: absolute;
bottom: -5px;
left: 0;
width: 20% !important;
height: 5px !important;
content: '';
background: #448001;
background-image: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
*/

.iv-h2{
font-size: 26px !important;
line-height: 20px !important;
color: #FFFFFF !important;
background: transparent;
display: block;
padding:0 !important;
margin: 20px auto 20px !important;
border-bottom: 1px solid #448001 !important;
}
.iv-h2:before {
	display: none !important;
}
.iv-h2 span {
 display: block; /* これを追加 */
  background: linear-gradient(90deg, #5AA100, #448101);
  color: #fff;
  padding: 7px 24px;
  width: 100%;
  border-radius: 0;
  font-size: 26px;
  font-family: 'Segoe UI', sans-serif;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  line-height: 1.5;
  word-break: break-word;
  border-bottom: 4px solid rgba(100, 100, 100, 0.25);
}


.iv-h2:after{
/*content: "";
position: absolute;
width: 1120px;
background-color: rgba(0,0,0,0);
top: 0;
left: 0;
display: block;
height: 100%;
border-bottom: 1px solid #448001;*/
	display: none!important;
}
.iv-h4{
  font-size: 22px;
  font-weight: bold;
  padding: 10px 20px;
  margin-bottom: 1em;
  border-bottom: 3px solid #448001;  /* フラットな下線 */
  color: #448001;
}
.iv-h5{
font-size: 18px;
line-height: 22px;
font-weight: bold;
color: #448001 !important;
border-top: 2px solid #448001;
border-bottom: 2px solid #448001;
padding: .5em 1em;
margin: 1em 0;
}
.iv-text-box{
margin:15px 20px;
}
.img-left-mg-320{
margin-left:320px;
}
.img-right-mg-320{
margin-right:320px;
}
.iv-list-ul li{
list-style:disc !important;
margin-left: 1.5em;
}
.iv-list-ol li{
margin-left: 1.5em;
}

.iv-list {
  color: #1e366a;
  border-top: solid #1e366a 1px;/*上のボーダー*/
  border-bottom: solid #1e366a 1px;/*下のボーダー*/
  padding: 0.5em 0 0.5em 1.5em;
}

.iv-list li{
  line-height: 1.5;
  padding: 0.5em 0;
}

.iv-tag-list {
  padding: 0;
  position: relative;
}

.iv-tag-list li{
  color: black;
  border-left: solid 8px #448001;/*左側の線*/
  background: whitesmoke;/*背景色*/
  margin-bottom: 5px;/*下のバーとの余白*/
  line-height: 1.5;
  border-radius: 0 15px 15px 0;/*右側の角だけ丸く*/
  padding: 0.5em;
  list-style-type: none!important;
}

.iv-tag-list02 {
  padding: 0;
}

.iv-tag-list02 li {
  position: relative;
  list-style-type: none!important;/*ポチ消す*/
  padding: 0.5em 0.5em 0.5em 0.5em;
  margin-bottom: 5px;
  line-height: 1.5;
  background: #dbebf8;
  vertical-align: middle;
  color: #505050;
  border-radius: 15px 0px 0px 15px;/*左側の角丸く*/
}

.iv-tag-list02 li:before{
  display:inline-block;
  vertical-align: middle;
  /*以下白丸つくる*/
  content:'';
  width:1em;
  height: 1em;
  background: #fff;
  border-radius: 50%;
  margin-right: 8px;
}

.iv-voice-list{
  border: solid 2px skyblue;/*線の設定*/
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}

.iv-voice-list li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}

.iv-voice-list li:before {

  font-family: "Font Awesome 5 Free";
  content: "\f075";/*アイコンの種類*/
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: skyblue; /*アイコン色*/
}

.link-text{
color:#448101 !important;
}
.link-btn, .logged-in.woocommerce-page #main a.link-btn{
padding: 6px 12px;
  margin: 10px 0;
  display: inline-block;
  color: #fff !important;
  background-color: #448101;
  font-weight: bold;
  font-size:16px;
  border-radius: 3px;
  text-align:center;
margin: 0 auto;
}
.link-btn:after{
content: "";
display: inline-block;
width: 18px;
height: 18px;
margin: 4px 0 0 8px;
background-image: url(./images/top/r_arrow_white.png);
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
}

.red-text{
color: var(--red);
}
@media screen and (max-width: 767px){
.iv-h1{
font-size: 22px;
color: #448001;
margin: 20px auto;
line-height: 30px;
border-bottom: 3px solid #448001;
margin-left: 24px;
font-weight:bold !important;
}
.iv-h1:before {
content: "";
background-image: url(./images/common/h1.png);
width: 48px;
height: 48px;
display: inline-block;
margin-left: -24px;
margin-right: 0.8em;
vertical-align: bottom;
}
.iv-h2 {
font-size: 20px !important;
line-height: 24px !important;
color: #FFFFFF !important;
/*background: #448001;*/
display: inline-block;
padding: .5em 1em;
margin: 20px auto 20px !important;
position: relative;
border-bottom: none !important;
width: 95% !important;
}
.iv-h3{
position: relative;
padding: 1rem 2rem;
border-bottom: 5px solid  #c7c7c7 !important;
font-size: 18px !important;

line-height: 22px !important;
color: #448001;
padding-left: 0.8em;
text-align: left !important;
}
.iv-h3:after{
position: absolute;
bottom: -5px;
left: 0;
width: 20% !important;
height: 5px !important;
content: '';
background: #448001;
background-image: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.iv-h4 {
border-bottom: 3px solid #448001;
border-left: 10px solid #448001;
font-size: 17px !important;
background: none !important;
color: #448001 !important;
position: static !important;
width: 100%;
padding: .5em;
margin: 1em 0;
}
.iv-h5 {
font-size: 16px;
line-height: 16px;
font-weight: bold;
color: #448001 !important;
border-top: 2px solid #448001;
border-bottom: 2px solid #448001;
padding: .5em 1em;
margin: 1em 0;
}
.img-left-mg-320 , .img-right-mg-320{
clear:both;
margin-left: 0px;
margin-right: 0px;
}
.alignleft , .alignright{
display: inline;
float: none;
margin-right: 0em !important;
margin-bottom: 2em !important;
margin-left: 0 !important;
width: 100%;
}
.iv-h2 + p, .iv-h2 + ul {
		clear:both;
	}
}

/*--------------------------------------------------------------
# 歯科医師部門の目的ページCSS
--------------------------------------------------------------*/

.dentist-image-box{
	width:25%;
	display:inline-block;
}
.dentist-contents-box{
	width:70%;
	float:right;
margin-bottom:50px;
}

@media screen and (max-width: 767px){
.dentist-image-box{
	width:100%;
	display:block;
float:none;
text-align:center;
}
.dentist-contents-box{
	width:100%;
	float:none;
margin-bottom:50px;
}
iframe {
height: auto;
}
}

/*--------------------------------------------------------------
# セミナー情報のアーカイブ（2020ページ）へのリンクボタンCSS
--------------------------------------------------------------*/
.seminar-arc-link {
float: right;
background-color: #448001;
border-radius: 5px;
padding: 5px 25px;
color: #fff !important;
}
@media screen and (max-width: 767px){
.seminar-arc-link {
float: right;
background-color: #448001;
border-radius: 5px;
padding: 3px 10px;
color: #fff !important;
font-size:14px;
margin-top:0.5em;
}
}
@media screen and (max-width: 320px){
.seminar-arc-link {
float: right;
background-color: #448001;
border-radius: 5px;
padding: 2px 5px;
color: #fff !important;
font-size:11px !important;
margin-top:0.5em;
}
}

.pickup-clinic .clinic-image img {
	width: 100%;
	aspect-ratio: 4/3;
	object-fit: cover;
}
.clinic .clinic-image img {
	/* width: 100%; */
	/* height: auto; */
	/* aspect-ratio: 4/3; */
	/* object-fit: cover; */
	position: absolute;
	right:50%;
	bottom:50%;
	-webkit-transform: translate(50%, 50%);
	transform: translate(50%, 50%);
	}

.table50{
width:50%;
float:left;
}

/*メンバー　マイページ入力ページCSS*/
.member-edit-contbox-w{
background-color:#fff;
border: 1px solid #c3c4c7;
box-shadow: 0 1px 1px rgba(0,0,0,.04);
width:100%;
padding:10px;
display:flex;
margin-bottom:20px;
}
.member-edit-cont-l ,.member-edit-cont-r{
width:50%;
}
.member-edit-cont-l dt ,.member-edit-cont-r dt{
width:30%;
float:left;
}
.member-edit-cont-l dd,.member-edit-cont-r dd{
width:70%;
margin-left:30%;
}
.fixed-area-w{
width: 30px;
display: inline-block;
}
.member-edit-contbox{
width:100%;
padding:10px;
margin-bottom:0px;
}
.member-edit-contbox dl{
margin-bottom:20px;
overflow:auto;
}
.member-edit-contbox dl dt{
width:15%;
float:left;
}
.member-edit-contbox dl dd{
display:flex;
margin-left:15%;
}
.member-edit-contbox dl dd div{
width:33.3%;
}
.member-edit-contbox-w02{
background-color:#fff;
border: 1px solid #c3c4c7;
box-shadow: 0 1px 1px rgba(0,0,0,.04);
width:100%;
padding:10px;
margin-bottom:20px;
}
.member-edit-contbox-w02 dl{
overflow:auto;
margin-bottom:20px;
}
.member-edit-contbox-w02 dl dt{
width:15%;
float:left;
}
.member-edit-contbox-w02 dl dd{
margin-left:15%;
}
.member-edit-contbox02{
width:100%;
padding:10px;
margin-bottom:0px;
}
.member-edit-contbox02 dl{
overflow:auto;
margin-bottom:20px;
}
.member-edit-contbox02 dl dt{
width:15%;
float:left;
}
.member-edit-contbox02 dl dd{
margin-left:15%;
}
.textarea-fl{
float:left;
margin-bottom: 10px;
}
.clinic-openimage{
width:50%;
float:right;
margin-top:0px;
border:1px dotted #999;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
}
.form-treatment-weak-th {
padding-right: 0;
width:48px;
text-align:center;
}
.member-edit-cautation{
font-weight:normal;
font-size:0.9em;
}
.member-edit-send-btn {
text-align: left;
}
.member-edit-send-btn .btn-primary {
color: #fff;
background-color: #007bff;
border-color: #007bff;
font-size: 1.5em;
padding: 10px 20px;
}
.form-treatment-time-width{
width:140px;
}
.form-treatment-time-td-select select {
    border: 1px solid #ccc;
    width: 48px;
    height: 28px;
}
.clinic-time-mt{
margin-top:55px;
}
@media screen and (max-width: 767px){

.member-edit-contbox-w{
background-color:#fff;
border:none;
box-shadow: 0 1px 1px rgba(0,0,0,.04);
width:100%;
padding:10px;
display:block;
margin-bottom:20px;
}
.member-edit-cont-l ,.member-edit-cont-r{
width:100%;
}
.member-edit-cont-l dt, .member-edit-cont-r dt {
width: 100%;
float: none;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
margin-bottom: 10px;
/* text-align: center; */
padding: 5px;
font-size: 1.2em;
}
.member-edit-cont-l dd,.member-edit-cont-r dd{
width:100%;
margin-left:0%;
margin-top:10px;
margin-bottom:10px;
}
.fixed-area-w{
width: 30px;
display: inline-block;
}
.member-edit-contbox{
width:100%;
padding:10px;
margin-bottom:0px;
}
.member-edit-contbox dl{
margin-bottom:20px;
overflow:auto;
}
.member-edit-contbox dl dt{
width:100%;
float:none;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
margin-bottom: 10px;
/* text-align: center; */
padding: 5px;
font-size: 1.2em;
}
.member-edit-contbox dl dd{
display:block;
margin-left:0%;
}
.member-edit-contbox dl dd div{
width: 100%;
margin: 5px 0;
}
.member-edit-contbox-w02{
background-color:#fff;
border:none;
box-shadow: 0 1px 1px rgba(0,0,0,.04);
width:100%;
padding:10px;
margin-bottom:20px;
}
.member-edit-contbox-w02 dl{
overflow:auto;
margin-bottom:15px;
}
.member-edit-contbox-w02 dl dt{
width:100%;
float:none;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
margin-bottom: 10px;
/* text-align: center; */
padding: 5px;
font-size: 1.2em;
}
.member-edit-contbox-w02 dl dd{
margin-left:0%;
}
.member-edit-contbox02{
width:100%;
padding:10px;
margin-bottom:0px;
}
.member-edit-contbox02 dl dt{
width:100%;
float:none;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
margin-bottom: 10px;
/* text-align: center; */
padding: 5px;
font-size: 1.2em;
}
.member-edit-contbox02 dl dd{
margin-left:0%;
}
.textarea-fl{
float:none;
margin-bottom: 10px;
}

.table50{
width: 100%;
float: none;
/* padding: 20px; */
margin: 20px;
}
.clinic-openimage{
width: 90%;
float: none;
border: 1px dotted #999;
margin: 5%;
}
.clinic-openimage img{
margin: 0em !important;
}
.form-treatment-weak-th {
padding-right: 0;
width: 48px;
display: flex !important;
}
.form-treatment-weak-th span {
padding: 0.2em 1.35em;
}
.member-edit-send-btn {
margin: 0 auto;
text-align: center;
}
.clinic-time-mt{
margin-top:10px;
}
}

.clinic-department-input-wrapper {
display: flex;
justify-content: space-between;
}
.clinic-department-input-wrapper input {
max-width: 24%;
}

@media screen and (max-width: 767px) {
.clinic-department-input-wrapper {
display: block;
}
.clinic-department-input-wrapper input {
max-width: 95%;
margin-bottom: .25em;
}
}

/* 資料請求フォーム 背景調整CSS */
#main .post-10342 .article-inner{
background-color:#fff !important;
}
.request-text{
font-size:18px !important;
line-height:32px !important;
}
@media screen and (max-width: 767px) {
#g-info07-ca-edta iframe {
height: 2060px;
}
}


/* 固定ページ 入会のご案内 */

.contact-btnbox{
margin:20px auto;
width:50%;
}
.contact-btnbox a{
display:block;
background-color:#dddddd;
padding: 10px 10px;
width: 100%;
height:80px;
text-align: center;
margin: 10px 1%;
color: #000 !important;
font-weight: bold;
font-size: 1.2em !important;
vertical-align: middle;
}

.contact-btnbox a:hover{
background-color:#d3d3d3;
}
.contact-btnbox a img{
vertical-align: middle;
}
.contact-btnbox .text-pd{
padding: 25px 10px;
}
.contact-msg-link{
font-size:18px;
text-align:center;
}

@media screen and (max-width: 767px) {
.contact-btnbox{
display:block;
margin:20px auto;
width:96%;
justify-content: center;
 align-items: center;
margin:0 auto;
}
.contact-btnbox a{
width: 100%;
display:block;
border-radius:5px;
font-size: 1em !important;
overflow:auto;
padding: 10px 10px;
height: auto;
}
.contact-btnbox a img{
vertical-align: middle;
margin:0 !important;
}
.contact-msg-link{
margin-top:20px;
}
}

.googleform-wrapper {
position: relative;
width: 100%;
height: 2900px;
overflow: hidden;
}

.googleform-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.top-formulation-btn{
margin:30px auto;
}
.top-formulation-btn a{
text-align:center;
padding:10px;
width:640px;
display:block;
}
.top-formulation-btn a span{
font-size:0.8em;
}
.medical-color a{
background-color:#448101;
color:#fff;
}
.medical-color a p{
font-size:18px;
color:#fff;
font-weight:bold;
display: inline-block;
}
.top-formulation-btn a p:after{
display: inline-block;
width: 21px;
height: 8px;
content: "";
background-size: contain;
background-repeat: no-repeat;
background-image: url(./images/top/r_arrow_white.png);
margin: 9px 0 0 8px;
}

/*.medical-color a:hover{
background-color:#55a001;
}*/

.masters-color a{
background-color:#006699;
color:#fff;
}
.masters-color a p{
font-size:18px;
color:#fff;
font-weight:bold;
display: inline-block;
}


@media screen and (max-width: 767px) {
.googleform-wrapper {
height: 4240px;
}

}

@media screen and (min-width: 768px) {
	header.medical-page .site-branding {
		height: 90px;
	}

	header.medical-page .header-onlinelink {
		width: 100%;
	}

	header.medical-page a.onlineshop {
		color: #D57300 !important;
	}

	header.medical-page .onlineshop {
		width: 219px;
		height: 42px;
		margin-right: 140px;
		background-image: url(./images/members/onlineshop.png);
		display: block;
		float: right;
		text-align: center;
		line-height: 42px;
	}
	.shop-page-itembox {
		padding-left: 2em;
	}
}
.page-sponsers #main .btn-links,
.postid-15866 #main .btn-links
 {
	display: flex;
	justify-content: space-evenly;
	margin-top: 1em;
}
.page-sponsers #main .btn-links a,
.postid-15866 #main .btn-links a {
	font-size: 20px;
	padding: 8px 16px;
	line-height: normal;
}
@media screen and (max-width: 767px) {
	.page-sponsers .btn-links,
	.postid-15866 .btn-links	{
		flex-direction: column;
	}
	.page-sponsers .btn-links div,
	.postid-15866 .btn-links div	{
		margin-bottom: .5em;
		display: flex;
	}
	.page-sponsers .btn-links div a,
	.postid-15866 .btn-links div a	{
		flex-grow: 1;
	}
}
.logged-in.woocommerce-page #main .side-title, .logged-in.woocommerce-page #main .shop-category-select .btn, .logged-in.woocommerce-page #main .shop-recommended-title, .logged-in.woocommerce-page #main .shop-page-itemplice span {
	background: #069;
}
.logged-in.woocommerce-page #main a, .logged-in.woocommerce-page #main #shop-page-main .search-by-category > p, .logged-in.woocommerce-page #main #shop-page-main .shop-item-list-title p, .logged-in.woocommerce-page #main .iv-h3 {
	color: #069 !important;
}
.logged-in.woocommerce-page #main .wc-proceed-to-checkout a, .logged-in.woocommerce-page #main a.gradient-btn {
	color: #fff !important;
}
.logged-in.woocommerce-page #main .shop-page-main-title, .logged-in.woocommerce-page #main #shop-page-side + #shop-page-main h2 {
	color: #069 !important;
	border-color: #069;
}
.logged-in.woocommerce-page #main #shop-page-main .search-by-category a {
	color: #fff !important;
	background: #069;
}
.logged-in.woocommerce-page #main #shop-page-side + #shop-page-main h2:before {
	background: url(../images/common/h1-login.png) no-repeat;
}
.logged-in.woocommerce-page #main .iv-h3:after {
	border-color: #069 !important;
}
.logged-in.woocommerce-page #main .iv-h5 {
	color: #069 !important;
	border-color: #069;
}
.archive.category-news #main header .archive-description {
	display:none;
}
.logged-in.woocommerce-page #main #shop-page-main .iv-h2 span {
	background: #069;
}
.logged-in.woocommerce-page #main #shop-page-main .iv-h2,
.logged-in.woocommerce-page #main #shop-page-main .iv-h2 span:before {
	border-bottom-color: #069!important;
}


#main #membersonly {
	width: 600px;
	margin: 110px auto;
	display: flex;
	flex-direction: column;
	font-size: 24px;
}
#main #membersonly p {
	text-align: center;
	line-height: 1.75;
	font-size: 24px;
}
#main #membersonly form {
	display: flex;
	flex-direction: column;
	margin: 60px 0 90px;
}
#main #membersonly form input {
	margin-bottom: 15px;
	height: 60px;
	padding: .66em;
	font-size: 24px;
}
#main #membersonly form button[type="submit"] {
	width: 320px;
	height: 60px;
	margin: 60px auto 0;
	background: #005E80;
	border-radius: 4px;
	color: #fff;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
}
#main #membersonly form button[type="submit"]:before {
	content: '';
	background: url(./images/shop/membersonly/login.png);
	height: 24px;
	width: 22px;
	position: absolute;
	top: 16px;
	left: 70px;
}
#main #membersonly h3 {
	font-size: 26px;
	line-height: 1.8;
	color: #005E80;
	margin: 90px auto 36px;
	background: initial;
	display: initial;
	padding: 0;
	position: initial;
	text-align: center;
	font-weight: 300;
}
#main #membersonly h3:before,
#main #membersonly h3:after {
	content: none;
}
#main #membersonly h3 + p {
	font-size: 22px;
}
#main #membersonly a {
	background : #00ACB9;
	width: 320px;
	height: 60px;
	margin: 45px auto 0;
	color: #fff!important;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	position: relative;
	font-size: 20px;
}
#main #membersonly a:after {
	content: '';
	background: url(./images/shop/membersonly/arrow.png);
	height: 20px;
	width: 20px;
	position: absolute;
	right: 10px;
	top: 20px;
}
.membersonly-template section#banner {
	display: none;
}
@media screen and (max-width: 768px) {
	#main #membersonly {
		width: 90%;
		margin: 30px auto 0;
		font-size: 13px;
	}
	#main #membersonly p {
		font-size: 13px;
		margin-bottom: 0;
	}
	#main #membersonly form {
		margin: 30px 0;
	}
	#main #membersonly form input {
		height: 30px;
		font-size: 12px;
	}
	#main #membersonly form button[type="submit"] {
		width: 100%;
		height: 30px;
		margin-top: 0;
		font-size: 12px;
	}
	#main #membersonly form button[type="submit"]:before {
		width: 10px;
		height: 12px;
		top: 8px;
		background-size: contain;
		left: 120px;
	}
	#main #membersonly h3 {
		font-size: 14px;
		margin: 30px auto 10px;
		border: none;
	}
	#main #membersonly h3 + p {
		font-size: 12px;
	}
	#main #membersonly a {
		width: 100%;
		height: 30px;
		margin: 25px auto 70px;
		font-size: 12px;
	}
	#main #membersonly a:after {
		height: 10px;
		width: 10px;
		background-size: contain;
		top: 10px;
	}
	.membersonly-template .article-search {
		display: none;
	}

}

/* リセット */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  margin: 0;
  padding: 0;
}

/* H1 デザイン - 単色背景に変更してフラットに */
.heading-h1 {
  font-size: 30px;
  font-weight: bold;
  padding: 20px 30px;
  margin-bottom: 1em;
  background-color: #448001;  /* 単色のグリーン */
  color: white;
  text-align: left;
  border-radius: 4px;  /* 角を少し丸めて柔らかく */
  box-shadow: none;  /* フラットデザインのためシャドウを削除 */
}

/* H2 デザイン - フラットな枠線と背景 */
.heading-h2 {
  font-size: 24px;
  font-weight: bold;
  padding: 15px 25px;
  margin-bottom: 1em;
  background-color: #DBF0DB;  /* 明るめのグリーン */
  border: 1px solid #448001;  /* フラットな細いボーダー */
  border-radius: 4px;  /* 角を少し丸める */
  color: #448001;  /* メインカラー */
}



/* H5 デザイン - シンプルで洗練されたカラーバー */
.heading-h5 {
  font-size: 20px;
  font-weight: bold;
  padding: 10px 20px;
  margin-bottom: 1em;
  background-color: #F0F4E3;  /* 薄めのグリーン背景 */
  border-left: 4px solid #7EBF00;  /* 左側にフラットなカラーバー */
  color: #448001;
  border-radius: 4px;  /* 角を少し丸める */
}

/* H4 デザイン - シンプルな下線のみ */
.heading-h4 {
  font-size: 22px;
  font-weight: bold;
  padding: 10px 20px;
  margin-bottom: 1em;
  border-bottom: 3px solid #448001;  /* フラットな下線 */
  color: #448001;
}

#main #post-30100 > .article-inner > .entry-content {
	width: 800px;
	padding: 0;
	margin: 0 auto;
}
@media screen and (max-width: 767px)
{
	#main #post-30100 > .article-inner > .entry-content {
		width: 100%;
		margin: 0 auto;
	}
}