.site-header {
    box-sizing: border-box;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 100px 1em;
}
.content-area {
    box-sizing: border-box;
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto;
    padding: 1.25rem;
}
.member-headnav{
width: 480px;
float: right;
}
header > div, header > nav{
    max-width: 1240px;
    margin: 0 auto;
}
.main-navigation {
    float: none;
}
.content-area {
    padding: 2rem 1.25rem;
}

.content-area:after {
    display: block;
    clear: both;
    content: '';
}

.contents {
    float: left;
    width: 70%;
    margin-right: 3%;
}

.widget-area {
    float: left;
    width: 27%;
}
#primary {
    margin: 0 100px;
}
#content {
    max-width: 1440px;
    margin: 0 auto;
    min-height: 400px;
}
ul li {
    list-style: none;
}

#side-menu {
    position: fixed;
    top: 230px;
    left: 0;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    width: 2em;
	font-size:18px;
}
#side-menu span {
    padding: 1em;
    color: white;
}
.link-seminar {
    background-color: #448001;
    margin-bottom: 1em;
}
.link-search {
    background-color: #CB493F;
}
.copyright {
    background-color: black;
    color: white;
    font-size: 12px;
    text-align: center;
    padding: 1em 0 2em;
}
.post, .page {
    margin-bottom: 0;
}
/**
 * 全ページ共通
 */
a:visited, a:active, a:hover {
    color: white;
}
h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 36px;
    font-weight: 700;
}
/**
 * ヘッダー
 */
nav#site-navigation {
    font-size: 16px;
    display: block !important;
}
.main-navigation ul {
    display: inline-block;
    line-height: 2.5;
}
header .site-branding {
    max-width: 640px;
    height: 110px;
    float: left;
}
/* header .site-branding .custom-logo-link {
    margin-top: 20px;
} */
header .header-login {
    float: right;
    height: 40px;
    background-color: #448101 !important;
    color: white;
   /* border: 1px solid #448101 !important; */
    line-height: 3em;
	padding: 0 1em;
}
.logged-in header .header-login {
	padding: 0;
	background-color: initial;
}
.logged-in header .header-login {
	width: initial;
}

header .language {
    width: 116px;
    height: 40px;
    float: right;
    border: 1px solid #448101;
    text-align: center;
    line-height: 3em;
}
#header-menu-for-doctors {
    width: 854px;
    float: left;
    text-align: left;
}
#header-menu-for-doctors > div {
    height: 38px;
    border-top: 1px solid #448001;
    border-bottom: 1px solid #448001;
}
#header-menu-for-doctors > div > ul > li {
	margin-right: 32px;
}
#header-menu-for-doctors > div > ul > li:first-child {
	margin-left: 20px;
}
#header-menu-for-doctors > div > ul > li:last-child {
	margin-right: 0;
}
#header-menu-for-doctors a, #header-menu-for-doctors a:hover,
#header-menu-for-doctors a:visited, #header-menu-for-doctors a:focus,
#header-menu-for-doctors a:active{
    color: #448001;
}
#header-menu-for-patients, #header-menu-for-others {
    width: 360px;
    height: 38px;
    line-height: 38px;
    float: right;
    text-align: left;
    border: 1px solid #DA7300;
}
#header-menu-for-others {
	border: 1px solid #448001;
}
#header-menu-for-others a:before {
	width: 25px;
	height: 27px;
	margin: 4px 16px 0 26px;
	background-image: url(../images/common/icon-for-others.png);
}
#header-menu-for-others a:after {
	background-image: url(../images/common/icon-for-others-arrow.png);
	width: 24px;
	height: 10px;
	margin: 12px 24px 0 0;
}

#header-menu-for-others a, #header-menu-for-others a:hover,
#header-menu-for-others a:focus, #header-menu-for-others a:visited {
	color: #448001;
}
#header-menu-for-patients a, #header-menu-for-patients a:hover,
#header-menu-for-patients a:focus, #header-menu-for-patients a:visited
{
    color: #DA7300;
}

#header-menu-for-patients a:before {
    width: 18px;
    height: 27px;
    margin: 4px 16px 0 26px;
    background-image: url(../images/common/icon-for-patient.png);
}
#header-menu-for-patients a:after {
    background-image: url(../images/common/icon-for-patient-arrow.png);
    width: 24px;
    height: 10px;
    margin: 12px 24px 0 0;
}
#freeword-search {
/* margin-top: 40px; */
width: 220px;
height: 30px;
float: right;
}
#freeword-search input, #freeword-search button {
	margin: 0;
	padding: 0;
	border-radius: 0;
}
#freeword-search input {
width: 182px;
height: 30px;
float: left;
border: 1px solid #000;
margin-top: 6px;
}
#freeword-search button {
	width: 37px;
	height: 30px;
	background-color: #000;
}

.language a:before {
    display: inline-block;
    width: 1em;
    height: 1em;
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/top/icon-language.png);
}
/**
 * フッター
 */
