/* ------------------ element ------------------ */
body {
	font: 87.5%/170% Verdana, sans-serif;
	background: #ffffff;
}

/* added 20220907 changed 20231006 */
#page{
    /* background-image: linear-gradient( to bottom, #fff 0px, #CAE2F0 94px, #EDF5FA 272px ); */
    background-color: #EBF4F9;
}

a, a.link {
    	/* color: #223370; */
	text-decoration: none;
    	border-bottom: none;
	border-bottom-width: 1px;
}
h1 a, h2 a{
	border-bottom-width: 1px;
}
h5,.heading-e {
  text-transform: none;
}
h6,.heading-e {
  text-transform: none;
}
a:hover,
a:focus,
.link:hover,
.link:focus {
    text-decoration: underline;
    border-bottom-style: none;
}
a:active,
.link:active {
  color: #3458d7;
}
img, a img {
    border: none;
}
.content a:hover img{
	/* box-shadow: 2px 2px 2px rgba(0,0,0,0.5); */
  	/* transform: translateY(-2px); */
  	/* transition-duration: 0.25s; */
}
p {
    margin: 0 0 0.5em;
}
.content table{
	font-size: 1em;
	width:98%;
	margin-left: 1%;
}
table tr {
	border-bottom:none;
	background: none;
}
table tr th {
	background: #efefef;
	border: none;
	color: #000;
}
table tr td {
        border: none;
}
@media all and (min-width: 461px) and (max-width: 850px) {
	.scroll-table table {
        	display: block;
        	overflow-x: scroll;
	}
}
@media screen and (max-width: 460px) {
	.scroll-table table {
  		display: block;
  		overflow-x: scroll;
	}
	.content table{
        	width:99%;
        	margin-left: 0;
	}
	.content .node__content p {
    		margin: 10px 0 !important;
	}
}
/* ------------------ Header ------------------ */
@media (min-width: 851px){
	.layout-container {
    		/* max-width: 100%; */
                max-width: 1270px; /* added 20220907 */
	}
}
/* /node/1299がトップページを装うため背景に画像を表示せず青にする */
#header {
    /* background-image: url(http://133.40.211.18/files/hero--aterui_dark.png); */
    /* background-size: cover; */
    /* background-repeat: no-repeat; */
    /* background-position: 50%; */
    /* border-top: solid white 1px; */
    /* background-image: linear-gradient( to bottom, #134D95 1px, #2384C0 5px, #59B4ED 116px ); */
    background-image: linear-gradient( to bottom, #001f33 1px, #134D95 5px, #2384C0 116px );
    background-color: #59B4ED;
    box-shadow: inset 0px -3px 4px -2px #2881D6;
    min-height: initial;
    min-height: auto;
}
.block-language{
 position: absolute;
 bottom: 0px;
 right: 20px;
}

.region-header {
    padding: 0.557em 15px 0;
}
.region-header .block:not(.site-branding) a:hover{
	text-decoration: underline !important;
	color: #fffeff !important;
}
.region-header #block-useraccountmenu{
	border: none;
}
.region-header #block-useraccountmenu ul{
        width:100px;
	margin-left: auto;
}
.region-header #block-useraccountmenu li a {
	border-bottom: none;
}
.region-header #block-useraccountmenu li a:hover, .region-header #block-useraccountmenu li a:focus, .region-header #block-useraccountmenu li a:active {
    background: none;
}

.region-header .content p{
        margin: 0;
        font-size: 1.1em;
}

/* added 20230303 for replacing translators*/
.region-header .block:not(.site-branding) {
    margin: 0;
    position: absolute;
    bottom: 5px;
    right: 16px;
}
.region-header svg.ext {
    fill: currentColor;
}
.region-header svg.ext path,
.region-header svg.mailto path {
  stroke: currentColor;
}

/* @media (min-width: 851px){
	.region-header .block:not(.site-branding) {
    		margin: 1.167em 0.6em 0.6em 0;
	}
}*/

