/* 記事のヘッダーを強調する */
.article-header {
    position: absolute;
    bottom: 0; /* 下端に配置（上にしたければ top:0;） */
    left: 0;
    right: 0;
    background: #399975;
    color: #fff;
    padding: 10px 20px;
    margin: 0;
}

.article-header h1 {
    font-size: 1.0em;
    font-weight: bold;
    color: #fff;
    margin: 0;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
}










/* 記事本文（article-details内）のみ非表示 */
.article-details .float-hide-img img {
    display: none !important;
}


#sppb-addon-3fb76740-fcb1-485a-a056-0cbea42f0b50 img {
	display: inline;
}


.nspArt img.nspImage {
    max-width: 100%;
    height: auto !important;
}


img.inKIJI {
    max-width: 100%;
    height: auto;
    border-radius: 0px !important;
}


@media screen and (max-width: 450px) {
        .amazon img{
                width: 60% !important;
                height: 60% !important;
        }
}


.blog .article {
        background-color: #eee;
        border: 1px solid #ccc;
}


/* Joomla Article: image class  EX: 800 (CSS: flota-800) = width 800px  Top IMAGE */

.float-w400 img {
        width: 400px;
}

.float-w600 img {
        width: 600px;
}

.float-w800 img {
        width: 800px;
}

.float-w1000 img {
        width: 1000px;
}

.float-w1200 img {
        width: 1200px;
}

.no_round img{
        border-radius: 0px !important;
}


.article-details  img {
        border-radius: 12px;
}




/*
.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
	-moz-animation:blink 1.5s ease-in-out infinite alternate;
	 animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0.1;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0.1;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0.1;}
    100% {opacity:1;}
}
*/


p.text_underHR {
    --bs-nav-tabs-border-width: 1px;
    --bs-nav-tabs-border-color: #dee2e6;
    --bs-nav-tabs-border-radius: 0.375rem;
    --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
    --bs-nav-tabs-link-active-color: #495057;
    --bs-nav-tabs-link-active-bg: #fff;
    --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
    margin: 0px;
}



.text_indent_4 {
  text-indent: -4em;
  padding-left: 4em;
}

p.text_indent_4 {
        margin: 0px;
}

.login_pos_right {
	float: right;
}


.passport_pixsize {
    max-width: 480px;
}

.nspArt h4.nspHeader {
    width: 200px;
}

.nspArt .tcenter {
   text-align: left !important;
}

.breadcrumb {
  background-image: linear-gradient(90deg, rgba(89, 173, 241, 0.2), rgba(207, 253, 157, 0.2));
  padding: 0.3em 1em 0.3em 1em;
  width:fit-content !important;
}




/*

.app_intro table {
  border-collapse: separate;
  border-spacing: 6px;
}

.app_intro td:nth-child(1) {
  border: 0px !important;
}

.app_intro td:nth-child(2) {
  border-radius: 0 10px 10px 0;
}
*/



/*
@media (max-width: 767px) {
        .WW {
                display: none;
        }
}
@media (min-width: 768px) {
        .WS {
                display: none;
        }
}
*/
/*
@media (max-width: 767px) {
	.WS {
	font-size: 40% !important;
     }
}
*/

.myTitle {
	padding-right: 2em;
	margin-left: -3em;
}
.nspArt h4.nspHeader {
    font-size: 10px !important;
    padding: 10px 0 5px 0 !important;
}


.uline {
    color: #333;
    text-decoration: 2px underline wavy green;
    text-underline-offset: 2px;
    text-align: center;
    font-weight: bold;
}

.intro-kouza a.readon.inline {
    float: left;
}

.nspArt .tleft {
/*	text-align: right !important; */
/*	text-align: center !important; */
}
.nspArt .fnone {
	padding-right: 2em;
}
.nspArt .fright {
	float: left !important;
}

.sp-copyright {
        display: block;
        text-align: center;
}


li.content-links-a, li.content-links-b {
	margin-right: 1em;
}