footer {

}
footer:before {
    content: "";
    display: block;
    width: 100%;
    height: 6px;
    background: linear-gradient(to top, rgba(0,0,0,.15), rgba(255,255,255,.15));
}
footer > div.row {
    width: 1240px;
    margin: 0 auto;
}
.site-footer {
}
.site-info {
    min-height: 500px;
    background-color: #316419;
    color: white;
    padding: 40px 0 0 0;
}
.site-info a, .site-info a:hover,
.site-info a:focus, .site-info a:visited,
.site-info a:active {
    color: white;
}
.site-info > div.row {
    width: 1240px;
    margin: 0 auto;
    max-width: 100%;
}
.other .site-info > div.row {
	justify-content: space-between;
}
footer .site-description {
    width: 920px;
    margin: 0 auto;
    max-width: 100%;
    padding: 20px 0 5px;
}
footer .site-description p {
    font-size: 16px;
    line-height: 28px;
}
footer .site-branding {
    text-align: center;
}
.site-info {
    font-size: 15px;
}
.site-info h3 {
    color: white;
    font-size: 18px;
    font-weight: normal;
    display: block;
    border: 1px solid #fff;
    border-radius: 4px;
    padding: .2em .5em;
    margin-bottom: 16px;
}
.site-info h3 a:before {
    display: none;
}
.site-info ul li {
    font-size: 15px;
    line-height: 2em;
}
.footer-l {
	width: 410px;
    float: left;
}
.other .footer-l {
	width: 320px;
}
.footer-l h3 {
    width: 240px;
}
.footer-cl {
	width: 290px;
    float: left;
}
.other .footer-cl ul li{
	display: block;
}
.other .footer-cl {
	width: 420px;
}
.footer-cl h3 {
margin-bottom: 28px;
margin-right: auto;
width: 240px;
}
.footer-cl h3:nth-child(3) {
    margin-bottom: 12px;
}
.logged-in .footer-cl h3:nth-child(3) {
    margin-bottom: 28px ;
}
.footer-cl ul, .footer-cr ul {
    margin-bottom: 40px;
}
.footer-cr {
    width: 210px;
    float: left;
}
.other .footer-cr {
	display: none;
}
.footer-r {
    width: 224px;
	margin-left:70px;
    padding-top: 302px;
}
.other .footer-r {
	padding-top: 0;
}
.site-info a:before {
    display: inline-block;
    width: 24px;
    height: 9px;
    float: left;
    margin: 6px 10px 0 0;
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images/common/footer_arrow.png);
}
.footer-r a:before {
    display: none;
}
.footer-r .facebook {
    margin-bottom: 18px;
}
.footer-r .mailmag {
    background-color: #D4D4D4;
    width: 224px;
    height: 30px;
    font-size: 18px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.footer-r .mailmag a, .footer-r .mailmag a:hover,
.footer-r .mailmag a:focus, .footer-r .mailmag a:visited,
.footer-r .mailmag a:active {
    color: #316419;
}
.footer-r form {
    margin-top: 30px;
}
.footer-r form input {
    width: 165px;
    float:left;
}
.footer-r form button {
    width: 58px;
    height: 32px;
    float: left;
    padding: 3px;
    border: 1px solid black;
    color: white;
    background-color: #231815;

}
/**
 * ボディー部共通
 */
#mainColumn p {
    padding: 10px 20px;
    line-height: 150%;
}
#mainColumn figure.left {
    padding-left: 20px;
    line-height: 150%;
}
#mainColumn a {
    color: #0040FF;
    text-decoration: none;
}
#mainColumn a:hover {
    text-decoration: underline;
}
/**
 *
 */
.icon-before:before {
    display: inline-block;
    width: 1em;
    height: 1em;
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    float: left;
}
.icon-after:after {
    display: inline-block;
    width: 1em;
    height: 1em;
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    float: right;
}
a.green, a.green:hover, a.green:focus, a.green:active, a.green:visited {
    color: #448101;
}
section.type-of-therapy h2 span.first-letter, login-member-servise h2 span.first-letter {
    font-size: 32px;
    padding-top: 4px;
    letter-spacing: 2px;
}
section.type-of-therapy {
    position: relative;
    padding-bottom: 45px;
    margin-bottom: 90px;
}
section.type-of-therapy:after {
    position: absolute;
	bottom: 100px;
    left: 60px;
    content: "";
    height: 690px;
    width: 100%;
    z-index: -2;
    background: #B9C9C6;
}
section.type-of-therapy h2 {
   /* display: block;*/
}
section.type-of-therapy h2 span {
    display: block;
    float: left;
}
section.type-of-therapy h2 span:first-child {
    color: green;
    margin-right: .5em;
}
section h2 span.first-letter {
    font-weight: normal;
    display: block;
    float: left;
}

