/* stylelint-disable selector-list-comma-newline-after */

:root{
  --maincolor : #215caa; 
  --subcolor :  #337ab7;
  --btncolor : #FBB161;
}
body {
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
  color: #202124;
}

html { font-size : 15px; line-height: 1.3; scroll-behavior: smooth;}
main a { color: #202124; }
main a:hover { color: var(--subcolor); border-color: #215caa;  }
.blue { color: var(--subcolor); }
.text-spacing-wide {
  letter-spacing: 0.1em;
}
/* ---------------------------------------------
*   header
--------------------------------------------- */

body{
    /*
    padding-top: 110px;
    */
}
/*
#header_row {
    position: fixed;
    top: 0;
    left: 0;
    height: 110px;
    background-color:#fff;
    overflow:hidden;
    z-index: 9998;
    border-bottom:1px solid #d9d9d9; 
}
#header_row.hidden,
.header_row.hide{
    transform: translateY(-110px)!important;
}*/

.header-nav__list-item ul { padding-left: 0!important; }
.header-nav__list-item ul li { margin-left: 0!important; padding-left: 0.5!important; }
#header_row {
    background-color:#fff;
    border-bottom:1px solid #d9d9d9; 
}
#main-menu01 a {
   display: inline-block!important;
   background-color: #fff!important;
   color: #215caa!important;
   text-decoration: none!important;
   border-radius: 5px!important; 
    border: 2px #215caa solid;
    min-width: 13%;
    margin-left: 1px; margin-right: 1px;
    /*
    font-size: 0.8rem;
    */
    font-size: 0.8rem!important;
    font-weight: bolder;
    line-height: 1rem;
}
#main-menu01 a:hover{
    background-color: #215caa!important;
    color: #fff!important;
}
img#suido_top_logo {
    max-height: 50px!important;
    margin-bottom: 10px!important;
}
.blog-header {
  line-height: 1;
}


.blog-header-logo {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  font-size: 2.25rem;
}

.blog-header-logo:hover {
  text-decoration: none;
}
/*
h1, h2, h3, h4, h5, h6 {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
}
*/
.display-4 {
  font-size: 2.5rem;
}
@media (min-width: 768px) {
  .display-4 {
    font-size: 3rem;
  }
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-scroller .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
}

#news #main-menu01-01,
#backno #main-menu01-01,
#yearbook #main-menu01-02,
#relatebook #main-menu01-02,
#orderbook #main-menu01-02
{
    background-color: #215caa!important;
    color: #fff!important;
}
/* ---------------------------------------------
*   main_contents
--------------------------------------------- */
#main_contents {
    /*
    margin-top: 120px;
    */
    
}

.mincho { font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

.card-img-right {
  height: 100%;
  border-radius: 0 3px 3px 0;
}

.flex-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.h-250 { height: 250px; }
@media (min-width: 768px) {
  .h-md-250 { height: 250px; }
}

/*
 * Blog name and description
 */
.blog-title {
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 400;
}
.blog-description {
  font-size: 1.1rem;
  color: #999;
}

@media (min-width: 40em) {
  .blog-title {
    font-size: 3.5rem;
  }
}

/* Pagination */
.blog-pagination {
  margin-bottom: 4rem;
}
.blog-pagination > .btn {
  border-radius: 2rem;
}

/*
 * Blog posts
 */
.blog-post {
  margin-bottom: 4rem;
}
.blog-post-title {
  margin-bottom: .25rem;
  font-size: 2.5rem;
}
.blog-post-meta {
  margin-bottom: 1.25rem;
  color: #999;
}

/*
 * Footer
 */
.gotop{
    display: block;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    background: #337ab7;
    border: 1px solid #999;
    padding-top: 30px;
    text-align: center;
    letter-spacing: -1px;
    font-size: 85%;
    text-decoration: none;
    color: #fff;
/*    opacity: 0.5;*/
    position: relative;
}
.gotop{
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 10000;
}
.gotop::before{
    content: "";
    display: block;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 25%;
    height: 25%;
    top: 25%;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    transform: rotate(-45deg);
}
.gotop:hover{
    opacity: 1;
    color: #fff;
}

.blog-footer {
  padding: 2.5rem 0;
  color: #999;
  text-align: center;
  background-color: #f9f9f9;
  border-top: .05rem solid #e5e5e5;
}
.blog-footer p:last-child {
  margin-bottom: 0;
}


.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-toggler{
  background-color: #215caa;
}

#main-menu02{
    background-color: #215caa!important;
    color: #fff;
    font-size: 80%;
}

