body{
  margin:0px;
}
#wrap {
  /*width: 100%;*/
}
#wrap {
  width:1000px;
  margin:0px auto;
  overflow: visible;
  text-align: left;
}
header,#contents,footer{
  width:1000px;
  margin:0px auto;
}
/* スマホサイズの横幅でそのまま表示 */
.nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
}
.nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
}
#category{
  list-style-type:none;
  margin:16px 0px;
  padding:0px;
}
#category li{
  float:left;
  margin-right:8px;
}
#left {
  float:left;
  width:136px;
  margin:10px 14px 10px 0px;
}

#main {
  float:left;
  width:680px;
  /*border:dashed 1px #999;*/
  margin:0px 0px 10px 0px;
}
#menu {
  float:right;
  width:300px;
  /*border:dashed 1px #999;*/
}

footer {
  border-top:1px solid #000000;
  padding-top:8px;
  clear:both;
  text-align:center;
  padding-bottom:16px;
  font-weight: bold;
}
news, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
h2,h3{
  margin-top: 0px;
  padding-top:0px;
}
.clearfix:after { /*floatの解除、ここがポイント*/
  display:block;
  clear:both;
  height:0px;
  visibility:hidden;
  content:".";
}
#sns ul{
  list-style-type:none;
  margin:16px 0px;
  padding:0px;
}
#sns li{
  float:left;
  margin-right:8px;
}
@media print {
  a[href]:after {
    content: ""!important;
  }
  abbr[title]:after {
    content: ""!important;
  }
}
.mContents {
  margin-bottom:16px;
}
.ajaxLoad{
  text-align: center;
  padding:18px 0px;
}
.rectag{
  padding-right: 4px;
  font-size:90%;
  font-weight: bold;
}
label {

cursor:pointer;

}


#topNews .label-warning{
    margin-left:4px;
    font-size:0.5em;
}
#topNews span{
vertical-align:middle;
}

#tagOnList input,#tagList input{
	vertical-align:middle;
	margin-top:0px;
	margin-right:2px;
}
#tagOn{
    font-weight: bold;
}
#rAd{
  text-align: center;
  /*
  background-color: red;
  */
  width:300px;
  height:230px;
}
#adPr{
  font-size:80%;
  text-align: center;
  font-weight: bold;
}
.nostyle{
  list-style-type:none;
  margin-left:0px;
  padding-left:0px;
}
.listDate{
  margin-left: 8px;
      margin-top: 4px;
      text-align: right;
}
.listTxt{
  float: left;
  width: 480px;
}
.listPhoto{
  float: right;
  margin-left: 16px;
}
#newslist li{
  margin-bottom:16px;
}
.page-header{
  margin-top:0px !important;
}
.mBody h3{
  margin-top:0px !important;
}
#calTitle{
  font-weight: bold;
  font-size:130%;
  margin-right:16px;
}

/* トップページ */
#topNews{
  width:370px;
  float:left;
}
#topNews .tNbody{
  line-height: 1.3em;
}
#topNews ul{
  list-style-type:none;
  margin:0px 0px;
  padding-left:0px;
}
#topNews li{
  margin-bottom:10px;
  font-size:14px;
  display:block !important;
  border-bottom:1px dotted #E1E1E1;
  padding-bottom: 8px;
  padding-left: 1em;
  text-indent: -1.2em;
  line-height: 145%;
}
#topNews .glyphicon-camera{
  margin-left: 18px;
}
#topNews .label{
    margin-left:2px;
    font-size: 70% !important;
    padding-top: 0.2em;
    padding-right: 0.5em;
    padding-bottom: 0.2em;
    padding-left: 0.5em;
    border-radius: 7px;        /* CSS3草案 */
    -webkit-border-radius: 7px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 7px;   /* Firefox用 */
}

#newslist .label{
    margin-left:8px;
    font-size: 70% !important;
    padding-top: 0.2em;
    padding-right: 0.5em;
    padding-bottom: 0.2em;
    padding-left: 0.5em;
    border-radius: 7px;        /* CSS3草案 */
    -webkit-border-radius: 7px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 7px;   /* Firefox用 */
}

#topPhoto{
  float:right;
  width:280px;
}
.tNbody{
  margin:0px 4px;
}
.mBody{
  padding:10px 9px;
  width:auto;
  border: 1px solid #E1E1E1;
  margin-bottom:16px;
}
#topPhoto #tPimg img{
  width:280px;
}
#tPthum{
  font-weight: bold;
  margin-top:8px;
}

