/*------------------------*/
/*---- ベーススタイル ----*/
/*------------------------*/
@import url("common.css");
/* @import url("sticky_footer.css"); */
@import url("bootstrap4.css");

* { margin:0; padding:0 }
BODY { margin:0 auto; font-family: 'メイリオ',Meiryo,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Verdana,'ＭＳ Ｐゴシック',Osaka,Arial,sans-serif; }

/* BODY,TD,TH { font-family: Arial, Helvetica, sans-serif; color:#333 } */
A:link { color:#06F }
A:visited { color:#06F }
A:hover { color:#06C }
IMG { border:none }


// Bootstrap 用

.btn-primary {
	background-color: pink;
}

.text-primary {
	color: pink;
}

html {
	font-size: 16px;
	min-height: 100%;
	position: relative;
}

body {
}

header {
//	border-bottom: solid 5px #f47ed4;
	border-bottom: solid 5px #00bfff;
}

footer {
	bottom: 0;
	font-size: 0.9rem;
//	position: absolute;
}

.main {
	overflow: hidden;
}


.breadcrumb {
	background:transparent;
	background-color: #fff;
  
}
.breadcrumb li+li:before {
  content:'≫';
}

.required { background: #ff4200 none repeat scroll 0 0; border-radius: 3px; color: #fff; font-size: 10px; margin-left: 5px; padding: 1px 3px; white-space: nowrap; }


.submit { margin-left:auto; margin-right:auto; text-align:center; }

.page_explain { margin-top:20px; text-align:left; font-size:1.0em; }


/*
H1 {
	color: #3496d8;
	border-left:7px solid #3496d8;
	padding:.6em .8em;
	font-size: 1.3rem;
}
*/

H1.title {
  position: relative;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.56);
}

/*
H1.title {
	font-weight: bold;					// 文字を太文字に
	border-bottom: 2px solid #3496d8;	// 見出しの下に1pxのオレンジ色の直線を引く
    border-left: 5px solid #3496d8;
	background-color: #ffffcc;			// 背景色を薄いクリーム色に
	padding: 5px 0 0 10px;				// 余白の調整
}
*/






/* H Title */
H1.title { color: #fff;    font-weight:bold; font-size: 1.3em; margin: 5px 0; padding: 5px 10px; text-align: left; }
H2.title { color: #fff;    font-weight:bold; font-size: 1.2em; margin 3px 0;  padding: 5px 10px; text-align: left; }
H3.title { color: #2FB92F; font-weight:bold; font-size: 1.1em; margin:0;      padding: 6px 0px;  text-align: left; }
H4.title { color: #005ead; font-weight:bold; font-size: 1.0em;                                   text-align: left;}

// H1.title, H2.title { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #95ea95 0%, #72e272 50%, #2bd52b 51%, #23b123 100%) repeat scroll 0 0; }
// H1.title, H2.title { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fcecfc 0%, #fba6e1 50%, #fd89d7 51%, #ff7cd8 100%) repeat scroll 0 0; }

H1.title, H2.title { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #91D5FE 0%, #93D3FF 50%, #93D3FF 51%, #00bfff 100%) repeat scroll 0 0; }

H4.question {
    padding: .5rem;
}

H5.title {
    color: #fff;
    padding: .4rem;
    background-color: #17a2b8;
	border-radius: 0.4em;/*角の丸み*/
    font-size: 1.0rem;
}

H6 {
    color: #343a40;
}


P.title {
	font-size: 1.1em; 
	font-weight: bold;					// 文字を太文字に
	margin:10px 0;
}

/***************** // card ****************/

.card {
    margin-top: 1rem;
}


.card-header {
//    background-color: #f47ed4;
    background-color: #00bfff;
    color: #fff;
	padding: 0.40rem 1rem;
	border-radius: 0.5em;	// 角の丸み
    font-size: 1.0rem;
}



H2.card-header {
    color: #fff;
    padding: .5rem;
    font-size: 1.0rem;
}

H3.card-header {
    font-size: 1.0rem;
}


/*
H3.card-header {
    color: #343a40;
    background-color: rgba(52,150,216,.3);
    padding: .5rem;
    border-bottom: 3px solid #007bff;
	border-radius: 0.5em;	// 角の丸み
}
*/

H4.card-header {
    color: #fff;
//    background-color: #17a2b8;
    padding: .5rem;
//    border-left: 3px solid #007bff;
	border-radius: 0.5em;/*角の丸み*/
    font-size: 1.0rem;
}



.card {
    margin-top: 1rem;
}


.card-header a {
    color: #fff;
}

.card-body {
	padding: 1rem;
}

.card_explain, .form_explain {
	padding :       5px;
	margin-bottom : 15px;
}



/***************** card // ****************/

/***************** // sidebar ****************/

.sidebar .card-body {
	padding: 0rem;
}

.sidebar .list-group-item {
	border: none;
	padding-left : 0.75rem;
	padding-right : 0.75rem;
//	margin-bottom : 0
}

// .sidebar h4.card-header { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #95ea95 0%, #72e272 50%, #2bd52b 51%, #23b123 100%) repeat scroll 0 0; }

// .sidebar h4.card-header { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fcecfc 0%, #fba6e1 50%, #fd89d7 51%, #ff7cd8 100%) repeat scroll 0 0; }

.sidebar h4.card-header { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #91D5FE 0%, #93D3FF 50%, #93D3FF 51%, #00bfff 100%) repeat scroll 0 0; }
#

/***************** sidebar // ****************/


.header {
	position: relative;
	max-height: 100px;
	z-index: 1030;
}


.status_disp {
	font-size:x-small;
	color:#CCC;
}


p.inline {
	display:inline-block;
	margin-bottom:0;
	vertical-align: middle;
}




/* overwrite style for table-responsive
-------------------------------------------------- */
.table-responsive > .table {
	width: 100%;
	table-layout: fixed;
	word-wrap: break-word;
}

/* end-------------------------------------------------- */




/* H Title */


HR.cl {  display:none; clear:both; height:1px; font-size:0; line-height:0; margin-bottom:10px; }




/*-- // google_adwords --*/
DIV.google_adwords { width:auto; text-align:center; margin:0 auto; }
DIV.google_adwords_yoko { width:auto; text-align:center; margin:0 auto; }

/* next page */
DIV.page { font-size:90%; margin-top:10px; padding-top:10px; border-top:1px solid #000000; }



IMG.absmiddle { vertical-align:middle; }
IMG.bottom { vertical-align:bottom; }


.not_content { padding:30px; color:#FF0000; text-align:center; }

BLOCKQUOTE { margin:16px 40px; }

/***************** // footer menu ****************/

.footer_menu .list-group-item {
	border: none;
	padding-left : 0.75rem;
	padding-right : 0.75rem;
	font-size: 0.8rem;
//	margin-bottom : 0;
}


.footer_menu .card {
	border: none;
}

/***************** footer menu // ****************/

/***************** // responsive ****************/

.navbar-toggler {
  border-color: #000000;
}
.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(0,0,0,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}


@media (min-width: 1200px) {
	main {
		width: 1200px;
		margin: 0 auto;
	}
}

@media (min-width: 1180px) {
	main {
		width: 1180px;
		margin: 0 auto;
	}
}

@media (min-width: 992px) {

	html {
		font-size: 1rem;
	}

    .navbar-dark .navbar-nav .nav-link {
      font-size: 90%;
    }
    .navbar {
      flex-flow: wrap;
    }
    #navbarNav {
      display: none !important;
    }
    .sidebar .list-group-item {
      padding: .5rem .75rem;
    }
    .dropdown-divider {
      margin: .1em 0;
    }
    .jq_mg {
      margin-top: 0 !important;
    }
}

@media (max-width: 991px) {

	html {
		font-size: 1rem;
	}

    .main_menu {
        font-size: 100%;
    }
    ul.drawer-menu .list-group-item {
        background-color: transparent;
        border: none;
        padding: 0;
    }
    ul.drawer-menu .list-group-item a {
        color: rgba(255,255,255,1);
        padding: 0.5rem 0;
        display: block;
    }
    #openNav {
        height: 0;
    }
    main {
        position: relative;
    }
    .aside, .card.bd-none {
        position: static;
        margin: 0;
        background: transparent;
        border: none;
    }
    #openNav {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
//      background: #17a2b8;
//        background: #f47ed4;
        background: #00bfff;
        padding: .5rem 1rem;
    }
    .jq_mg {
        transition: all 0.5s ease 0s;
    }
}

@media (max-width: 575px) {

	html {
		font-size: 0.8rem;
	}

    .navbar-dark .navbar-nav .nav-link,
    ul.drawer-menu .list-group-item a {
        font-size: 11px;
    }
    .navbar-toggler {
        padding: .3rem .55rem;
        font-size: 1rem;
    }
}

/***************** responsive// ****************/


/***************** // calender.html ****************/

.calender TABLE {
	width: 100%;
	table-layout: fixed;
}

.calender TH {
	height: 30px;
	text-align: center;
}

.calender TD {
	height: 100px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 0;
}

.calender .today {
            background:#eee !important;
        }
.calender TH:nth-of-type(1), .calender TD:nth-of-type(1) {
            color: red;
        }
.calender TH:nth-of-type(7), .calender TD:nth-of-type(7) {
            color: blue;
        }

/***************** calender.html // ****************/


/***************** // index.html ****************/

.index_feature LI { margin-top:15px; }

.explain-frame {
	margin: 10px;
	padding: 5px;
	border: 3px solid #82CBDB;
	color : #17a2b8;
}


/***************** index.html // ****************/

#agreement OL { margin:12.8px 0; padding-left:40px; }

#vote_detail TH { color:#FFFFFF; background-color:#82CBDB; padding:3px; text-align:center; }
#vote_detail TD { padding: 3px; background-color:#FFFFFF; }

.can_do_list { margin:10px 0px 10px 30px; }


/***************** // blog ****************/
.blog-title {
	background-color: pink;
	color: #FFFFFF;
	font-size: 1.1em; 
	font-weight: bold;
	padding: .5rem 1rem;
}



TABLE.radius10 {
	border: 1px solid #ccc;
	border-radius: 10px;
	border-collapse: separate;
}