.card-img {
    max-height: 400px; 
    margin: auto;
}
.card-img-overlay{
  padding: 0;
    /*
  top: calc(50% - 0.5rem);
    */
    top: calc(50% - 1.5rem);
  text-align: center;
  font-weight: bold;
}

.list-mark h1 {
    color: #215caa!important;
    font-size : 1.5rem!important;
    font-weight: 700!important;
    margin-left: 0!important; 
    padding-left: 0!important;
}
.list-mark h2 {
    color: #215caa!important;
    font-size : 1.5rem!important;
    font-weight: 700!important;
    margin-left: 0!important; 
    padding-left: 0!important;
}
.list-mark {
    padding:5px 10px 0px 5px;
    border-bottom:2px dashed #e5e5e5;
    margin-bottom: 1rem;
}
.list-mark h1:before {
    content: url("../images/common/img-list-mark30.png");
    margin-right:10px;
    position:relative;
    top:5px;
    
}
.list-mark h2:before {
    content: url("../images/common/img-list-mark30.png");
    margin-right:10px;
    position:relative;
    top:5px;
    
}
.fas_link_after{
	text-decoration: none;
	display: inline-block;
	line-height: 1;
  font-size : 1rem;
  font-weight: bold;
	padding: 10px 10px;
	background: #fff2b8;
	color:#202124;
}
.fas_link_after:after{
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	content: '\f138';
	margin-left: 5px;
}
.fas_link_icon{
	text-decoration: none;
}
.fas_link_icon:before{
	display: inline-block;
	font-size: 30px;
	line-height: 40px;
	width: 40px;
	text-align: center;
	/*background: #3366cc;
	color: #fff;*/
  color:#3366cc;
	border-radius: 20px;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	content: '\f35a';
}
.fas_link_icon:hover::before{
	display: inline-block;
	font-size: 30px;
	line-height: 40px;
	width: 40px;
	text-align: center;
	background: #3366cc;
	color: #fff;
	border-radius: 20px;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	content: '\f35a';
}
.contents-title {
	position: relative;
	display: table-cell;
	padding-left: 55px;
}
/*.contents-title:not(#mizunomo-title):before {*/
.contents-title:before {
	position: absolute;
	content: '';
	top: calc(50% - 4px);
	width: 40px;
	left: 0;
	height: 4px;
	border-top: solid 4px #215caa;
}
#mizunomo-title{
    color: var(--maincolor);
}
/*
#mizunomo-title{
  display:block;
  padding-left:0px;
}
#mizunomo-title:before {
  background:url('../images/mizunomo/mark_mizunomo.png') 0 0 no-repeat;
  -webkit-background-size:100px 100px;
  content:"";
  display:inline-block;
  width:100px;
  height:100px;
  padding-left:0px;  
  position:relative;
  top:0px;
}
*/
.top-news-img { width: 100%; aspect-ratio: 16 / 9;overflow: hidden; }
.top-news-img img.card-img-top { width: 100%; height: 100%; object-fit: cover; }

#news-list ul.none li {
    list-style: none;
}
#news-list ul.none>li{
    padding-left:3.6em;
    text-indent:-3.6em;
    display:block;
    font-size: 0.9rem;
    line-height: 1.1rem;
    padding-bottom: 0;
}

#news-list ul.none>li:before{
    content:"NEW";
    font-size: 0.9rem;
    background-color: firebrick;
    color: #fff;
    width: 3em; 
    text-align: center;
    text-decoration: none;
    padding-left: 0.3em;padding-right: 0.3em;
    margin-right:0.5rem;
}
a.goutl_label {
  color: var(--maincolor);
  font-weight: bolder;
}

