/* CSS Document */

@charset "utf-8";


body{
     font-family: "Open Sans", sans-serif;
 }

:root {
--thema_color: #454ABD;
--link_color:#0d6efd;
--link_visited_color:#1163DC;
}

@media (prefers-color-scheme: dark) {
  :root {
--link_color:#D2E3FB;
--link_visited_color:#A3C7F8;
  }

}


body{
     font-family: "Open Sans", sans-serif;
 }

#view_cart_cartinfo{
 display: none;
}

/*- color -*/

.head_bg_color{
background-color:var(--thema_color);
color:#FFFFFF;
}

a{
color:var(--link_color);
text-decoration: none;
}

 
a:link,
a.list-group-item{ 
color:var(--link_color);
}

a:visited { 
color:var(--link_visited_color);
}
a.btn.btn-primary, 
a.btn.btn-danger,
 #page-top > a:link{
	color:#FFFFFF !IMPORTANT;
	}


span.site_menu_bass{
background-color:var(--thema_color);

}

span.site_menu_bass a{
color:#FFFFFF !important;
}


.upload400{
max-width:100%;

}

.title{
 font-size: 2rem;
}

.one_record{
 margin-top: 50px;
 padding:2rem 0;
	  word-wrap: break-word;       /* 長い単語を強制的に折り返す（旧IE対応） */
  overflow-wrap: break-word;   /* 標準プロパティ */
  white-space: normal;         /* 改行を許可 */
}

#blog_main img{
max-width:100%;
}

@media (prefers-color-scheme: dark) {




/*- https://material.io/design/color/the-color-system.html#tools-for-picking-colors -*/

.bg-warning ,.btn-warning {
    background-color: #9E9D24;
	    border-color: #827717;
		color:#fff;
}
.bg-primary ,
.btn-primary {
    background-color: #1565C0;
    border-color: #0D47A1;  
			color:#fff;
}
.bg-success ,
.btn-success {
    background-color: #2E7D32;
    border-color: #1B5E20;
			color:#fff;
}
.bg-danger ,
.btn-danger {
     background-color: #C62828;
	     border-color: #B71C1C;
		 		color:#fff;
}




}