@media screen and (max-width: 460px) {
  .header .section {
    background-position:bottom 42px right 20px,56%;
    min-height: 0;
  }
}
@media (max-width: 600px){
	.search-block-form .form-actions .button {
    		display: inline;
		margin:0;
	}
  /* added 20230303 for replacing translators*/
  .region-header .block:not(.site-branding) {
    position: static;
  }
  .region-header .block:not(.site-branding) .content p{
	font-size: 1em;
  }
}
@media (min-width: 461px){
	.region-header .block {
    	margin-top: 0.5em;
	}
}
/* ------------------ page-top button ------------------ */

@media screen and (max-width: 460px) {
#page_top{
width: 40px;
height: 40px;
position: fixed;
right: 3px;
bottom: 3px;
background: #ccc;
opacity: 0.6;
z-index: 999;
border-radius: 50%;
}
#page_top a{
position: relative;
display: block;
width: 40px;
height: 40px;
text-decoration: none;
}
#page_top a::after {
    content: '\025b2';
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 10px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
}
}
/* ------------------ Primary Menu ------------------ */
.region-primary-menu .menu li:first-of-type a.sf-depth-1{
  margin: 4px 0.5px;
  background: #ededed;;
}
.region-primary-menu .menu li.menuparent a{
  padding-right:18px
}
/* for nolink */
.region-primary-menu .menu li.menuparent .nolink{
  padding-right:18px
}
.region-primary-menu ul.sf-menu .sf-sub-indicator {
	right: 0.3em !important;
	top: 52% !important;
}
.region-primary-menu .menu li:nth-of-type(n+2) a.sf-depth-1{
  margin: 4px 0.5px;
  background-image: linear-gradient( to left, #BDDFF6, #D5EBF9 40px);
}
ul.sf-menu.sf-horizontal.sf-shadow ul, ul.sf-menu.sf-vertical.sf-shadow ul, ul.sf-menu.sf-navbar.sf-shadow ul ul {
    background-color: #ffffff;
}

 /*2階層目*/
.region-primary-menu .menu a.sf-depth-2 {
  color: #333;
  border-radius: 0;
  background: rgba(255, 255, 255, 1)!important;
  text-shadow: 0 1px #eee;
}

.region-primary-menu .menu a:hover {
  color: #696969;
  text-decoration: underline;
}
.region-primary-menu .menu span.nolink {
    display: block;
    float: none;
    margin: 4px 0.5px;
    padding: 0.9em 0 0.9em 10px;
    text-decoration: none;
    color: #333;
    border-radius: 8px;
    background: #ccc;
    background: rgba(255, 255, 255, 0.7);
    text-shadow: 0 1px #eee;
}
ul.sf-menu .sf-sub-indicator::after {
    color: #000000;
}

/* 461以上 PC&タブレット */
@media all and (min-width: 461px) {
	li.sf-multicolumn-wrapper{
		background: rgba(255, 255, 255, 1);
	}
	.region-primary-menu .menu a{
    		float: left;
    		margin-bottom: 0 !important;
    		padding: 0.7em 0.6em;
    		border-bottom-right-radius: 0;
    		border-bottom-left-radius: 0;
	}
	.region-primary-menu .menu span.nolink{
                float: left;
                margin-bottom: 0 !important;
                padding: 0.7em 0.8em;
                border-bottom-right-radius: 0;
                border-bottom-left-radius: 0;
        } 
}
@media all and (min-width: 851px) {
        .region-primary-menu {
                display: none;
        }
}
/* タブレット */
@media all and (min-width: 461px) and (max-width: 850px) {
	region-primary-menu .menu {
  		margin: 0 5px;
  		padding: 0;
  		text-align: left; /* LTR */
  		font-size: 0.929em;
	}
       .region-primary-menu .menu .sf-depth-2, .region-primary-menu .menu .sf-depth-3 {
          text-align: left;
       }
}

/* 460以下 スマホ */
@media all and (max-width: 460px) {
	.region-primary-menu .menu .sf-clone-parent a.sf-depth-1{
		background-color: #ffffff !important;
		background-image: none !important;
	}
        .region-primary-menu .menu .sf-depth-2 a{
                background-color: #ffffff !important;
        }
        .region-primary-menu .menu .sf-clone-parent a.sf-depth-2{
                background-color: #fffff0 !important;
        }
	.region-primary-menu .menu .sf-depth-3 a{
                background-color: #fffff0 !important;
        }
	.region-primary-menu .menu .sf-depth-2 a:before{
                content:"-- ";
        }
	.region-primary-menu .menu .sf-depth-3 a:before{
                content:"--- ";
        }
	.region-primary-menu .menu .sf-depth-1 .sf-clone-parent a:before{
                content:"- ";
        }
	.region-primary-menu .menu .sf-depth-2 .sf-clone-parent a:before{
                content:"-- ";
        }
	.region-primary-menu .menu a.sf-depth-2 {
		border-radius:8px;
	}
	.region-primary-menu .menu a.menuparent:hover {
    		text-decoration: none;
	}
	form.search-form{
        	padding-bottom:10px;
	}
}
a#superfish-main-toggle {
  	color: #ffffff;
  	font-size: 30px;
	margin-left:10px;
	font-weight:bold;
}
a:hover#superfish-main-toggle {
        text-decoration: none;
}
.region-primary-menu a.sf-expanded span{
	display:none;
}
.region-primary-menu a.sf-expanded:after{
        content:"\0d7"; /*バツ16進数表記*/
}
#superfish-general-menu .menuparent a{
	padding-right:28px;
}
#superfish-general-menu .menuparent span.nolink{
        padding-right:28px;
}