li.content-links-a::before, li.content-links-b::before {
        content: "●";
        color: #FF6600;
}


.login-form {
	width: 250px;
}

.login-form .unstyled {
        display: none;
}

.login-form #form-login-remember {
        display: none;
}

.amazon .nspCol5 {
	width: auto;
}


.special-column {
  width: 80%;
  margin: 0 auto;
  max-width: 100%;
}

.easyfileuploader .btn {
  display: block;
  width: 4em;
  height: 40px;
  text-decoration: none;
  background: #8CD460;
  text-align: center;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: bold;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  box-shadow: 0px 0px 0px 4px #8CD460;
  transition: all 0.5s ease;
  margin-bottom: 1em;
  padding-light;
  6em;
}

.easyfileuploader .btn a:hover {
  background: #A8FF73;
  color: #999999;
  margin-left: 0px;
  margin-top: 0px;
  border: 1px solid #FFFFFF;
  box-shadow: 0px 0px 0px 4px #8CD460;
}

.sidebyline {
  display: inline-block;
  background-color: #ccc;
  padding: 20px;
  height: 100px;
}

h4:has(~ .past-article) {
  /*       border-top: 6px solid #fff; */
  margin-top: 10px !important;
/*  background-color: #777; */
  background-color: #6CA28D;
  color: #eee;
  padding: 0px !important;
}

.past-article {
  background-color: #ffffe0;
  border: 1px solid #6CA28D;
  padding-top: 8px;
  padding-right: 1em !important;
  padding-left: 1em !important;
  padding-bottom: 8px;
}

.gkArtContentWrap {
  /*	width: 95% !important; */
  margin-right: 1em !important;
}

.nspArt .nspInfo a {
  font-size: 10pt;
  color: #fff !important;
  display: inline-block;
  padding: 0.1em 0.2em;
  margin: 1em 0;
  /*    font-weight: bold; */
  border: solid 1px #6CA28D;
  background-color: #6CA28D;
  text-decoration: none;
  box-shadow: 2px 2px 2px 2px #ccc;
  border-radius: 5px;
  float: right;
}

.nspArt .nspInfo a:before {
  /* content: url('/images/SITE-CONTENTS/tag-icon-16.png'); */
  /* content: url('tag-icon-16WT.png'); */
  content: "【関連】";
  display: inline-flex;
  padding-right: 2px;
  padding-top: 3px;
}

.Rcorner img {
  border-radius: 6px;
  border: solid 1px #88a191 !important;
}

.topics img {
  width: 100%;
  height: 280px !important;
/* 2024-4-19  object-fit: cover; */

}

.intro img {
  width: 100%;
  height: 280px !important;
  object-fit: cover;
}

.semi_intro img {
  width: 100%;
  height: 250px !important;
  object-fit: cover;
}

.logo-image {
  margin-left: 50px !important;
}

@media (max-width: 767px) {
  .logo-image-phone {
    margin-left: 50px !important;
  }
}

.float-pix img {
  float: left;
}

@media (max-width: 767px) {
  .float-pix img {
    float: none;
  }
}

.disp-off {
  display: none;
}

.disp-on {}

.gk5width {
  /*        width: 70%; */
  /*
        margin-right:auto;
        margin-left:auto;
*/
  padding-left: 15%;
  padding-right: 15%;
}

@media (max-width: 767px) {
  .gk5width {
    width: 100%;
    padding-left: 0%;
    padding-right: 0%;
  }
}


/*-------------------------*/

.sp-dropdown-main {
  white-space: nowrap !important;
  width: max-content !important;
}

.sp-dropdown-sub {
  white-space: nowrap !important;
  width: max-content !important;
}

.sp-dropdown-inner {
  filter: drop-shadow(10px 10px 4px rgba(0, 0, 0, 0.4));
  border-radius: 0px 0px 10px 10px;
}

.sp-menu-item li ul:before {
  position: absolute;
  content: "";
  top: 13px;
  left: 0px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: #454e08;
}