.photomany{
    text-align: center;
    font-weight: bold;

}
.photomany img{
  width: 360px;
}

/* ヘッダー */
header {
  /*margin-top:8px;*/
}
header h1{
  margin-top:0px;
}
/* ヘッダー調整 20190803 */
header nav li{
  font-size:0.8em;
}
#hwrap{
  width:1000px;
}
#hlogo{
  width:200px;
  background-color: red;
  margin: 16 auto;
}
#hnavi{
  width:1000px;
  height:50px;
  background-color: yellow;
}
#hnavi ul{
  list-style:none;
}
#hnavi li{
  float:left;
}






#ad{
  margin: 0 auto;
  font-size:12px;
}
#ad_space{
  background-color: red;
  margin-bottom:8px;
}
#pr{
  text-align:center;
  margin-bottom:3px;
}





#contents {
/*float:left;
width:680px;*/
margin:10px 0px 10px 0px;
}

#right {
  float:right;
  width:300px;
  margin-top:10px;
}

#bn_box {
  width:200px;
  height:100%;
  margin:0px;
  padding:0px;
  text-align:left;
}
#photo{
  float:right;
  margin-left:10px;
}

.date{
  text-align:right;
  margin:8px;
}



news{
  padding:0px 10px;
}
news #text{
  line-height:150%;
}
.clearfix:after {
  display:block;
  clear:both;
  height:0px;
  visibility:hidden;
  content:".";
}
.content li{
  margin-bottom:16px;
}

.sideCat{
  padding-left:8px;
  padding-bottom:3px;
  margin-bottom:5px;
}
#newsList{
  margin:16px 0px;
}
#newNews{
  font-weight: bold;
}
#left{}
#cat{
  font-size:13px;
}
#cat li{
  margin-bottom:4px;
}
.rightImg{
  margin-bottom:8px;
  font-size:13px;
}
#bn_box img{
  margin-bottom:16px;
}
.content .nostyle{
  list-style-type:none;
  margin-left:0px;
  padding-left:0px;
}
#sns ul{
  list-style-type:none;
  margin:16px 0px;
  padding:0px;
}
#sns li{
  float:left;
  margin-right:8px;
}
#newsWrap h3{
  border-bottom:1px solid #000000;
  padding-bottom:5px;
}

#pager{
  text-align: center;
}


/* 記事 */
article h1{
  margin-top:4px !important;
  font-size:30px !important;
}
article h2{
  margin-top:0px !important;
  font-size:24px !important;
}
#articleSubBuy{
  font-weight: bold;
  font-size:110%;
  margin-top:18px;
  text-align: center;
}
#articleSBnr{
  border: 1px solid #E1E1E1;
  margin-bottom:16px;
}
#articleSBnr img{
  width:678px;
}
#aBody{
  width:660px;
  line-height: 1.6;
  margin-top:-20px;
}
#aText{
  line-height: 1.7;
    font-size: 16px;
  /*width:390px;*/
  /*float:left;*/
}
#aText p{
  margin-bottom:1.5em;
}
#aPhoto{
  max-width:360px;
  margin-left: 28px;
  float:right;
}
#aPhoto img{
  max-width:360px;
}
.photmanyCap{
  max-width:360px;
  margin: 0px auto;
  text-align: left;
}
#aPcap{
  font-weight: bold;
  margin:8px 0px;
}
#nArea{
  font-size:95%;
  color:#666;
  margin-bottom:8px;
  position: relative;
  top:-37px;
  left:160px;
  margin:-50px 0px;
}
#nArea .glyphicon{margin-right:2px;}
#nGenre{
  font-size:95%;
  color:#666;
  margin-bottom:8px;
  position: relative;
  top:-37px;
  left:163px;
  margin:-50px 0px;
}
#nGenre .glyphicon{margin-right:2px;}
#nDate{
  font-size:95%;
  color:#666;
  margin-bottom:8px;
  position: relative;
  top:-37px;
  left:170px;
  margin:-50px 0px;
}
#nDateBottom .glyphicon{margin-right:2px;}
#lastUpdate{
  margin-bottom:8px;
  margin-top:8px;
}
#nDateBottom{
  font-size:95%;
  color:#666;

}
#nDate .glyphicon{margin-right:2px;}
#nEditer{
  font-size:95%;
  color:#666;
  margin-bottom:8px;
  position: relative;
  top:-37px;
  left:167px;
  margin:-50px 0px;
}
#nEditer .glyphicon{margin-right:2px;}
#mapBody{
  font-weight: bold;
  font-size:120%;
  margin-bottom: 16px;
}
#mapMap{

}
#map_canvas1{
  width:320px;
  height:220px;
  float:left;
}
#map_canvas2{
  width:320px;
  height:220px;
  float: right;
}
#osKiji{
  font-weight: bold;
  font-size:120%;
  margin-bottom: 16px;
}