/* ------------------ site-branding ------------------ */
.site-branding__logo {
    margin-top: 0.4em;
}
@media screen and (max-width: 460px) {
	.site-branding__logo {
  		margin-right: 0; *//* LTR */
	}
}
/* ------------------ highlighted ------------------ */
.region-highlighted .block .content {
    margin-top: 0px;
}
.highlighted {
	padding: 10px;
    	background-color: #fff;
    	border: 1px solid #e0e5fb;
    	margin: 20px 0 10px;
	font-size: 1.0em;
}
.main-content .highlighted h2{
	border-left: none;
	margin: 10px 0px 5px;
}
.main-content .highlighted p{
        margin: 0px;
}
.main-content .highlighted .section {
    padding: 0;
}

.region-highlighted > .navigation > .content > .menu{
	column-count: 2;
}
.region-highlighted ul.menu li:not(.menu-item--expanded){
    list-style-image: url(https://www.cfca.nao.ac.jp/files/menu-leaf.gif);
}

/*タブレット*/
@media all and (min-width: 461px) and (max-width: 850px) {
    .highlighted {
        margin: 20px 0 10px;
    }
}
/*スマホ*/
@media screen and (max-width: 460px) {
	.highlighted {
        	margin: 20px 0 10px;
	}
	.region-highlighted {
    		margin: 0 10px;
	}
	.highlighted p {
    		margin: 0px 0px 0px 5px;
	}
	.region-highlighted > .navigation > .content > .menu{
        	column-count: 1;
	}
}

/* ------------------ featured-top ------------------ */

/* ------------------ page-title ------------------ */
.main-content .content h1.page-title {
        margin: 25px 0;
        padding:0 20px 0 0;
        line-height: 1.5em;
	font-size: 1.6em !important;
}
@media only screen and (max-width: 850px){
	.main-content .content h1.page-title {
    		word-break: keep-all;
   		line-height: 1.5em;
		padding:0 10px;
	}
}
@media only screen and (max-width: 460px){
        .main-content .content h1.page-title {
		text-align:center;
        	font-size: 1.3em !important;
	}
}

/* ------------------ main-content ------------------ */

#main-wrapper{
  background-image: linear-gradient( to bottom, #EBF4F9 0px, #FFFFFF 178px ); /* added 20220907 */
}
#main-wrapper .layout-main {
	/* border-top: solid white 1px;*/ /* added 20220907 */
    	margin: 0;
	display:flex;
	background-image: linear-gradient( to bottom, #EBF4F9 0px, #FFFFFF 178px );
}

.path-frontpage #main-wrapper{
        padding-top: 0px;
}
.main-content .section {
  padding: 0 25px 20px;
}

.content .breadcrumb {
    padding-bottom: 0;
}

