/* CSS Document */

/* Default tag */
.accordion{

}
.testtest{

}

body{
  font-family: "sans-serif", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic";
	width: 100%;
	max-width: 960px;
	margin-right: auto;
	margin-left: auto;
	font-size: 1em;
  letter-spacing: 1px;

}
h1, h2, h3, h4, h5, h6{
  letter-spacing: 1px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0.4em;
	margin-left: 0px;
}
h1{
  color: #000;
	font-size: 2em;
  margin-top: 4px;
	margin-bottom: 0.3em;
}
h1.highTop{
  margin-top: 1em;
}

h2{
	margin-top:1.5em;
	font-size: 150%;
	color: #F00;
}
h2::before{
  content: "●";
}
h2.media::before{
  content: "";
}
h2.lowTop{
  margin-top: 0.5em;
}

#infoMain h2::before{
  content: none;
}
#infoMain h2{
	color: black;
	margin-top:1em;
}

h3{
  font-size: 100%;
  margin-top: 1em;
}
.latestBook, .backnumber{
	font-weight: bold;
	font-size: 1.4em;
	margin: 0.5em auto;
}
.latestBook:before, .latestBook:after, .backnumber:before, .backnumber:after{
  content: "～";
  margin: 0 0.5em;
}
h3.result{
  width: 100%;
  text-align: center;
}
h3.result:before{
  content:"＜";
  margin-right: 0.5em;
}
h3.result:after{
  content:"＞";
  margin-left: 0.5em;
}
h3.accordion1{
  width: 100%;
  text-align: center;
	border: solid 1px darkgray;
	border-radius: 18px;
	box-shadow: 2px 2px 8px gray;
	padding: 0.5em 0em;
	margin-bottom: 0em 0em 3em 0em;
}

/*↓見出し内での右よせ*/
span.rightAli{
  display: inline-block;
  width: 100%;
  text-align: right;
}
a:link, a:visited{
	text-decoration: underline;
  color: #000000;
}
div{
	overflow:hidden;
}
ul{
	overflow:hidden;
	margin: 0px;
	padding: 0px;
  list-style-type: none;
}
dl{
	overflow:hidden;
	margin: 0px;
	padding: 0px;
}
article{
	margin-bottom: 2em;
	padding-right: 0.5em;
	padding-left: 0.5em;
}

/* Header Element */
header{
	background-image: url(../image/top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 104px;
	font-weight: bold;
	padding-top: 205px;
	padding-left: 20px;
	margin: 0px;
	overflow:hidden;
  letter-spacing: 0px;
}
header p{
  color: #FFFFFF;
}
header p#siteHead{
	font-size: 200%;
  margin: 0 0 4px 0;
  line-height: 1.1em;
}
header p.addr{
	margin: 0;
	font-size: 90%;
  line-height: 1.1em;
}
header p.addr a{
  color: #ffffff;
  text-decoration: none;
}


/* Left Area */
#leftBlock{
	float: left;
	width: 20%;
	margin: 0px;
}

/* #leftBlock img{
	width: 210px;
} */


/* Navigation Element */
nav{
  font-size: 120%;
  margin: 0px;
	padding-top: 1em;
	padding-right: 0;
	padding-bottom: 1em;
/*  border-right: dashed 1px #898989;
*/}
nav ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
nav ul li{
  line-height: 1.4em;
  margin-bottom: 4px;
  letter-spacing: 3px;
}
nav ul li#prof{
  letter-spacing: -1px;
  font-size: 87%;
}
nav a:link, nav a:visited{
	text-decoration: none;
}

