/*
We highly recommend you use SASS and write your custom styles in sass/_custom.scss.
However, this blank file is available if you prefer
*/

@charset "UTF-8";

html, body {
  background: #ffffff;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

body{
/*  margin-top: -20px; */
  padding-top: 45px;
}

}

.main{
  margin:0 0 0 0;
  background: #fffde0;
}

.date_txt{
    font-size: 12px;
}
.kabe {

}
.kansoubun {

}
.banner{
  margin:0 auto 30px auto;
  width:100%;
/*  max-width:980px;*/
    text-align:center;
  height:auto;
  /* background: #E06A9F; */
}
.row {
  margin-bottom: 25px;
  text-align: center;
}

.row-margin-bottom-0 {
  margin-bottom: 0;
}

.row-margin-bottom-10 {
  margin-bottom: 10px;
}

.row-margin-top-30 {
  margin-top: 30px;
}

.row-margin-top-60 {
  margin-top: -80px;
  padding-top: 80px;
}

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

.bg-transparent {
  background: transparent
}

.bg-note {
  background: url('../img/kansoubun_back_02.png') repeat-y;
  background-size: contain;
}

.bg-note-header {
  position: relative;
}

.bg-note-header-img {
  vertical-align: bottom;
  /* background: url('../img/m_gold.png'); */
}

.bg-note-m-img {
  width: 11%;
  position: absolute;
  top: -25%;
  left: -5%;
}

.bg-note-img {
  width: 18%;
  position: absolute;
  top: -4%;
  left: -7.5%;
}

.note-board-row {
/*  padding: 5% 5%; */
padding:10%;
}

.note-board-bg {
  padding: 5% 7%;
  background: #f1c49a;
  position: relative;
}


.note-board-title {
  text-align: center;
  background: white;
}

.note-board-img {
  margin-top: 6%;
  margin-bottom: 4%;
width: 100%;
}

.note-board-img-margin0 {
  margin-top: 2%;
  margin-bottom: 2%;
width: 100%;
}

.note-board-description {
  text-align: center;
  background: white;
}

.row-margin-10 {
  margin-bottom: 5%;
}

.note-board-three h6 {
  padding: 5%;
  font-size: 0.7rem;
}

.note-board-three h5 {
  padding: 5%;
  font-size: 0.8rem;
}

.note-board-three h6 {
  padding: 3%;
  font-size: 0.7rem;
}

.note-board-two h5 {
  padding: 5%;
  font-size: 0.9rem;
}

.note-board-two h6 {
/*   padding: 5%; */
/*   font-size: 0.9rem; */
padding: 3%;
font-size: 0.8rem;
}

.note-board-description .kana {
font-size: 0.6rem;
}

.kabe .note-board-three{
  display: flex;
  justify-content: center;
}

.note-board-three.columns:first-child {
  padding-left: 5%;
}
.note-board-three.columns:last-child {
  padding-right: 5%;
}

.note-bronze {
  font-size: 0.9rem;
  text-align: left;
  padding-left: 6%;
  padding-right: 6%;
}

.note-bronze a {
  font-size: 0.9rem;
}

.note-kouhyo {
  text-align: left;
  padding-left: 6%;
  padding-right: 6%;
}

.note-footer {
/*  margin-bottom: 3%; */
}

.note-footer img {
  vertical-align: top;
}