/*
* bootstrap thumbnail
*/
.row-flex, .row-flex > div[class*='col-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /*flex:1 0 0;*/
}

.row-flex-wrap {
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;/*--- IE10用 ---*/
    flex-flow: row wrap;
    align-content: flex-start;
    flex:1 0 0;
}

.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
    margin:-.2px; /* hack adjust for wrapping */
}

.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div {
    width:100%;
}


.flex-col {
    display: flex;
    display: -webkit-flex;
    flex: 1 100%;
    flex-flow: column nowrap;
}

.flex-grow {
    display: flex;
    -webkit-flex: 2;
    flex: 2;
}
.thumbPhoto{
  min-height:130px;
  background-color:#f5f5f5;
  vertical-align:middle;
}
.thumbPhoto img{
  max-height: 127px;
  max-width: 190px;
}


#topPhoto .swiper-container {
    width: 280px;
    height: 260px;
}

#topPhoto .swiper-button-prev{
  background-size:15px !important;
  left:0px !important;
  top:35% !important;
}
#topPhoto .swiper-button-next{
  background-size:15px !important;
  right:0px !important;
  top:35% !important;
}
#topPhoto #tPimg{
  text-align:center;
}
#topPhoto #tPimg img{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:187px;

}


#photoSlide .swiper-container {
    width: 660px;
    height: 400px;
}
#photoSlide #tPimg{
    text-align:center;
}
#photoSlide #tPimg img{
  width:auto;
  height:auto;
  max-width:660px;
  max-height:300px;

}

#rankinghead{
  font-size: 18px;
  margin-top: 0px;
  border-bottom: 1px dotted #E1E1E1;
  padding-bottom: 5px;
}


#ranking li{
  width:300px;
  margin-bottom:16px;
  border-bottom:1px dotted #E1E1E1;
  padding-bottom: 5px;
}
.rankingNo{
  float:left;
  width:20px;
  font-size:130%;
  font-weight: bold;
}
.rankingBody{
  float: left;
  font-size:90%;
  width:170px;
}
.rankingBodynoPhoto{
  float: left;
  font-size: 90%;
  width: 280px;
}
.rankingBodyL{
  float: left;
  font-size:90%;
  width:270px;
}
.rankingCap{
  float: right;
  width:100px;
}
.rankingCap img{
  width:100px;
}
.rankingText{
  font-size:90%;
}
.rankingDate{

}
#shinbunInfo li{
  width:300px;
  margin-bottom:16px;
  border-bottom:1px dotted #E1E1E1;
  padding-bottom: 5px;
}
#ranking li a{
  display: block;
}
#rankingTime {
  font-size:80%;
  font-weight: bold;
  text-align:right;
}
.ptoplist figure{
  min-height: 95px;
}

a.plist {
    display: block;
    float: left;
    overflow: hidden;
    padding-bottom:8px;
    padding-top:8px;
    width: 100%;
    text-align: center;
}

.plist img {
    height: auto;
    -webkit-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;
    width: auto;
    height: auto;
    max-height: 95px;
    max-width: 142px;
    vertical-align: bottom;
}
.plist figure {
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.plist figcaption {
    background-color: rgba(0,0,0,0.6);
    color: #FFF;
    opacity: 0;
    font-size: 12px;
    position: absolute;
    -webkit-transition:all 0.25s ease-in-out;
        transition:all 0.25s ease-in-out;
        padding:4px 2px;
    width:100%;
    text-align: left;
    bottom: 0;
}
.topPhotoList a:hover>figure img {
        transform: scale(1.15,1.15);
        -webkit-transform:scale(1.15,1.15);
        -moz-transform:scale(1.15,1.15);
        -ms-transform:scale(1.15,1.15);
        -o-transform:scale(1.15,1.15);
}

.topPhotoList a:hover>figure figcaption {
    opacity: 1;
}

.alpha a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}