.type-of-therapy h2:before
{
    display: inline-block;
    float: left;
    width: 1em;
    height: 1em;
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images/top/icon-therapy.png);
}
.other-header .type-of-therapy h2:before
{
    background-image: url(../images/top/icon-therapy-o.png);
}
.type-of-therapy .description {
    margin-bottom: 30px;
}
.type-of-therapy .description p {
    margin: 1em 0;
}
.type-of-therapy .description-thin img {
    margin-bottom: 20px;
}
.type-of-therapy > div.types {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.type-of-therapy h3 {
    font-size: 18px;
    color: white;
    line-height: 1.33;
}
.type-of-therapy > div.types > div {
  width: calc(100%/4.1);
   min-height: 114px;
    text-align: center;
    color: white;
    background:linear-gradient(315deg, transparent 20px, #448101 20px);
    background-position: top left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    padding: 1em;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
}
.type-of-therapy > div.types:last-child > div {
width: calc(100%/4.1);
}
.type-of-therapy a, .type-of-therapy a:hover,
.type-of-therapy a:focus, .type-of-therapy a:active,
.type-of-therapy a:visited, #side-menu a, .type-of-therapy a:hover,
#side-menu a:focus, #side-menu a:active,
#side-menu a:visited {
	color: #fff;
}
.search-icon:before {
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    content: "\f002";
    font-weight: 900;
    text-align: center;
    color: white;
}
.opBtn { display: block; width: 3em; font-size: 13px;}
.opBtn:before { content: '[＋]';}
.opBtn.close:before { content: '[－]';}
.opBox { display: none;}
.opBtn.close {
    float:none;
}
div.paginate {
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
}
ul.page-numbers {
	display: block;
}
ul.page-numbers li {
	display: inline-block;
	height: 2em;
	margin: 5px;
}

#main ul.page-numbers span, #main ul.page-numbers a {
	font-size: 13px;
	line-height: initial;
	display: block;
	padding: .5em 1em;
	border: 1px solid #654665;
	border-radius: 2px;
}
ul.page-numbers .current {
	background-color: #656465;
	color: #fff;
}
ul.page-numbers a {
	color: #656465;
}
ul.page-numbers .dots {
	border: none;
}
.sp {
	display: none;
}
.center {
	text-align:center;
}

/**
 * スマホ
 **/
@media screen and (max-width: 767px) {
    img {
        max-width: 100%;
    }
    .site-header,
    .content-area,
    header > div, header > nav,
    #content {
        max-width: 100vw;
    }
    .member-headnav{
width: auto;
float: right;
}
    #primary, .content-area {
        margin: 0;
        padding: 0;
    }
	.sp {
		display: initial;
	}
	.pc{
	    display: none !important;
	   }
    header .site-branding {
width: 30%;
height: initial;
float: left;
text-align: left;
margin-left: 2%;
margin-top: 1em;
    }
    header .site-branding .custom-logo-link {
margin-top: 15px;
}
	header .site-branding a {
		width: 100%;
		margin: 0 auto;
	}
	header .site-branding img {

	}
	header > .language {
		display: none;
	}
	header .sp-right .language, header #sp-nav-button {
		display: block;
		width: auto;
		height: 60px;
		margin-left: 5px;
		margin-top:5px;
		margin-bottom:5px;
		padding-left:2px;
		padding-right:2px;
	}
	header .sp-right .language {
		float: left;
		color: #000;
		font-size: 10px;
	}
	.language a:visited, .language a:focus, .language a:active,
	.language a:hover {
		color: #000;
	}
	header #sp-nav-button {
		float: none;
clear: both;
	}
	header #sp-nav-button ul{
display:flex;
justify-content: space-between;
	}
		header #sp-nav-button ul li{
text-align:center;
width:100%;
}
		header #sp-nav-button ul li a{
	font-size: 10px;