#suidou-news-lineup ul a,
#suidou-news-lineup ul .no_link,
#suidou-weg-backno ul a,
#sidebar-publications ul a,
#suidou-feature-lineup ul a,
#suidou-feature-lineup ul .no_link,
.sidebar ul a, .sidebar ul .no_link,
a.yajirushi,
ul.lineup li a
{
    font-size: 1.1em;
}
#suidou-news-lineup ul,
#suidou-weg-backno ul,
#sidebar-publications ul,
#suidou-feature-lineup ul,
.sidebar ul,
ul.lineup
{
  list-style: none;
  padding: 0;
  margin: 0;
}
#suidou-news-lineup ul li,
#suidou-weg-backno ul li,
#sidebar-publications ul li,
#suidou-feature-lineup ul li,
.sidebar ul li,
a.yajirushi,
ul.lineup li
{
  position: relative;
  padding: 0.5em 0 0.5em 2em;
  margin: 0;
}
#suidou-news-lineup ul li::before,
#suidou-feature-lineup ul li::before,
.sidebar ul li::before,
a.yajirushi::before {
  position: absolute;
  left: 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f138';
  color: #215caa;
}
#suidou-weg-backno ul li::before,
#sidebar-publications ul li::before,
ul.sub-list li::before {
  position: absolute;
  left: 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f105'!important;
  color: #215caa!important;
}
ul.sub-list li a {
  font-size : 1.0em!important;
}
ul li .feaature-list-cap {
  font-size : 1.1em!important;
  font-weight:bold!important;
}

#banner-moushikomi a.icon {
    /*display:block;*/
    display: inline-block;
    width: 100%;
    background-color: #cfcfcf;
    color: #495057;
    font-weight: bold;
    font-size: 1.2em;
    text-align: center;
    text-decoration: none;
    padding: 0.5em;
    margin-bottom: 15px;
}
#banner-moushikomi a.moushikomi {
    background-color:  #FBB161!important;
    color: #fff;
    font-size: 1.5em;
    line-height: 1.8em;
    font-weight: normal;
}
#banner-moushikomi a.moushikomi:hover {
    background-color: #23439c!important;
    color: inherit;
}
#banner-moushikomi a.icon::before{
  display: inline-block;
  margin-right: .5em;
  font-family: fontawesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#banner-moushikomi a.icon:hover{
    background-color: #337ab7;
    color: #fff;
}
/*
.book-banner-moushikomi a.icon {
    display: inline-block;
    width: 100%;
    background-color: #cfcfcf;
    font-weight: bold;
    font-size: 1.2em;
    text-align: center;
    text-decoration: none;
    padding: 0.5em;
    margin-bottom: 15px;
}
*/
.book-pic img {
    box-shadow: 6px 6px 2.5px #ccc ;
    border: 1px solid #ccc;
  box-sizing: border-box;
}
.book-banner-moushikomi a.moushikomi {
    background-color:  #FBB161!important;
    font-weight: bold;
    color: #215caa;
    font-size: 1.2em;
    line-height: 1.8em;
}

.book-banner-moushikomi a.moushikomi:hover {
    background-color: #23439c!important;
    /*    color: inherit;*/
    color: #fff;
}
.book-banner-moushikomi a.icon::before{
  display: inline-block;
  margin-right: .5em;
  font-family: fontawesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*
.book-banner-moushikomi a.icon:hover{
    background-color: #337ab7;
    color: #fff;
}
*/

#suidou-news-article h4 {
    font-weight: bold;
    color: #337ab7;
    margin-bottom: 0.5em;
}

#suidou-news-article .kiji{
    padding-bottom: 3rem;
}
#suidou-news-article p {
    line-height: 2.0rem;
}
#suidou-news-article .kiji-pic img {
    width: 100%;
}

a.btn-white-line, a.suidou-btn {
    display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	/*width: 300px;*/
    width: 100%;
	height: 35px;
	color: #215caa;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	transition: 0.3s;
    border: 1px solid #215caa;
    border-radius: 15px;
}

a.suidou-btn:hover{
   background:rgba(33, 92, 170,0.8);
    color: #fff;
}