/* <<----- Banner Element ------>> */
/* index.htmlで使用 */
#main .magazineBanner{
	border: 1px solid #8e8e8e;
	background-color: #59C3E1;
	text-align: center;
	padding: 8px;
	border-radius: 16px;
  margin: 1em auto;
  width: 75%;
}
#main .magazineBanner dl{
	background-color: white;
	border-radius: 8px;
  padding: 0;
}
#main .magazineBanner dt{
	
}
#main .magazineBanner dd{
	background-color: #FFFDF2;
  padding: 8px;
	margin: 0 auto;
}
/* #FFFDEB */
#main .magazineBanner dd div{
  margin-left: 0;
}
#main .magazineBanner dd p{
	font-weight: bold;
}
#main .magazineBanner dd img{
  height: 50px;
  float: left;
  margin-left: 1em;
}
#main .magazineBanner dd p.bannerSub{
	font-size: 0.9em;
	padding-left: 0px;
}
#main .magazineBanner dd p.bannerTitle{
	font-size: 1.7em;
  letter-spacing: 0.3em;
	color: mediumblue;
  line-height: 0.9em;
	padding-left: 0px;
  margin-bottom: 0;
}
#main .magazineBanner a:link, #main .magazineBanner a:visited{
	text-decoration: none;
}

/* 
	padding: 0;

	color: navy;
	color: mediumblue;
*/


/* SideBanner (Under Menu) */

aside#sideBanner{

}
aside#sideBanner ul{
  display: block;
	padding: 8px 0px;
}
aside#sideBanner ul li{
	border: 2px solid #8e8e8e;
	text-align: center;
	padding: 5px 3px;
	border-radius: 8px;
    margin-bottom: 12px;
	width: 93%;
	box-shadow: 2px 3px 1px 2px #bababa;
}






/* Main Contents Element */
div#contents{
  color: #3c3c3c;
/*  color:#333333;
  color: #666;
*/	width: 80%;
	float: left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 0;
	margin: 0 0 1em 0;
	display: block;
/*  border-right: dashed 1px #898989;
*/}
div#contents p{
	margin:0 0 0.5em 0;
  padding: 0 0 0 1em;
}

section#main{
	margin-left: 4%;
}

ul li a{

}

section .cancel{
	text-decoration: line-through;
}

/* お知らせ用（お知らせ詳細） */
div#infoMain section dl{ /* ←未使用であれば削除する */
	margin: 0 0 0.5em 1em;
	display: flex;
}

section#infoMain dl{
	margin: 1em 1em 0.5em 1em;
}
section#infoMain dl dt{
}
section#infoMain dl dd{
  margin-left: 1.2em;
	margin-bottom: 1em;
}

/* お知らせ（お知らせ詳細）　~応援団表彰~ */
dl.ouendan {
  margin-bottom: 1em;
  padding-left:0.5em;
}
dl.ouendan dt{
  font-weight: bold;
}
dl.ouendan dd.awardee:before{
  content: "・";
  margin-left: -1em;
  text-decoration: none;
}

dl.ouendan dd.awardee{
  color:darkgreen;
  margin-top:0.4em;
}
/*dl.ouendan dd.under{
  text-decoration: underline;
} 
*/dl.ouendan dd.comment{
}


section#infoMain .link:before{
  content: "▶";
  text-decoration: none;
  display: inline-block;
  color: #FF8E00;
}

span.link:before{
  margin: 0 0.2em 0 0;
}
dd.link:before{
  content: "▶";
  text-decoration: none;
  display: inline-block;
  color: #FF8E00;
  margin-right: 0.5em;
}
dd.linkNew:before{
  content: "NEW";
  text-decoration: none;
  display: inline-block;
  color: #ff4e00;
  margin-right: 0.5em;
	font-weight: bold;
	text-shadow: 2px 2px 4px gray;
}
dd.linkNew{
	margin-left: 0.5em;
	margin-bottom: 1.2em;
	font-size:1.2em;
	font-weight: bold;
}

ul.link li:before{
  content: "▶";
  text-decoration: none;
  display: inline-block;
  color: #FF8E00;
  margin-right: 0.5em;
}
.link{
  margin-top: 1em;
	margin-bottom: 1em;
}
/* test CSS（検討） */
.border{
  border-top: dashed 1px #B3B3B3;
  padding-top: 0.5em;
}