.main-content .content h1{
  margin: 30px 0px 20px;
  font-size: 1.5em;
  line-height: 1.4;
  padding: 5px;
}
.main-content .content h2{
  margin: 30px 0px 20px;
  font-size: 1.3em;
  line-height: 1.4;
  padding: 5px 10px;
  font-weight:bold;
}
.main-content .content h3{
  margin: 20px 0px 10px;
  font-size: 1.1em;
  line-height: 1.4;
  padding: 5px;
  font-weight:bold;
}

.main-content .content h4{
  margin: 20px 0px 10px;
  font-size: 1.1em;
  line-height: 1.4;
  padding: 5px;
}
.main-content a, .link {
    /* color: #0071b3; */
    color: #005e99;
}

.main_content .content{
	margin: 10px;
}
.content > article.node--type-cfca-pr{
	padding:0 20px 0 30px;
	max-width:850px;
	margin: 0 auto;
}
.content p{
    font-size: 1.0em;
    line-height: 1.7;
    margin:10px 10px;
}
.node__content{
    font-size: 1.0em !important;
}
/*画像テーブル*/
.main-content table.img_table{
	width:100%;
	font-size:1.0em;
	line-height: 1.6;
}
.main-content table.img_table tr{
    padding: 0;
    border-bottom: none;
    background: #ffffff;
}
.main-content table.img_table tr td{
	width:50%;
	padding:0;
}
.main-content table.img_table tr td:first-child {
    padding-right: 8px;
}
.main-content table.img_table tr td:nth-child(2) {
    padding-left: 8px;
}
.main-content table.img_table a:hover{
        border-bottom-style:none;
}
.main-content table.img_table img{
        width:100%;
}
/* table_L */
.main-content table.table_L tr th {
        background-color: rgb(179, 204, 230);
        color:#000000;
	border: 1px solid #666;
}
.main-content table.table_L tr{
        background:#ffffff;
}
.main-content table.table_L tr td{
        border: 1px solid #666;
}
/* border table */
.main-content table.border tr td{
        border: 1px solid #666;
}
/* num column */
.main-content table tr td.num{
	text-align: right;
}
@media only screen and (max-width: 460px){
	.main_content .content{
 	       margin: 0;
	}
	.main-content table.img_table{
		border-collapse: unset;
	}
	.main-content table.img_table tr td{
        	width:100%;
		display:block;
		padding-left:0 !important;
		padding-right:0 !important;
	}
}
/*保守作業カレンダー*/
.main-content table.maintenance_calendar tr th{
	background-color: rgb(255, 221, 221);
	border-bottom: none;
	color:#000000;
}

.sidebar .pager__item h2 {
    border-bottom: none;
    text-shadow: none;
}
#sidebar-first .pager ul{
        margin-left: 0;  
}
#sidebar-first .pager ul li{
    float: left;
}