a {
  font-size: 1rem;
  color: #3085d6;
  text-decoration: none;
  outline: 0px none;
  line-height: inherit;
}
a:hover { color: #c03d20; }

.entry-1 h4 {
  margin-bottom: 1%;
}
.entry-1 p {
  text-align: left;
}

.f-caption {
  display: none;
}

.fancybox-inner embed {
  height: 99%;
}

.kansoubun {

}

.kansoubun-row-1 {
  margin-bottom: 0px;
}
.kansoubun-row-1 p {
  text-align: left;
  margin-bottom: 0;
  font-weight: bold;
}
.kansoubun-row-2 {
  margin-bottom: 1%;
}

.kansoubun-row-2 p {
  text-align: left;
  margin-bottom: 0;
}
.kansoubun-row-2 p.title {
  background: #f3e6b6;
  font-weight: bold;
  font-size:1.1rem;
}
.kansoubun-row-2 p.caption {
  background: #f3e6b6;
  font-weight: bold;
}

.kansoubun-row-3 {
  word-wrap:break-word;
  margin-bottom: 10px;
}
.kansoubun-row-3 p {
  text-align: left;
  margin-bottom: 3%;
  font-size:0.9rem;
}
.kansoubun-row-3 img {
}
.bg-note-kabeshinbun {
  background: url('../img/kansoubun_back_02.png') repeat-y;
  background-size: contain;
}

.bg-note-kazokude {
  background: url('../img/kazokude_back_02.png') repeat-y;
  background-size: contain;
}

.bg-note-gakko-header {
  background: url('../img/nie_back_01.png');
  background-size: 100%;
}
.bg-note-gakko {
  background: url('../img/nie_back_02.png') repeat-y;
  background-size: contain;
}

.kazokude {

}

.note-board2-row {
  padding: 0% 0%;
}

.note-board2-bg {
  padding: 0% 0%;
}

.kansoubun-row-padding {
  padding: 1% 5%;
}

table.info-base {
width: 100%;
padding:8px;
font-size:12px;
line-height:1.3em;
background-color: #ffffff;
color:#585756;
border:6px solid #93DAFF;
}
table.info-base td{
  vertical-align: top;
}
td.data-base {
background-color: #ffffff;
}
#footer {
/* margin: 0 120px; */
padding: 0;
font-size: 12px;
/* background:url("../images/bg.png") center top repeat-y; */
text-align: left;
}
.copyright {
display: block;
line-height: 1.3em;
/* height: 45px; */
margin: 0;
padding: 10px 10px 10px 10px;
color: #FFFFFF;
/* background: #333333 url("../images/copyright_bg.jpg") no-repeat; */
background: #333333;
text-align: center;
}
.page_top {
margin: 0;
padding: 0;
padding-top:5px;
padding-bottom:5px;
text-align: right;
font-size: 0.8rem;
}

#pagetop {
	position: fixed;
	bottom: 50px;
	right: 30px;
}



.oubo {
	display:block;
	width : 290px;
	margin : 30px auto 0 auto;
	font-size: 1.4em;
	text-align: center;
	color : #ffffff;
	padding : 10px 20px 10px 20px;
	border : 2px dashed rgba(255,255,255,1.0);
	background : #0068B6;
	border-radius : 4px;
		-moz-border-radius : 4px;
		-webkit-border-radius : 4px;
	box-shadow: 0 0 0 5px #0068B6, 0 2px 3px 5px rgba(255,255,255,0.5);
		-moz-border-shadow :  0 0 0 5px #0068B6, 0 2px 3px 5px rgba(255,255,255,0.5);
		-webkit-border-shadow :  0 0 0 5px #0068B6, 0 2px 3px 5px rgba(255,255,255,0.5);
	position: relative;
}
.oubo:hover {
	color:#FFFFFF;
}

.main a#kabe_silver,
.main a#kabe_bronze,
.main a#kabe_nyusen,
.main a#kansobun,
.main a#kanso_silver,
.main a#kanso_bronze,
.main a#kanso_nyusen,
.main a#scrap,
.main a#scrap_silver,
.main a#scrap_bronze,
.main a#scrap_nyusen,
.main a#gakko,
.main a#special,
.main a#kouhyo,
.main a#keika {
  padding-top: 45px;
  margin-top: -45px;
  display: block;
}

/*--- スマホ表示 ---*/
*.cw_spView {
display:none;
}
*.cw_pcView {
display:block;
}
@media only screen and (max-width:767px) {
*.cw_spView {
display:block;
}
*.cw_pcView {
display:none;
}
.kabe .note-board-three{
  display: block;
}
}

/*--- fancybox 調整 ---*/
.fancybox-prev {
    left:20px !important;
}
.fancybox-next {
    right:20px !important;
}
.fancybox-nav {
    height: 88% !important;
}
.fancybox-nav span {
    top: 56% !important;
}