/*
.sp-menu-item li ul li ul:before {
  position: absolute;
  content: "";
  top: 13px;
  left: -20px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: #454e08;
}
.sp-menu-item li:last-child ul li ul:before {
  position: absolute;
  content: "";
  top: 13px;
  left: 200%;
  margin-left: -20px;
  border: 5px solid transparent;
  border-right-color: #454e08;
}
*/


/****************************************/

.speasyimagegallery-row {
  margin-left: 15% !important;
  margin-right: 15% !important;
}

.intro {
  /*	width: 100%;  #gk5width#
	padding-right: 15%;
	padding-left: 15%; */
  background-color: #6ca28d;
  color: white;
}

.semi_intro {
  /*        width: 100%; #gk5width#
        padding-right: 15%;
        padding-left: 15%; */
  background-color: #fff;
  color: #333;
}

.app_intro {
  /*        width: 100%; #gk5width#
        padding-right: 15%;
        padding-left: 15%; */
  background-color: #f0f0f0;
  color: #333;
}

.grad_intro {
  /*        width: 100%; #gk5width#
        padding-right: 15%;
        padding-left: 15%; */
  background-color: #6CA28D;
  color: white;
}

.yakuzen_gallery {
  padding-right: 15%;
  padding-left: 15%;
}

.attention {
  background-color: #BF3F3F;
}

.attention .nspArts {
  padding: 0px;
}

.announce {
  background-color: #F3F2EC;
}

.announce .nspArts {
  padding: 0px;
}


/***********************/

.body-innerwrapper {
  overflow: hidden !important;
}

.font-arial {
  font-family: "Yu Mincho", "YuMincho", serif;
}


/* div を横並びにする */

.divflexfullwidth {
  display: flex;
  align-items: center;
  padding-left: 0em;
}


@media screen and (min-width: 999px) {
.divflexfullwidth {
  padding-left: 200px;
 }
}
.noticebg {
  background-color: #BF3F3F;
  /*	border-top: solid 1px #fff; */
  margin-bottom: -1em;
}

.noticebox-date p {
  vertical-align: middle;
  color: #fff;
  padding: 0.2em 1em;
  margin: 1em 0;
}

.noticebox-text {
  display: inline-block;
  font-weight: bold;
  color: #fff;
  border: solid 1px #fff;
  width: 12em;
}

.noticebox-text p {
  margin: 0.2em;
  text-align: center;
}

.notice-msg {
  width: 100%;
  word-break: break-all;
  margin-left: 4em;
}

.noticebox-msg p {
  vertical-align: middle;
  color: #fff;
  padding: 0.2em 1em;
  margin: 1em 0;
}

.nspArt.nspCol1 {
  padding: 0px !important;
}


/* 普通のお知らせ */

.infobg {
  /*	background-color: #F3F2EC; */
  background-color: #fff;
  margin-bottom: -1em;
}

.infobox-date {
/*	margin-right: 1em; */
}

.infobox-date p {
  vertical-align: middle;
  color: #333;
  padding: 0.2em 1em;
  margin: 1em 0;
  width: 8em;
}

.infobox-text {
  display: inline-block;
  font-weight: bold;
  color: #333;
  border: solid 1px #333;
  width: 8em;
}

.infobox-text p {
  margin: 0.2em;
  text-align: center;
}

.info-msg {
  width: 100%;
  word-break: break-all;
  margin-left: 4em;
}

.infobox-msg p {
  vertical-align: middle;
  color: #333;
  padding: 0.2em 1em;
  margin: 1em 0;
}


/* 一般お知らせの「もっと見る」のデザイン */

.info_more {
  font-size: 16px;
  background-color: #008C2D;
  color: #fff;
  justify-content: center;
  position: relative;
  margin-left: 40%;
  display: block;
  /*    margin-left: auto; */
  margin-left: 10%;
  margin-right: auto;
  text-alighn: center;
  width: 120px;
  padding: 6px 20px 6px 20px;
  /* display: var(--moredisplay); */
  /* top: 0.3em; */
}