#sidebar-kodoku {
    color: #215caa;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
}
a.kodoku-btn {
    display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	height: 45px;
	color: #215caa;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	transition: 0.3s;
    border: 1px solid #FBB161;
    border-radius: 20px;
    background-color: #FBB161;
    margin:5px auto;
}
a.kodoku-btn:hover {
    background-color: #215caa;
    border-color: #215caa;
    text-decoration: none;
    color: #fff;
}

#sidebar-login {
    background-color: #215caa;
    color: #fff;    
}
/*
#sidebar-login:hover {
    background-color: #FBB161;
    color: #215caa;
}
*/

#sidebar-login ul {
  list-style: none;
    width: 70%;
    margin-left: auto;
     margin-right: auto;
}

#sidebar-login ul li {
  position: relative;
  padding-left: 50px;
    text-align: left;
}

#sidebar-login ul li::before {
  content: '\f1ea';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: -7px;
  left: 0;
  color: #fff;
  font-size : 40px;
}
#sidebar-login a { color: #fff; text-decoration: none;}
#sidebar-login ul li:hover::before,
#sidebar-login:hover,
#sidebar-login a:hover{
    background-color: #FBB161;
    color: #215caa!important;    
     text-decoration: none;
}
#sidebar-archive {
    background-color: #215caa;
    color: #fff;    
}
#sidebar-archive ul {
  list-style: none;
    width: 70%;
    margin-left: auto;
     margin-right: auto;
}
#sidebar-archive ul li {
  position: relative;
  padding-left: 50px;
    text-align: left;
}

#sidebar-archive ul li::before {
  content: '\f187';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: -7px;
  left: 0;
  color: #fff;
  font-size : 40px;
}
#sidebar-archive a { color: #fff;  text-decoration: none;}
#sidebar-archive ul li:hover::before,
#sidebar-archive:hover,
#sidebar-archive a:hover{
    background-color: #FBB161;
    color: #215caa!important;    
}
  
h3.kiji-title {
    font-size:1.4rem;
    font-weight: bolder;
    line-height: 1.7rem;
}
h4.kiji-title {
    font-size:1rem;
    min-height: 4rem;
}
h3.kiji-title a {
    text-decoration: underline;
}
h4.kiji-title a {
    text-decoration: none;
}
.kiji-title a:hover {
    color: #215caa;
    text-decoration: underline;
}
.kiji-gosu {
    background-color: #215caa;
    color: #fff;
    font-size: 0.8em;
    padding: 0.5em 1em;
    border-radius: 0.5rem;
    display: inline-block;
    margin-top: 10px;
}
.kiji-gosu2 {
    background-color: #215caa;
    color: #fff;
    font-size: 0.8em;
    padding: 0.7em 1em;
    border-radius: 0.5rem;
/*    display: inline-block;*/
    margin-top: 10px;
    width: fit-content;
}

#top-kiji .card {
    border: none;
    box-shadow: none;
}
#top-kiji img {
    aspect-ratio: 16/9; 
    width:100%; 
    object-fit: cover;
}
#news-list img.w16h9 {
    aspect-ratio: 16/9; 
    height: 168px; 
    object-fit: cover;
}
.box-link img, img.box-link { border : solid 1px #15b4c2; }
.box-link:hover img, img.box-link:hover { border : solid 1px #485e88; }
.card-body {
    /*
    padding-left: 0; 
    padding-right: 0;*/
}

.sp-col {
    position: relative;
}
.sp-col .kiji-gosu {
    position: absolute;
    bottom:0;
    left:0;
}

#backnumber-year a {
   display: inline-block!important;
   background-color: #215caa!important;
   color: #fff!important;
   text-decoration: none!important;
   border-radius: 5px!important; 
    border: 1px #337ab7 solid;
    min-width: 18%;
    margin: 3px;
    /*
    font-size: 0.8rem;
    */
    font-size: 1.0rem!important;
    line-height: 1.4rem;
}
#backnumber-year a:hover{
    background-color: #FBB161!important;
    color: #215caa!important;
}

#backno #suidou-news-lineup ul a,
#backno #suidou-weg-backno a,
#sidebar-publications a,
#suidou-feature-lineup ul a
{
    text-decoration: none;
}