/*ユーザー表*/
table tr.striped:nth-of-type(even) {
  background-color: #edf5fa;
}
table tr.striped:nth-of-type(odd) {
  background-color: #fff;
}
/*アカウント作成ページ*/
.account_notice{
   border-collapse: collapse !important;
}
.account_notice td.bold{
    font-weight: bold;
}
.account_notice th, .account_notice td {
	border: 1px solid #999999 !important;
}
.account_notice tr:nth-of-type(4n+1), .account_notice tr:nth-of-type(4n+4)
{
	background: #e3feff !important;
        color: #000 !important;
}
.account_notice tr:nth-of-type(4n+1) th, .account_notice tr:nth-of-type(4n+4) th
{
	background: #e3feff !important;
        color: #000 !important;
}
.account_notice tr:nth-of-type(4n+2),.account_notice tr:nth-of-type(4n+3)
{
	background: #fff !important;
        color: #000 !important;
}
.account_notice tr:nth-of-type(4n+2) th,.account_notice tr:nth-of-type(4n+3) th
{
	background: #fff !important;
        color: #000 !important;
}
.account_notice tr:first-of-type{
	background: #b3cce6 !important;
}
#content .region-content ul{
	margin-left:10px;
	line-height: 1.7;
}
#content .view-content li {
    font-size: 1.0em !important;
    line-height: 1.6;
}
.cfca_section{
  margin: 0 1% 0 1%;
  padding-top:5px;
}
.cfca_section .text-formatted ul{
	padding: 0!important;
}
.even{
  padding: 20px 0;
  background: #ffffff;/*背景色*/
}
.odd{
  padding: 20px 0;
  background: #efefef;/*背景色*/
}
.cfca_section{
  clear:both;
}
.trouble{
  padding: 10px 20px;
  margin: 0;
  background: #f6f6f2;
}
.text-formatted .trouble ul {
    margin: 0.4em 0;
}
.information{
  padding: 10px 20px;
  margin: 20px 0;
  background-color: #fff;
  border: solid 1px #e0e5fb;
}
.content .information h2,.content .trouble h2{
  margin: 10px 0 10px 10px;
  letter-spacing:2px;
  padding: 0;
  border: none;
}
/* .trouble > ul{
*  margin: 0.5em 0 !important;
*  padding:0 0 0 20px !important;
*} */
.information > ul, .trouble > ul{
  margin: 0.5em 0 !important;
  padding:0 !important;
  list-style: none;
}
.information > ul > li > ul, .trouble > ul > li > ul{
  margin: 0.5em 3em !important;
}
/* .trouble > ul > li{
*  margin: 0;
*}*/
.information > ul > li, .trouble > ul > li{
  margin: 0;
  padding: 5px 0px;
  border-bottom: solid 1px #d8d8d8;
}
.trouble > ul > li:last-of-type{
  border-bottom: none;
}
.information p.center_p{
	text-align:center
}
li p.date{
    display: block;
    margin:0 5px;
    float: left;
    width: 140px;
}
li p.body{
    overflow: hidden;
    margin-left: 140px;
    margin: 0px 20px;
}
.information .info_link{
	margin-top:5px;
}
.content ul, .content ol{
	margin-left:10px;
}
.content .view-content-field-baoshouricheng-on-calendar ul{
        margin-left:0;
}
.content .view-content-field-baoshouricheng-on-calendar .item-list li {
    padding: 0px;
}
.maintenance tr:nth-child(odd){
	background-color: rgb(255, 221, 221);
}
.maintenance_calendar tr:nth-child(even){
        background-color: #ffffff;
}
.maintenance_calendar tr:nth-child(odd){
        background-color: rgb(255, 221, 221);
}
.maintenance tr:nth-child(even){
        background-color: #ffffff;
}
.about-container, .content .item-list {
    width: 90%;
    max-width: 850px;
    margin: 0 auto;
}
.content .search-form{
	width: 100%;
}
.content .item-list li {
    margin: 0 0 0.25em 0;
    padding: 0 10px;
}
/* blockquote */
.content pre {
        /* max-width: 98%;*/
        overflow: auto;
        padding-top:8px;
	padding-bottom:8px;
}
blockquote {
    margin-inline-start: 40px;
    padding: 0;
    border-left: none;
    font-style: normal;
}
.content blockquote:before {
    content: none;
}
.content blockquote:after {
    content: none;
}  

/*タブレット*/
@media all and (min-width: 461px) and (max-width: 850px) {
        #main-wrapper .layout-main {
                display:block;
        }
        .main-content .section {
                padding: 0 20px 20px;
        }
}

@media only screen and (max-width: 460px){
	#main-wrapper .layout-main {
        	display:block;
	}
	.main-content .section {
  		padding: 0 10px 20px;
	}
	li p.date{
    		float: none;
	}
	li p.body{
		margin: 5px;	
	}
	.information, .trouble{
		padding: 10px 10px;
	}
}
.cfca_content img{
    display: block;
    margin: 0 auto;
}
.feed-icons{
	margin-left:10%;
}
.more-link{
        display: inline;
}
/* webform */
.form-item label, .form-wrapper .label {
    font-size: inherit;
}
.form-item .fieldset-wrapper {
    margin-left: 5px;
}

/* webform notice */
ul.notice{
  list-style:none;
  padding-left: 0;
}

ul.notice .icon::before {
          display: none;
}

ul.notice li.check-circle{
  position: relative;
  color:red;
  font-weight:bold;
}

ul.notice li.check-circle::before {
  position: absolute;
  top: 4px;
  left: 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: red;
  content: "\f058";
}

/* news letter list title */
.node--view-mode-teaser h2 a {
    color: #005e99; 
}