#topTag{
  font-weight: bold;
}
#topMainNews .topMainPhoto img{
  max-width: 320px;
  max-height: 250px;
  text-align: right;
  margin:0px;
  padding: 0px;
  width: auto;
  height: auto;
}
#topMainNews .topMainPhoto{
  margin:0px;
  padding: 0px;
  min-width: 310px;
  text-align: center;
  vertical-align: middle;
  background-color: #efefef;
}

#topMainNews .media-body{
  padding-left: 16px;
  padding-right: 16px;
}
#topMainNews h1{
  margin-top: 0px;
  padding-top:0px;
  font-size:20px;
  font-weight: bold;
  line-height: 1.3em;
}
#topMainNews .label-warning{
    margin-left:4px;
    font-size:0.5em;
}
#topMainNews span{
vertical-align:middle;
}
#topMainNews .label{
    margin-left:2px;
    font-size: 70% !important;
    padding-top: 0.2em;
    padding-right: 0.5em;
    padding-bottom: 0.2em;
    padding-left: 0.5em;
    border-radius: 7px;        /* CSS3草案 */
    -webkit-border-radius: 7px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 7px;   /* Firefox用 */
}

#topMainNews .topMainBody{
  line-height: 1.7em;
}

#topTagList{

}
.tagListColum{
  float:left;
  width: 210px;
  margin-bottom:16px;
  min-height: 408px;
}
.tagListColumCenter{
  margin: 0px 15px;
}
.tagListColum img{
  max-width: 210px;
  max-height: 140px;
  text-align: center;
  margin:0px;
  padding: 0px;
  width: auto;
  height: auto;
}
.topTagNews{
  min-height: 140px;
  min-width: 210px;
  margin:0px 0px 8px 0px;
  padding: 0px;
  width: auto;
  height: auto;
  text-align: center;
  background-color: #efefef;
}

.tagNewsHead{
  border-top:1px solid #E1E1E1;
  padding-top:10px;
  margin-top:10px;
}
.tagListName{
  font-weight: bold;
  font-size:0.9em;
  margin:8px 0px;
}


.balloon {
position: relative;
display: inline-block;
padding: 7px 10px;
min-width: 120px;
max-width: 100%;
color: #555;
background: #FFF;
border: solid 3px #555;
box-sizing: border-box;
}.balloon:before{
content: "";
position: absolute;
bottom: -24px;
left: 50%;
margin-left: -15px;
border: 12px solid transparent;
border-top: 12px solid #FFF;
z-index: 2;
}.balloon:after{
content: "";
position: absolute;
bottom: -30px;
left: 50%;
margin-left: -17px;
border: 14px solid transparent;
border-top: 14px solid #555;
z-index: 1;
}.balloon p {
margin: 0;
padding: 0;
}




#adKijiS{
  text-align:center;
  margin:24px 0px;
}
#adKijiSL{
  float:left;
  width:320px;
}
#adKijiSL img{
  width:300px;
  height:230px;
}

#adKijiSR{
  float:right;
  width:320px;
}
#adKijiSR img{
  width:300px;
  height:230px;
}
.adPr{
  font-size: 80%;
  text-align: center;
  font-weight: bold;
  margin-bottom:8px;
}


/* 写真 */
#photoMain{
  margin: 0px;
  padding: 0px;
  min-width: 660px;
  text-align: center;
  vertical-align: middle;
  background-color: #efefef;
}
#photoMain img{
  max-width:660px;
  max-height:450px;
  margin: 0px;
  padding: 0px;
  width: auto;
  height: auto;
}
#photo_article h1{
  font-size:17px !important;
  margin-top:16px !important;
  font-weight: bold;
}
#photo_article #sns ul{
  margin-bottom:0px;
}
#photo_article #nArea{
  top:-25px;
}
#photo_article #nGenre{
  top:-25px;
}
#photo_article #nEditer{
  top:-25px;
}
#photo_article #nDate{
  top:-25px;
}


#photo_article #aBody{
  margin-top:0px;
}
#photoNext{
  font-weight: bold;
  text-align: center;
  font-size:16px;
}