font-weight: bold;
color:#fff;
}
	header .sp-right {
		width: auto;
		height: auto;
		float: right;
		margin-right: 1.2%;
	}
	header .sp-right .language a:before {
		width: 25px;/*調整のためwidthおよびheightを40pxから25pxに変更*/
		height: 25px;
		background-image: url(../images/common/sp/icon_language.png);
		display: block;
		margin: 5px auto 0;
	}
	nav#site-navigation {
    display: none !important;
}
	.navbar-toggler {
		border: none;
		text-align: center;
		width: 100%;
		min-height: 70px;
	}
    .site-header {
        height: initial;
        padding: 0;
background-color: #316419;
}
.logged-in header{
background-color: #006699;
}
.logged-in #side-menu{
background-color: #006699;
}
.logged-in footer .site-description{
background-color: #006699;
}
.logged-in footer .footer-l h3 img, .logged-in footer .footer-cl h3 img, .logged-in footer .footer-cr h3 img, .logged-in footer .other .footer-l h3 img {
vertical-align: middle;
width: 12%;
margin-right: 3%;
background-color: #006699;
}
.other .footer-l h3 img, .other .footer-cl h3 img{
background-color:#d97300 !important;
}
.other-color {
background-color: #d97300 !important;
}
.logged-in footer .site-info h3{
color: #006699;
}
.logged-in footer .site-info h3 a, .logged-in footer .site-info h3 a:hover, .logged-in footer .site-info h3 a:focus, .logged-in footer .site-info h3 a:visited, .logged-in footer .site-info h3 a:active {
color: #006699;
}
.other-color .site-info h3 a, .other-color .site-info h3 a:hover, .other-color .site-info h3 a:focus, .other-color .site-info h3 a:visited, .other-color .site-info h3 a:active {
color: #d97300 !important1;
}
.other-color .site-info h3 {
color: #d97300 !important;
}
.spnav-top{
float:right;
margin-top: 20px;
}
.spnav-top li{
float: left;
font-size: 10px;
font-weight: bold;
line-height: 1.8;
margin-right: 0.5em;
}
.spnav-top li a{
color:#fff;
}
.shop-spnav-btn:before{
content:"";
	display:inline-block;
width: 16px;
height: 16px;
	background:url(../images/common/shop-spnav-icon01.png) no-repeat;
	background-size:contain;
}
.language-spnav-btn:before{
content:"";
	display:inline-block;
width: 16px;
height: 16px;
	background:url(../images/common/language-spnav-icon01.png) no-repeat;
	background-size:contain;
}
.mypage-spnav-btn:before{
content:"";
	display:inline-block;
width: 16px;
height: 16px;
	background:url(../images/common/login-spnav-icon01.png) no-repeat;
	background-size:contain;
}
.login-spnav-btn:before{
content:"";
	display:inline-block;
width: 16px;
height: 16px;
	background:url(../images/common/login-spnav-icon01.png) no-repeat;
	background-size:contain;
}
.logout-spnav-btn:before{
content:"";
	display:inline-block;
width: 16px;
height: 16px;
	background:url(../images/common/logout-spnav-icon01.png) no-repeat;
	background-size:contain;
}
	#sp-site-navigation #primary-menu li {
		text-align: center;
		/*border-bottom: 1px dotted #fff;*/
		padding: .5em 0;
		width: 95%;
		margin: 0 auto;
	}
	#sp-site-navigation #primary-menu li:last-child {
		border: none;
	}
	#sp-site-navigation #primary-menu li a {
		font-size: 17px;
		color: #fff;
	}
	#sp-site-navigation #primary-menu li a:hover,
	#sp-site-navigation #primary-menu li a:focus,
	#sp-site-navigation #primary-menu li a:visited,
	#sp-site-navigation #primary-menu li a:active {
		color: #fff;
	}
	#sp-site-navigation .bg-white {
		width: 100%;
		background-color: #fff;
	}
	#sp-site-navigation .menu-title {
		background-color: #448001;
		color: #fff;
		text-align: center;
		padding: .5em 0;
	}
	.navbar-toggler-icon {
		background-image: url(../images/common/sp/icon-menu.png);
		display: block;
		vertical-align: middle;
		margin: 0 auto;
	}
#side-menu span {
padding: 0;

}
    .link-seminar,  .link-search {
margin-bottom: 0;
background-color: #fff;
border-radius: 4px;
padding: .5em 1em !important;
line-height: 33px;
    }
        .link-seminar a span , .link-seminar a span:hover, .link-search a span , .link-search a span:hover{
color:#448001 !important;
font-weight:bold;
font-size:16px;
    }
        .logged-in .link-seminar a span , .logged-in .link-seminar a span:hover, .logged-in .link-search a span , .logged-in .link-search a span:hover{
color:#006699 !important;
font-weight:bold;
font-size:16px;
    }
    .link-seminar img, .link-search img {
width: 30px;
vertical-align: middle;
float: left;
    }
     .link-top{
         padding:0;
         margin:0 1%;
         text-align: right;
    }
    .link-top img{
        width:50%;
    }
	#sp-nav {
		background-color: #316419;
	}
	#sp-nav .swpm-username-label {
		font-size: 16px;
		line-height: 2em;
	}


	#sp-nav #header-menu-for-patients {
		width: calc(100% - 20px);
		text-align: center;
		margin: 10px;
	}
    .header-login, .language {
        display: none;
    }

    #side-menu {
writing-mode: initial;
top: auto;
bottom: 0;
width: 100vw;
z-index: 2;
height: 4em;
display: flex;
justify-content: space-evenly;
background-color: #316419;
padding: .5em;
font-size: 14px;
    }
	#side-menu span {
/* display: table; */
/* vertical-align: middle; */

	}
    #content {
        padding: 0 .5em;
    }
	footer .site-description {
padding-top: 15px;
padding-bottom: 10px;
padding-left: 20%;
	}
	.site-info {
		padding-left: .5em;
	}
	#header-menu-for-patients, #header-menu-for-others {