/*
#suidou-feature-lineup h3 {
  font-size: 1.5em;
}
#suidou-feature-lineup ul {
  margin-left: 30px;
  margin-bottom: 30px;
} 
#suidou-feature-lineup ul li {
  font-size: 1.1em;
}
  */
span.shinchaku{
    font-size: 0.9em;
    background-color: firebrick;
    color: #fff;
    width: 3em; 
    text-align: center;
    text-decoration: none;
    padding-left: 0.3em;padding-right: 0.3em;
}

/*--水道産業新聞とは--*/
#about h1.catchphrase,
#about h2.catchphrase,
#relatebook  h2.catchphrase { 
  padding: 0.8rem 0;
  margin-bottom: 0.2rem;
  background-image: linear-gradient(109.6deg, rgba(178, 213, 222, 1) 11.2%, rgba(33, 92, 170, 1) 91.1%);
  background-repeat: no-repeat;
  background-size: 100% 10px;
  background-position: bottom;
  /*color: #353535;*/
  color:var(--maincolor);
  font-weight: bold;
  font-size: 2em;
 }

 h3.catchphrase {
  font-size: 26px;
  font-weight: bold;
}

h3.catchphrase::first-letter {
  padding: 0.7rem;
  border-radius: 54% 46% 38% 62%/49% 70% 30% 52%;
  background-color: var(--maincolor);
  background-image: linear-gradient(135deg, var(--subcolor) 10%,var(--subcolor) 100%);
  color: white;
  font-size: 36px;
}
h4.catchphrase,
#mizunomo h2.catchphrase {
  padding: 0.5rem 1rem 0.5rem 1.5rem;
  margin-bottom: 0.2rem;
  background-image: linear-gradient(to top, #b2d5de 10%, #66c5dd 100%);
  background-repeat: no-repeat;
  background-size: 0.5rem 100%;
  font-weight: bold;
  font-size: 1.5em;
}
#about table th { background: var(--subcolor); color: #fff; }
#about table td { background: #fff; }
#about table td,
#about table th {
  padding: 0.5em 1em;
  border:1px solid #333;
}
/*
table tr:nth-child(odd) td,
table tr:nth-child(odd) th {
  background: #fff;
}
  */
  /*
.zoom-box {
  display: inline-block;
  overflow: hidden;
}
.c-bnr.zoom {
  display: block;
  transition-duration: .5s;
}
.c-bnr.zoom:hover {
  transform: scale(1.1);
}
*/
.c-bnr.zoom:hover,
.box-link:hover {
opacity: 0.3;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
  transition-duration: .5s;
}

.form span.hissu { background-color: darkred; color: #fff; font-size:0.9em; padding:0.1em; margin-right:0.5em }

#company #location, #company #detail p{ font-size : 1.1em; }
#company #location a{ text-decoration: none; }
#company #location a:hover { color: var(--subcolor); font-weight: bolder; text-decoration: underline; }
#company #location a.location { font-weight: bold; color: var(--maincolor);  }
#company #location dl dt,  #company #location dl dd { padding: 0; margin: 0; }

#company #detail h4,
.sub-title {
  padding: 1rem 0 1rem;
  margin-bottom: 0.2rem;
  background-image: linear-gradient(135deg, #16b5dd 10%, #b2d5de 100%);
  background-repeat: no-repeat;
  background-size: 100% 10%;
  background-position: bottom;
  color: #353535;
  font-weight: bold;
  font-size: 26px;
}
#company #detail #syareki dt { font-weight: normal; }

#mizunomo p { line-height: 1.6em; }
#mizunomo table td { padding: 0.3em 0.5em; }
#mizunomo ol { padding-left: 0; }
#mizunomo ol li {
  list-style-type: none;
  counter-increment: cnt;
  text-indent: -2.5em;
  padding-left: 2.5em;
  line-height: 1.6em;
  margin-left: 0;
}
#mizunomo ol li::before {
  content: "（"counter(cnt)"）";
}