/* 普通のお知らせのニュースモジュール用 */

.news-show-general-background {
  background-color: #F3F2EC;
}


/*
.news-show-general-background .hasen {
    margin-bottom: -50px;
    padding-bottom: 10px;
}
*/

.news-show-general-background .infobox-date p {
  padding-right: 2em;
}

.news-show-notice-background .noticebox-date p {
  padding-right: 2em;
}

.readon-button-wrap {}


/*
.captionfont {
	background-color: #fff;
	font-weight: bold;
	padding-bottom: 10px;
}
*/

.framepix {
  /* width: 360px !important; */
  /* 	height: 280px !important; 2023-3-12 */
  /*	width: auto !important; */
  margin: 40px;
  padding: 10px;
  background-color: #ffffff;
  box-shadow: rgba(50, 50, 50, 0.8) 0px 23px 28px 4px;
  z-index: -100 !important;
}

.captionfont {
  background-color: #fff;
  font-weight: bold;
  padding-bottom: 10px;
  width: auto;
}

.wf_caption {
  margin: 20px !important;
}


/*****/

.flex_block {
  display: flex;
  flex-wrap: wrap;
}

.kiji_linkbtn {
  width: 300px;
  height: 45px;
  line-height: 45px;
  margin: 0px 20px 0px 20px;
}

.kiji_linkbtn a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  text-align: center;
  color: #333;
  font-size: 20px;
  box-shadow: 0px 2px 2px 0px #DEDEDE;
  transition: all 1s ease;
  font-size: 14px;
  /*    background-image: linear-gradient(-45deg, transparent 10px, #efefef 140px); */
}

.kiji_linkbtn a:hover {
  /*    background:#f7f7f7; */
  background-color: yellow;
  color: red !important;
  box-shadow: 0px 2px 2px 0px #DEDEDE;
  border-top: solid 1px #FF7C5C;
  border-right: solid 1px #FF7C5C;
  border-bottom: solid 1px #FF7C5C;
}

.link_pos_left {
  float: left;
}

@media screen and (min-width: 481px) {
  .link_pos_right {
    float: light;
  }
}

.related-article-list-container {
  margin-top: 30px !important;
}

.article-header a:hover {
  color: #ff6600 !important;
}

.containerauto>div {
  display: inline-block;
  border: 1px solid #000;
  padding: 10px;
  margin: 10px;
  background: #888;
  width: 200px;
}

.item_container_1 {
  background-color: #888;
}

.item_container_2 {
  background-color: #888;
}

.item_container_3 {
  background-color: #888;
}

.item_container_4 {
  background-color: #888;
}


/*  講座イメージカラー */

.KTcolor a {
  background-color: #80F8F8;
  /* ■ 国際中医師資格講座 */
}

.KTcolor a:hover {
  color: #ff7c5c;
}

.KTYcolor a {
  background-color: #99ddff;
  /* ■国際中医薬膳管理師資格講座 */
}

.KTYcolor a:hover {
  color: #ff7c5c;
}

.YKBcolor a {
  background-color: #BDD7EE;
  /* ■ 薬膳管理師BASIC養成講座 */
}

.YKBcolor a:hover {
  color: #ff7c5c;
}

.YCScolor a {
  background-color: #C6E0B4;
  /* ■ 薬膳茶スーパーバイザー養成セミナー */
}

.YCScolor a:hover {
  color: #ff7c5c;
}

.YCTcolor a {
  background-color: #FFFF99;
  /* ■ 薬膳茶スーパーバイザー点心講座 */
}

.YCTcolor a:hover {
  color: #ff7c5c;
}

.ETTcolor a {
  background-color: #CCCCFF;
  /* ■ 易経読解と中医学体質診断セミナー */
}

.ETTcolor a:hover {
  color: #ff7c5c;
}

.TYScolor a {
  background-color: #FFE699;
  /* ■ 中医薬膳生涯学習セミナー */
}