width: 100%;
height: 38px;
line-height: 38px;
float: right;
text-align: left;
border: 1px solid #DA7300;
margin-bottom: 20px;
}
	section h2 span {
float:none;
}
.seminar h2 , .movie h2 , .news-and-topics h2, .type-of-therapy h2, .login-member-servise h2 {
border-bottom: solid 3px #c7c7c7;
position: relative;
float: left;
width: 100%;
font-weight: bold !important;
}

.seminar h2:after , .movie h2:after , .news-and-topics h2:after , .type-of-therapy h2:after, .login-member-servise h2:after {
content: "";
display: block;
line-height: 0;
overflow: hidden;
position: absolute;
left: 0;
bottom: -3px;
width: 30%;
border-bottom: 3px solid #448001;
}
.news-and-topics ul li:last-child{
display:none;
}
.row.seminar h3 {
background-color: transparent !important;
padding: 5px 0px 15px 0px !important;
color: #000 !important;
display: inline-block;
font-weight: bold !important;
}
.ok-doctor{
text-align:center;
margin:20px auto;
}
.ok-doctor a{

}
.ok-doctor-btn{
margin: 20px auto;
/* display: block; */
width: 70%;
height: 38px;
border: 1px solid #448101;
padding-right: 5px;
}
.ok-doctor-icon{
background-color: #448001;
/* display: inline; */
height: 100%;
float: left;
padding-top: 2.5%;
/* vertical-align: middle; */
/* padding: 2.2%; */
}
.ok-doctor-arrow {
/* display: inline; */
height: 100%;
float:right;
padding-top: 2.5%;
/* vertical-align: middle; */
/* padding: 2.2%; */
}
.ok-doctor-btn span{
color: #448101;
font-weight: bold;
font-size: 18px;
vertical-align: middle;
/* margin-top: 1%; */
/* display: block; */
line-height: 36px;
}
.ok-doctor a:before{
background-image: url(../images/common/ok-doctor-icon.png);
}
.ok-doctor-icon img{
vertical-align: middle;
width: 80%;
}
.btn-right{
float: right !important;
font-size: 12px;
width: 140px !important;
margin-top: 5px;
}
.clock{
width: 14px;
margin-right: 5px !important;
}
#top-image-sp img{
width:100%;
}
    .site-info h3 {
        width: 90%;
    }
    .site-info {
min-height: 0;
background-color: #f2f2f2;
color: white;
padding: 0px 0 0 0;
}
.site-info ul li {
font-size: 12px;
line-height: 2em;
border-bottom: 1px solid #666;
margin: 0 16px;
padding: 20px 10px;
}
.site-info ul li:last-child {
border-bottom:5px solid #c8c8c8;
}
.site-info h3 {
width: 92%;
color: #448001;
font-size: 18px;
font-weight: bold;
display: block;
border: none;
margin: 0 16px;
padding:20px 0;
border-bottom:5px solid #c8c8c8;
}
.footer-cl ul, .footer-cr ul {
 margin-bottom: 0px;
}
.site-info h3 a, .site-info h3 a:hover, .site-info h3 a:focus, .site-info h3 a:visited, .site-info h3 a:active {
color: #448001;
}
.site-info a, .site-info a:hover, .site-info a:focus, .site-info a:visited, .site-info a:active {
color:#000;
}
.site-info a:before {
background-image: url(../images/common/footer_arrow-sp.png);
}
footer .site-branding img {
width:40%;
}
footer .site-description {
background-color: #316419;
margin-top: 40px;
}
	.footer-l, .footer-cl, .footer-cr, .other .footer-l {
		width: 100%;
	}
	footer:before {
display:none !important;

}
    .footer-r {
padding: 0;
margin: 1em auto;
display: flex;
flex-direction: column;
align-items: center;
/* margin-top: 24px; */
    }
	.footer-l h3 span, .footer-cl h3 span, .footer-cr h3 span, .other .footer-l h3 span{
vertical-align: middle;
	}
		.footer-l h3 img, .footer-cl h3 img, .footer-cr h3 img, .other .footer-l h3 img{
vertical-align: middle;
width: 12%;
margin-right: 3%;
background-color: #448001;
	}
	.logged-in .footer-cl h3:nth-child(3) {
margin-bottom: 0;
}
.type-of-therapy > div.types:last-child{
margin-bottom:20px;
}
    .copyright {
padding: 1em 0 6em;

}
	#freeword-search {
		display: none;
	}
	#sp-nav #header-menu-for-others {
		width: calc(100% - 20px);
		margin: 10px;
		text-align: center;
	}
	#sp-nav #header-menu-for-others a:before {
		float: none;
		vertical-align: middle;
	}
	#sp-nav #header-menu-for-others a:after {
		content: none;
	}
	.mw_wp_form input, .mw_wp_form textarea {
		max-width: 70%
	}