/* ------------------ side-bar-second ------------------ */
.sidebar .block .content {
    font-size: 1.0em;
    line-height: 1.8;
}
.sidebar a, .link {
    /* color: #0071b3; */
    color: #005e99;
}
.sidebar ul.menu li:not(.menu-item--expanded){
    list-style-image: url(https://www.cfca.nao.ac.jp/files/menu-leaf.gif);
}
.sidebar .block {
	margin: 0;
	border: none;
	background-color: transparent;
	padding: 15px 20px 0 20px;
}
.sidebar .block:nth-child(1) {
	padding: 15px 10px 0px 20px;
}
#sidebar-first{
	/* background-image: linear-gradient( to bottom, #CAE2F0 0px, #EDF5FA 178px ); */
        background-image: linear-gradient(200deg, #CAE2F0 0px, #EDF5FA 110px );
        padding-bottom: 20px;
}
#sidebar-first .block .content {
	margin-top: 0;
}
#sidebar-second .block > h2 {
	font-weight:bold;
}
#sidebar-second .block {
	padding: 15px 30px 10px 30px;
}
#sidebar-second a:hover,
#sidebar-second a:focus {
  text-decoration: none;
  border-bottom:none; 
  font-weight:bold;
}
.sidebar .section {
    padding: 0;
}
.sidebar #edit-actions input {
    margin-right: 0;
}
.sidebar .button.search-form__submit, .search-form__submit {
    width: 28px;
    height: 22px;
}
.sidebar input {
    font-size: 0.8em;
	margin:0;
}
@media (min-width: 851px){
	#sidebar-first {
		width: 20%;
	}
	.layout-sidebar-first .main-content {
    		margin-right: 0;
    		margin-left: 20%;
	}
	.layout-one-sidebar .main-content {
    		width: 80%;
	}
}
@media only screen and (max-width: 850px){
	.sidebar .section {
 	   padding: 10px 20px 0 20px;
	}
	.region-sidebar-second .block:last-child{
		margin: 0;
	}
}

/* ------------------ site-footer ------------------ */
.site-footer {
  padding: 10px 20px 30px;
    /* background: #005e99;*/
    background-image: linear-gradient( to bottom, #134D95 0px, #2384C0 240px );
}
.site-footer .site-footer__bottom {
    margin-top: 0;
    border-top: none;
}
.site-footer h2 {
    color: rgba(255, 255, 255, 0.8);
}
.site-footer .content a, .site-footer .content a.is-active {
    color: rgba(255, 255, 255, 1);
}
.site-footer .layout-container {
  padding: 0 20px;
}
.site-footer .menu-item--collapsed{
	list-style-type: none;
    	list-style-image: none;
}
.site-footer .menu-item--expanded {
    list-style-type: none;
    list-style-image: none;
}
/* .site-footer__bottom { */
/*	border-top: 1px solid rgba(255, 255, 255, 0.6);*/
/*} */
@media all and (min-width: 851px) {
  .site-footer__top .region {
    width: 20%;
    padding: 0 1.5%;
  }
  .site-footer__top .region:first-child {
	width: 25%;
    padding-left: 0; /* LTR */
  }
  [dir="rtl"] .site-footer__top .region:first-child {
    padding-right: 0;
    padding-left: 10px;
  }
  .site-footer__top .region:nth-child(2) {
    padding-right: 0; /* LTR */
	width: 25%;
	padding: 0 2% 0;
  }
  .site-footer__top .region:last-child {
    padding-right: 0;
  }
  [dir="rtl"] .site-footer__top .region:last-child {
    padding-right: 10px;
    padding-left: 0;
  }
}
.site-footer .content {
  text-align: center; /* 追加 */
}
.site-footer .block {
  	margin: 10px 0;
  	padding: 0;
	border: none; 
}
.site-footer__top h2 {
  margin-bottom: 10px;
  font-size: 1.2em!important;
	border:none;
}

.site-footer__top .content a {
	border:none;
}
.site-footer__top .content li a {
        border:none;
}
.site-footer__top li.menu-item--expanded li a:before{
  content: "- ";
  margin-left:8px;
}
.site-footer .naoj_logo{
	margin-top:10px;
}

.site-footer .region-footer-first p{
	text-align: left;
}
.naoj_logo a {
        border-bottom: none;
        border-bottom-width: 0px;
}

/* added 20220921 for sns */
.site-footer .content p {
    font-size: 1.2em;
    margin: 0px 10px;
    color: #fff;
}
.site-footer .content .icons {
    padding: 2px 5px;
    margin: 0px 2px;
    border-radius: 2px 2px 2px 2px;
}
.twitter-blue{
   background-color: #2BA9E8;
}
.twitter-blue:hover{
   background-color: #2795cc;
}
.youtube-red{
   background-color: #e52d27;
}
.youtube-red:hover{
   background-color: #cc2823;
}
.rss-orange{
   background-color: #ff8c00;
}
.rss-orange:hover{
   background-color: #cc7000;
}

/* ------------------ toppage icons 20220921 ------------------ */

#content .region-content .icons ul{
  list-style:none;
  margin: 0;
  padding: 0;
}
#content .region-content .icons ul li{
  display: inline-block;
  float: left;
  width: 32%;
  margin-right: 2%;
  margin-top: 0;
  margin-bottom:10px;
}