/*--水の写真コンテスト--*/
#photocon #main-contents h4 {
  font-weight: bold;
}
#photocon #main-contents h5 {
  font-weight: bold;
  color: var(--maincolor);
  font-size: 1.4em;
}
#photocon #main-contents p {
  line-height: 1;
}
@media (min-width: 768px) {
    #photocon .award-list dt:not(.list_hd dt)  { font-weight: normal; }
    #photocon #award-list-selected,
    #photocon #award-list-honorable { width: 75%; }
}
@media (max-width: 767px) {
    #photocon .award-list dt { font-weight:bold; }
    #photocon #award-list-selected,
    #photocon #award-list-honorable { width: 100%; }
}
#photocon .award-list .row {
  border-bottom: #ffffff 1px solid;
  padding-top: 0.5em;
}
#photocon .award-list .etc {
  padding-top: 0.5em;
}

#photocon .list_hd {
	/*background-color: #b589f5;*/
  background-color: #007DC5;
  color: #fff;
	text-align: center;
  font-weight: bold;
	/*height: 25px;*/
}
#photocon .list_hd dt {
  font-weight: bold;
}
#photocon .list_gx{
  background-color: #8fb8f5;
	/*padding: 7px 5px;*/
}
#photocon .row dt, 
#photocon .row dd {
    line-height: 1.1;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    padding-left: 1em;
}
#photocon .list_sp{
	/*background-color: #D2D2F4;*/
  background-color: #C9DFEC;
	/*padding: 5px 5px;*/
}
#photocon .list_ns{
	/*background-color: #b3e6f0;*/
  background-color: #fff;
  border-bottom: #007DC5 1px solid!important;
	/*padding: 3px 5px;*/

}
#photocon .list_ks{
	/*background-color: #b5f9f9;*/
  background-color: #fff;
  border-bottom: #007DC5 1px solid!important;
	/*padding: 3px 5px;*/
}

.shadow_btn01 {
  display: inline-block;
  width: 100%;
  max-width: 500px;
  border: 2px solid #3879D9;
  border-radius: 0;
  color: #007bff;
  background: #fff; /* 背景色 */
  -webkit-box-shadow: 4px 4px 0 #3879D9; 
  box-shadow: 4px 4px 0 #3879D9; 
  padding: 1em 2em;
  font-weight: bold; 
  text-decoration: none;
  text-align: center;
  transition: 0.3s;
    margin-bottom: 30px;
    font-size: 1.2em;
}

.shadow_btn01:hover {
  -webkit-box-shadow: -4px -4px 0 #3879D9; 
  box-shadow: -4px -4px 0 #3879D9; 
}
.shadow_btn02 {
  display: inline-block;
    font-size: 1.5em;
  width: 100%;
  max-width: 500px;
  border: 2px solid #3879D9;
  border-radius: 0;
  color: #fff;
  background: #3879D9;
  -webkit-box-shadow: 4px 4px 0 #6c757d; 
  box-shadow: 4px 4px 0 #6c757d; 
  padding: 1rem 2rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  transition: 0.3s;
    margin: 2em auto 2em auto;
}
.shadow_btn02:hover {
  -webkit-box-shadow: -4px -4px 0 #17a2b8; 
  box-shadow: -4px -4px 0 #17a2b8; 
  color: #fff;
}
@media (min-width: 992px) {
  #s_pst_gallery .col-md-6 img.yoko {
    max-width: 75%!important;
    margin: auto;
  }
  #s_pst_gallery .col-md-6 img.tate {
    max-width: 53%!important;
    margin: auto;
  }
  #s_pst_gallery .col-md-4 img.tate {
    max-width: 80%!important;
  }
}

@media  (max-width:991px) {
  #s_pst_gallery img.yoko {
    max-width: 85%!important;
    margin: auto;
  }
  #s_pst_gallery img.tate {
    max-width: 60.1%!important;
    margin: auto;
  }

}
#kojin-joho-hogo ol li,
#copyright ol li {
  padding-bottom: 1em;
}

#mizunomo ul#doc_download li {
  padding-bottom: 0.5em;
}
/*
#photocon-list a {
  text-decoration: none;
}
#photocon-list a h4 {
  color: var(--subcolor);
}
#photocon-list a h4:hover {
  color: var(--maincolor);
}
*/

form span.input_label  {
  font-weight: bold;
}