#photo_all{

}
#photo_all .thumImg{
  margin:0px;
  padding: 0px;


  text-align: center;
  vertical-align: middle !important;
  background-color: #efefef;

}
#photo_all .thumbnail{
  min-height: 320px;
}

#photo_all .thumbnail img{
  max-height: 204px;
  max-width: 305px;
  margin: 0px;
  padding: 0px;
  height: auto;
  width: auto;
}

#photo_all .photolink{
      text-decoration: none;
}
.pcap{
  font-weight: bold;
}
.phead{
  font-weight: bold;
  font-size:16px;
}
.pmeta{
  margin:8px 0px;
  text-align: right;
}
#photo_all h1{
  margin-top:0px;
  font-size:22px;
}
/* top new */
.nav .label{
  margin-left: 4px;
  font-size: 70% !important;
  padding-top: 0.2em;
  padding-right: 0.5em;
  padding-bottom: 0.2em;
  padding-left: 0.5em;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
}


.maeBfloor{
  margin:32px;
}

/* instagram */
#instagram{
  width:300px;
  max-height:500px;
  font-size:12px;
  margin-bottom:18px;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 8px;
}
#instagram img{
  width:300px;
}
.insMainImg{
  max-height: 500px;
  margin-bottom:8px;
}
.insCap{
  margin-bottom:8px;
  font-weight: bold;
}
.insTime{
  text-align: right;
}
.insTags .glyphicon{
  margin-right: 4px;
}
.insLike{
  font-weight: bold;
}

/* 季節 */
.seazonHalloween{
  margin-bottom:16px;
}
.seazonHalloween img{
  width:100%;
}
/* メガバナー */
#megaBnr img{
  max-width:170px;
}
/* 次代への軌跡 */
#jdM{
}
#jdMain{
  width:660px;
}
#jdLeft{
  float:left;
  width:330px;
  padding:8px;
}
#jdRight{
  float:right;
  width:320px;
  border-left:1px solid #cccccc;
  padding:8px;
}
.jdHead{
  font-weight: bold;
  font-size: 1.2em;
}
.jdBody{
  padding:8px;
}
.jdBodyR{
  font-size:0.8em;
  padding:8px;
}
.jdBodyUnder{
  border-bottom:1px solid #cccccc;
  margin-bottom:8px;
}
.marker_water {
  background: linear-gradient(transparent 60%, #66ccff 100%);
font-weight:bold;
}
.jdLPhoto{
  width:314px;
}
.jdLLeft{
  float:left;
  width:150px;
}
#jdLeft img{
  width:100%;
}
.jdLLeft img{
  width:100%;
}
.jdLRight{
  float:right;
  width:150px;
}
.jdLRight img{
  width:100%;
}
.jdTitle {
  color: #6594e0;/*文字色*/
  border-bottom: dashed 2px #6594e0;
  font-weight:bold;
  font-size:1.6em;
  margin-bottom:16px;
}
.jdIken{
  font-weight:bold;
  font-size:1.1em;
  margin-top:16px;
}
.jdDesc{
  margin-top:8px;
}
.jidaiBnr img{
  max-width: 100%;
  margin-top:12px;
}
/* スクールトップ */
#schoolTop{

}
#schoolTop ul{
  margin-left:0px;
  padding-left:0px;
}
/* line */
#snsPromo{

}
#snsPromo img{
  max-width:100%;
}
#line_friend{
  margin-top:50px;
  text-align:center;
  margin-bottom:50px;
}
.line_friend_Text{
  font-weight:bold;
  font-size:1.2em;
  color:green;
  margin-bottom:16px;
}

/* 右カラムSNSアイコン */
#snsAccount{

}
#snsAccount ul {
	margin:0px;padding:0px;
}
#snsAccount ul li{
   display: inline;
}
.snslist {
	margin-right:8px;
}

/* 次代への軌跡 */
.jidaiKisha{
text-align:center;
}
.jidaiKisha img{
  max-width:30%;
}
.jidaiform{
font-weight:bold;font-size:1.3em;
}

#noteThum img{
    max-width:100%;
}
#noteTitle{
  font-weight: bold;
  font-size:1.3em;
  margin:16px;
}
#noteDescription{
  margin:16px 16px;
}
#noteDescription img{
    max-width:100%;
}