.footer-sp-other-color{
color:#d97300 !important;
}
.footer-sp-other-color a{
color:#d97300 !important;
}
.type-of-therapy > div.types > div {
/* width: 300px; */
/* height: 114px; */
text-align: left;
color: #999;
background: transparent;
/* background-position: top left; */
/* background-size: 100% 100%; */
/* background-repeat: no-repeat; */
/* margin-bottom: 20px; */
padding: .5em;
/* display: flex; */
/* align-items: center; */
/* justify-content: space-around; */
/* flex-direction: column; */
border-bottom: 1px solid #666;
margin-bottom: 10px;
}
section.type-of-therapy h2 span.first-letter, section h2 span.first-letter {
font-size: 80%;
padding-top: 4px;
letter-spacing: 2px;
color: gray;
font-style: italic;
}
.search-clinic-bgcolor{
background-color:#d97300 !important;
}
.search-clinic-txt-color{
color:#d97300 !important;
}
.search-clinic-color h2 span:first-child {
color:#d97300 !important;
}
.search-clinic-color h2:after {
border-bottom: 3px solid #d97300 !important;
}
.type-of-therapy h3 img {
vertical-align: middle;
width: 16px;
margin-right: 5px !important;
}
.type-of-therapy h3 {
font-size: 16px;
color: #d97300;
line-height: 1.33;
font-weight: bold !important;
text-indent: -21px;
margin-left: 21px;
}
.type-of-therapy p {
margin-top: .3em;
/*margin-left: 21px;*/
font-size: 14px;
color: #333;
line-height: 1.33;
font-weight: normal;
}
}
@media screen and (max-width: 600px){
header .sp-right .language, header #sp-nav-button {
display: block;
width: auto;
height: 60px;
margin-left: 0px;
margin-top: 5px;
margin-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
header #sp-nav-button ul li a{
font-size:8px;
white-space:nowrap;
}
header #sp-nav-button ul li img{
height:30px;
}

base.css:725.spnav-top li {
float: left;
font-size: 9px;
font-weight: bold;
line-height: 1.8;
margin-right: 0.5em;
}
.spnav-top {
float: right;
margin-top: 20px;
}
.spnav-top li {
float: left;
font-size: 9px;
font-weight: bold;
line-height: 1.8;
margin-right: 0.5em;
}

.link-seminar img, .link-search img {
width: 22px;
vertical-align: middle;
float: left;
}
#side-menu span {
padding: 0;
/* margin: 5px; */
font-size: 14px;
}
.link-seminar img, .link-search img {
width: 22px;
vertical-align: middle;
float: left;
}
.link-seminar, .link-search {
margin-bottom: 0;
background-color: #fff;
border-radius: 4px;
padding: .7em .5em !important;
line-height: 28px;
}
.shop-spnav-btn:before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
background: url(../images/common/shop-spnav-icon01.png) no-repeat;
background-size: contain;
}
.language-spnav-btn:before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
background: url(../images/common/language-spnav-icon01.png) no-repeat;
background-size: contain;
}
.mypage-spnav-btn:before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
background: url(../images/common/login-spnav-icon01.png) no-repeat;
background-size: contain;
}
.login-spnav-btn:before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
background: url(../images/common/login-spnav-icon01.png) no-repeat;
background-size: contain;
}
.logout-spnav-btn:before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
background: url(../images/common/logout-spnav-icon01.png) no-repeat;
background-size: contain;
}
}
/**
 * 暫定対応
 */
/*.woocommerce .woocommerce-product-gallery, .woocommerce .summary, .woocommerce .related.products, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.additional_information_tab, .woocommerce div.product .woocommerce-tabs ul.tabs {
	display: none;
}*/

.btn-grey {
	color: white;
	background-color: grey;
}
header .language a, header .language a:hover, header .language a:visited,
header .language a:active, header .language a:focus {
	color: #448101;
}
.woocommerce-order-received p.order-print {
	display: none;
}