.TYScolor a:hover {
  color: #ff7c5c;
}

.YATcolor a {
  background-color: #F8CBAD;
  /* ■ 公認講師養成講座 */
}

.YATcolor a:hover {
  color: #ff7c5c;
}

.NYAcolor a {
  background-color: #DBDBDB;
  /* ■ 妊娠出産薬膳アセッサー養成講座 */
}

.NYAcolor a:hover {
  color: #ff7c5c;
}

.YAEcolor a {
  background-color: #FFCCFF;
  /* ■ 特別イベント */
}

.YAEcolor a:hover {
  color: #ff7c5c;
}

.YAIcolor {
  /* 薬膳アカデミア紹介 */
  border-left: 10px solid #00b000;
  box-shadow: 0px 2px 2px 0px #DEDEDE;
  transition: all 1s ease;
  background-color: #c6ffc6;
  /*    	background-color: #33aa33; */
  /*    	background-image: linear-gradient(-45deg, transparent 10px, #efefef 140px); */
}

.SEMcolor {
  /* 講座案内 */
  border-left: 10px solid #bae52d;
}

.ATTcolor {
  /* 受講案内 */
  border-left: 10px solid #ffd700;
}

.REFcolor {
  /* 資料ダウンロード */
  border-left: 10px solid #ff8c00;
}

.APPcolor {
  /* お申込み */
  border-left: 10px solid #1e90ff;
}

.table-shape1 td {
  border: solid 1px #B9C2CB;
}

.bg-shape1 {
  background-image: url(../../../images/sheet.png);
  background-repeat: repeat;
  padding: 24px;
}

.article-details .article-header h1, .article-details .article-header h2 {
  font-size: 20px !important;
}

.related-article-list-container .related-article-title {
  font-size: 18px !important;
  background-color: #eee;
  border-top: 3px double #aaa;
}

.article .article-header h2 {
  font-size: 16px !important;
}

#YSM {
  margin-top: -200px;
  padding-top: 200px;
}

#YSA {
  margin-top: -200px;
  padding-top: 200px;
}

#intro-ome {
  margin-top: -200px;
  padding-top: 200px;
}

#intro-saien {
  margin-top: -200px;
  padding-top: 200px;
}

a:hover {
  background-color: gold;
  border-radius: 4px;
  padding-left: 4px;
  padding-right: 4px;
}

.nspArt h4.nspHeader {
  font-size: 18px !important;
  font-weight: bold;
  padding-right: 1em !important;
  width: 100%;
}

@media (max-width: 999px) {
  #sp-header {
    height: 60px !important;
  }
}

@media (max-width: 1200px) {
  #sp-header .logo {
    margin-left: -40px !important;
  }
}

.row>* {
  padding-right: calc(var(--bs-gutter-x) * .0) !important;
}

.nspArt .fleft {
  float: none !important;
  /* なぜか、GK5 講座紹介（トップ）のセンター記事が右側に浸食したので left からnoneにした */
}

@media (min-width: 999px) {
  .pix-horizontal {
    display: flex;
    /* img のcss が縦並びがデフォルトの設定の模様なので */
  }
}

a {
  color: #1d3994 !important;
}

.topics a::before {
  /*  content: '詳細はこちら ⇒ ';;  */
    content: '詳細 ⇒ ';; 
}

.topics_n a::before {
	content: '';;
}

.sp-megamenu-parent a {
  color: #555 !important;
}


/* */

#sp-bottom1 h3, #sp-bottom2 h3, #sp-bottom3 h3, #sp-bottom4 h3 {
  color: #333;
  padding-left: 0.5em;
  font-size: 1.2em;
  border-left: solid 1px #527b6b;
  border-top: solid 1px #527b6b;
  /*	border-right: solid 1px #527b6b; */
  background-color: #f8f8f8;
}

#sp-main-body {
  padding: 0 0 !important;
}

.bg-custom {
  background-color: #ffffe0;
  padding: 2em;
}