/* -------------------------------------- */
ul.link li{
  margin: 0.4em auto;
  width: 100%;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
ul.link li.health{
  display: block;
}

ul.link li a:first-child{
  margin-left: 0.1em;
}
ul.link li a{
  margin-left: 0.5em;
  text-decoration-color: gray;
}
ul.link li a img{
  vertical-align: middle;
  margin-right: 0.3em;
}

ul.markList{
  list-style: disc;
  list-style-position: outside;
  padding-left: 2em;
}

ul#linkList{
  padding-left: 1em;
}
ul#linkList li{
  line-height: 200%;
}

dl.materialDl{
  margin-left: 0;
  padding-left: 0;
}
dl.materialDl dt{
  font-weight: bold;
  font-size: 130%;
  margin-left: 0;
  margin-bottom: 0.2em;
  width: auto;
  border-bottom: dashed #000000 1px;
}
dl.materialDl dd{
  margin-left: 1em;
  margin-bottom: 2em;
}
dl.soft, dl.claim{
	width: 80%;
	margin: auto auto 0.5em auto;
	padding: 1em 1em 0.5em 1em;
	border: solid #A7A7A7 2px;
  border-radius: 12px;
}
dl.soft dd, dl.claim dd{
	margin-bottom: 0.5em;
}
dl.soft dt{
	font-weight: bold;
	padding-bottom: 0.3em;
}

article#information{
	width:90%;
	background-color: #FFFFFF; 
	margin-bottom: 2em;
	clear: both;border-radius: 12px;
	border: 2px solid #7D7D7D;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}
article#information h2:before{
  content: "●";
  font-size: 90%;
  margin-right: 0.5em;
}
article#information h2:after{
  content: "●";
  font-size: 90%;
  margin-left: 0.5em;
}
article#information a:link, article#information a:visited{
	text-decoration: none;
	color: #00F;
}
article#information h2{
	font-size: 130%;
  color: #FF8E00;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0.5em;
}
article#information dl{
  display: block;
  width: 98%;
  margin: 0 auto;
  padding: 0;
  border-top: #797979 1px dotted;
  border-bottom: #797979 1px dotted;
  overflow: hidden;
}
article#information dl dt, article#information dl dd{
  margin: 0;
	width:100%;
}
article#information dl dt{
  font-size: 70%;
  font-weight: bold;
	padding-top: 0.4em;
	padding-bottom: 0px;
	padding-right: 12px;
}
article#information dl dd{
  font-size: 90%;
	padding-top: 0;
  padding-bottom: 0.3em;
  border-bottom: dotted 1px #039;
}
article#information dl dd:last-child{
  border-bottom: none;
}
article#member dl dt{
  font-weight: bold;
  margin: 0.5em auto 0.3em auto;
}
article#member dd dl dt{
  font-weight: normal;
  text-decoration: underline;
}
article#socialFeed{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
article#socialFeed div{
}

div#kokoron{
	margin-top: 4em;
}
div#facebook{
	width:45%;
	float:left;
	margin-right: 2.5em;
	clear: both;
}
div#blogFeed{
	width:45%;
	float:left;
}

/* トップページ用　ココロねっこパレード用お知らせ */
article.sp_info{
  font-size: 100%;
	width:90%;
	background-color: #FFFFFF; 
	margin-bottom: 2em;
	clear: both;border-radius: 12px;
	border: 2px solid #7D7D7D;
	height: auto;
  margin: 1.5em auto 3em auto;
	padding: 0.5em 1em;
}
article.sp_info h2{
	text-align: center;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
article.sp_info p{
  font-size: 120%;

}



/* お知らせ詳細用スタイル */
#infoMain{
	padding: 2%;
}
#infoMain h1{
  font-size: 130%;
  text-decoration: underline;
  margin-bottom: 1em;
}
#infoMain h2{
  font-size: 130%;
}
#infoMain div#date{
  font-size: 80%;
}
#infoMain p{
  margin: auto 1em;
}
#infoMain span.link{
  display: block;
  margin: 0.5em auto;
}

p.hanrei img{
  margin-left: 0.5em;
}


/* Footer Element */
footer{
  float: none;
  clear: both;
  border-top: solid #B3B3B3 1px;
}
#copyRights{
  width: 100%;
  text-align: center;
}