#footer-toggle {
	display: none;
}
.type-of-therapy > div.types > div#more-types {
	display:none;
}
@media screen and (max-width: 767px) {
	.type-of-therapy > div.types > div#more-types {
		display: block;
	}
	.type-of-therapy > div.types > div:nth-child(n+7) {
		display: none;
	}
	.type-of-therapy .top-formulation-btn a {
		width: 100%;
	}
	footer .site-info .row {
		display:none;
	}
	#footer-toggle {
		display: block;
		float: right;
		color: #fff;
		margin-right: 1.5em;
		padding-left: 1em;
		line-height: 2em;
		border-left: 1px dashed #fff;
	}
	#more-types > span {
		float:right;
		border: 1px solid #316419;
		background-color: #316419;
		color: white;
		padding: .5em 1.5em;
	}
	#more-types > span:after {
		content: "-";

		display: inline-block;
		margin-left: .5em;
	}
	#more-types.open > span:after {
		content: "+";
	}
        .shop-footer .footer-r > h3 {
               width: 92vw;
        }
        .home header .site-branding {
               width: 65%;
               padding-top: 20px;
               text-align: center;
               margin: 0;
               padding: 0;
        }
	.home .site-header {
		background-color: #fff;
	}
        .home .site-branding a {
                width: 70%;
         }
	.page-membership-profile #sp-nav-button ul li p {
		font-size: 8px;
		line-height: initial;
		margin: 0;
	}

}
@media screen and (min-width: 768px) {
    #side-menu .link-top {
        position: fixed;
        right: 40px;
        bottom: 40px;
        display: block;
        width: 42px;
        height: 42px;
    }
    #side-menu .link-top > a, #side-menu .link-top img {
        width: 42px;
        height: 42px;
        display: block;
    }
    #side-menu .link-top > a:focus, #side-menu .link-top img:focus {
       outline: none;
    }
	.padding-top-0 {
		padding-top: 0!important;
	}

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

.woocommerce-checkout .d-none {
	display: none!important;
}
.woocommerce-checkout .collapse:not(.show) {
    display: none;
}
@media (min-width: 1200px) {
.woocommerce-checkout .d-xl-block {
    display: block!important;
}
}

/* 会員ログイン（マスターズクラブ）スマホ表示調整 */
@media screen and (max-width: 767px){
.members-template-default .site-header {
background-color: #006699;
}
.login-members .site-description{
background-color:#006699;
}
.login-members .footer-l h3 span,.login-members .footer-cl h3 a,.login-members .footer-cr h3{
color:#006699;
}
.login-members-side-bgcolor{
background-color:#006699 !important;
}
.login-members-side-bgcolor a span{
color:#006699 !important;
}
.login-members-side-bgcolor a img{
margin-right:5px;
}

.login-member-allince h2 {
border-bottom: solid 3px #c7c7c7;
position: relative;
float: left;
width: 100%;
font-weight: bold !important;
margin-bottom: 30px;
}
.login-member-allince h2 span {
color: #006699;
margin-right: .5em;
display: block;
float: left;
}
.login-member-allince h2:before {
background-image: url(../images/members/icon-loginmember-alliance.png);
display: inline-block;
float: left;
width: 1em;
height: 1em;
content: "";
background-size: contain;
background-repeat: no-repeat;
}
.login-member-allince h2:after {
content: "";
display: block;
line-height: 0;
overflow: hidden;
position: absolute;
left: 0;
bottom: -3px;
width: 30%;
border-bottom: 3px solid #006699;
}
.login-member-allince h2 span.first-letter {
font-size: 80%;
padding-top: 4px;
letter-spacing: 2px;
font-weight: normal;
display: block;
float: left;
color: black;
color: gray;
font-style: italic;
}
section h2 span.first-letter:first-letter {
color: #3399CC !important;
}

.login-member-allince h2 span.first-letter:first-letter {
color: #3399CC !important;
}
.login-member-h2-border:after{
border-bottom: 3px solid #3399CC !important;
}
}
@media screen and (max-width: 767px) {
	#sp-nav-slide {
		position: relative;
		left: 0;
		bottom: 0;
		background: #fff;
		width: 100%;
		z-index: 99;
		display: none;
		padding: 0 1em;
	}
	#sp-nav-slide a {
		width: 100%;
		margin: 0 auto;
		display: block;
		padding: 1em;
		border-bottom: 1px dotted black;
		color: #006699 !important;
	}
        .medical-page #sp-nav-slide a {
                color: #448001!important;
        }
	#sp-nav-slide a:last-child {
		border: none;
	}
}
.other-header .link-seminar,
.other-header .site-info,
.other-header header#masthead .header-login,
.other-header .sub-menu {
	background-color: #d97300!important;
}
.other-header section.type-of-therapy h2 span:first-child, .other-header #header-menu-for-doctors a, .other-header #header-menu-for-doctors a:hover, .other-header #header-menu-for-doctors a:visited, .other-header #header-menu-for-doctors a:focus, .other-header #header-menu-for-doctors a:active, .other-header #header-menu-for-others a:hover, .other-header #header-menu-for-others a:focus {
color: #d97300;
}
.other-header .sub-menu li a:hover {
        color: #d97300!important;
}
.other-header .type-of-therapy > div.types > div {
	background: linear-gradient(315deg, transparent 20px, #d97300 20px);
}
.other-header #header-menu-for-doctors > div, .other-header .type-of-therapy {
border-color: #d97300;
}
@media screen and (max-width: 767px) {
	.other-header .type-of-therapy > div.types > div {
background: transparent;
}
}