#content .region-content .icons ul li p{
  text-align:center;
}
#content .region-content .icons ul li:last-child{
  margin-right: 0;
}
.trouble{
  clear: left;
}
#content .region-content p.about{
  margin-left: 0px;
  margin-right:0px;
  margin-top: 5px;
  margin-bottom: 0px;
}
#content .region-content .icons .box{
  position: relative;
}
#content .region-content .icons .box p.on_image{
  position: absolute;
  color: white;
  font-weight: bold;
  /*font-size: 2vw;*/
  font-size: clamp(14px, 2vw, 24px);
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  white-space:nowrap;
  text-shadow: 1px 1px 1px #808080;
  line-height: 1.8vw;
}

#content .region-content .icons .box p .small{
  /* font-size: 1.1vw; */
  font-size: clamp(10px, 1.1vw, 18px);
}

@media screen and (min-width: 1270px) {
  #content .region-content .icons .box p .small{
    font-size: min(1.1vw, 15px);
  }
}

#content .region-content .icons .box img {
  width: 100%;
}
#content .region-content .icons .box:hover{
  opacity: 0.8;
  transition-duration: 0.3s;
}
@media screen and (max-width: 600px) {
  #content .region-content .icons ul{
    margin: 10px;
  }
  #content .region-content .icons ul li{
    float: none;
    width: 100%;
    margin-right: 0;
    margin-top: 10px;
    margin-bottom:10px;
  }
  #content .region-content .icons .box p.on_image{
    font-size: 18px;
    line-height: 16px;
    margin: 0 !important;
  }
  #content .region-content .icons .box p .small{
    font-size: 12px;
  }
}
/* notice of user account page */
.field--name-field-homepage .item-list {
    width: 100%;
    max-width: none;
}
#content .region-content .field--name-field-homepage .item-list ul {
    margin-left: 0px;
}
.content .field--name-field-homepage .item-list li {
    padding: 0;
}

/* readmore 2024.12.19*/
.field--name-field-notice .field__item {
  white-space: pre-wrap !important;
}

/* FAQ */
.faq-qa > .item-list .faq-ul-questions-top{
  margin-bottom: 40px;
}
.faq-category-group .faq-question{
  border-top: 1px solid gray;
  padding-top:20px;
}
/* .faq-content{
    font-size: 1.0em;
}*/
.faq-content .node__content{
    font-size: 1.0em !important;
}
.faq-content hr{
        margin-top: 20px;
}
.faq-category-group .faq-question a:before {
  content:"Q. ";
  font-weight: bold;
  color:#00AA00;
}
.content > .node--type-faq .field--name-field-detailed-question p:nth-child(1):before{
  content:"Q. ";
  font-weight: bold;
  color:#00AA00;
}
.node--type-faq .field--name-body > p:nth-child(1):before {
  content:"A. ";
  font-weight: bold;
  color:#AA0000;
}

.faq-answer h2.node__title{
  margin:0;
}

.faq-category-group + .faq-category-indent .faq-category-menu h3 {
  border-top: 2px solid gray;
  padding-top: 60px
}