header .header-login .swpm-login-widget-form input {
	border-radius: 2px;
	height: 20px;
	width: 200px;
}
.swpm-login-widget-form {
	float: right;
	font-size: 12px;
}
.swpm-login-widget-form > form > div > div {
	display: inline-block;
	float: left;
	border: none;
	margin-right: 8px;
}
button.login {
	background-color: #000;
	color: #fff;
	width: 86px;
	height: 20px;
	border: 1px solid #000;
	border-radius: 2px;
	padding: 0;
}
button.login:before {
	display: inline-block;
	width: 1em;
	height: 1em;
	content: "";
	background-image: url(../images/top/icon-login.png);
}
button#pc-login.login {
	margin-left: .5em;
}
.swpm-login-widget-form {
	display: none;
}
.swpm-login-widget-form.pc-popup {
	display: flex;
	align-items:center;
	justify-content: center;
	width: 100vw;
	height: 100vh;
	position:fixed;
	top:0;
	left: 0;
	z-index:999;
	background: rgba(255,255,255, .6);
}
.swpm-login-widget-form.pc-popup form > div {
	display: flex;
	flex-direction: column;
	background: #fff;
	border-radius: 8px;
	padding: 1em;
	color: #000;
	font-size: 18px;
	align-items: center;
	box-shadow: 0 0 10px rgba(0,0,0,.5);
}
@media screen and (min-width: 768px) {
	.entry-content .swpm-login-widget-form {
		display: block;
	}
	.entry-content .header-login-button {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	#sp-nav #swpm-login-form > div > div {
		width: 100%;
		float: none;
		text-align: center;
		color: #fff;
	}
	#sp-nav #swpm-login-form button {
		width: 110px;
		height: 25px;
		float: none;
		margin: 0 auto;
	}
	.header-login.sp-popup {
		display: block;
		width: 0;
		height: 0;
	}
	.sp-popup .swpm-login-widget-form {
		display: flex;
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99;
		background: rgba(255,255,255,.6);
		text-align: center;
		color: black;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.sp-popup .swpm-login-form-inner {
		border: 1px solid grey;
		border-radius: .5em;
		padding: 4em;
		background: white;
		filter: drop-shadow(2px 4px 6px black);
	}
	.sp-popup .swpm-login-widget-form > form > div > div {
		display: block;
		float: none;
		margin: 0 auto;
	}
	.sp-popup #swpm-login-form.sp {
		z-index: 100;
	}
	.sp-popup #swpm-login-form.sp input {
		height: initial;
	}
	.entry-content .swpm-login-widget-form {
		display: initial;
	}
}
header#masthead .inner .language-pcnav-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 1em;
	height: 60px;
	background: #00ACB9;
	color: #fff;
	text-decoration: none;
}
header#masthead .inner .language-pcnav-btn a {
	color: #fff;
}
header#masthead .inner .language-pcnav-btn:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 8px;
	background: url(../images/common/language-spnav-icon01.png) no-repeat;
	background-size: contain;
}
header#masthead .inner input[type=text][name="s"] {
	width: 420px;
}


.page-id-14084 #main .type-of-therapy h3:before,
.page-id-14084 #main .type-of-therapy h3:after {
	display: none;
}
.page-id-14084 #main section.type-of-therapy {

}
.page-id-14084 #main .type-of-therapy:after {
	height: 410px;
	bottom: 70px;
	left: 20px;
}
.page-id-14084 #main .type-of-therapy a:hover,
.page-id-14084 #main .type-of-therapy a:hover h3,
.page-id-14084 #main .type-of-therapy a:hover p{
	text-decoration: underline;
}
.page-id-14084 #main .type-of-therapy h3 {
	margin: 0;
	padding: 0;
	line-height: 1.33;
	font-size: 18px;
	border: none;
	font-weight: normal;
}
.page-id-14084 #main .type-of-therapy p {
	line-height: initial;
	color: #fff;
	margin-bottom: 0;
	font-size: 13px;
}
@media screen and (max-width: 767px) {
	.page-id-14084 #main #type-of-therapy {
		width: 100%;
		padding: 0 1em;
	}
	.page-id-14084 #main .type-of-therapy > div.types {
		display: block;
		width: 100%;
	}
	.page-id-14084 #main .type-of-therapy > div.types > div {
		width: 100%;
		display: block;
	}
	.page-id-14084 #main .type-of-therapy:after {
		display: none;
	}
	.page-id-14084 #main .types h3 {
		font-size: 16px;
		color: #448001;
		line-height: 1.33;
		font-weight: bold !important;
		text-indent: -21px;
		margin-left: 21px;
		text-align: left;
	}
	.page-id-14084 #main .types h3 span{
		font-size: 14px;
		color: #448001;
		line-height: 1.33;
		font-weight: bold !important;
	}
	.page-id-14084 #main .types p {
		margin-top:.3em;
		margin-left:21px;
		font-size: 14px;
		color: #333;
		line-height: 1.33;
		font-weight:normal;
		text-align: left;
	}
	.page-id-14084 #main .type-of-therapy > div.types > div:nth-child(n+7) {
		display: none;
	}
}