@charset "UTF-8";
/*
########################################################
  Header
########################################################
*/
#Header{

}
#Header .head{
    width:960px;
    margin:0 auto;
    padding:15px 15px 15px 30px;
}
#Header h1{
    width:350px;
    float:left;
}
#Header h1 img{
    width:350px;
    height:auto;
}
#Header #search_box{
    width:330px;
    height:1em;
    float:right;
    margin:43px 10px 0 0;
}
.cse .gsc-search-button-v2, .gsc-search-button-v2{
    height:29px;
}
#Header #search_box table,
#Header #search_box table td{
    border:0;
    margin:0;
    padding:0 0px 0 5px;
}
#Header #Menu{
    border-top:2px solid #333;
    border-bottom:1px solid #eee;
}
#Header #Menu ul{
    width:960px;
    margin:0 auto;
    padding:0 15px;
}
#Header #Menu li{
    float:left;
    list-style: none;
    padding:0px;
    width:calc(20% - 1px);
    border-left:1px solid #eee;
}#Header #Menu li:last-child{
    width:calc(20% - 2px);
    border-right:1px solid #eee;
}
#Header #Menu li a{
    display: block;
    text-align:center;
    text-decoration: none;
    color:#333;
    font-weight:bold;
    font-size:85%;
    line-height: 50px;
}
#Header #Menu li a:hover{
    background:#e4f1f1;
}
#about #Header #Menu li:first-child a{
    background:#e4f1f1;
}
#musubu #Header #Menu li:nth-child(2) a{
    background:#e4f1f1;
}
#report #Header #Menu li:nth-child(3) a{
    background:#e4f1f1;
}
#tonegawa #Header #Menu li:nth-child(4) a{
    background:#e4f1f1;
}
#dam #Header #Menu li:nth-child(5) a{
    background:#e4f1f1;
}

/*
########################################################
  BreadNavi
########################################################
*/
#BreadNavi {
    width:960px;
    margin:20px auto;
    padding:0 15px
}
#BreadNavi ul{
    list-style: none;
    margin: 0;
    padding: 0;
    font-size:80%;
}
#BreadNavi ul li{
    float:left;
}
#BreadNavi ul li::after{
    content: ">";
    margin:0 0.5em;
}
#BreadNavi ul li:last-child::after{
    content:"";
    margin:0;
}
#BreadNavi ul li a{
    color:#333;
}
#BreadNavi ul li:last-child a{
    text-decoration: none;
    pointer-events: none;
    display: inline-block;
}
#BreadNavi ul li.Category{
    display: none;
}
/*
########################################################
  MainImage
########################################################
*/
#home .headImage{
    width:960px;
    margin:0 auto;
}
#home .headImage img{
    width:100%;
    height:auto;
}
#about .headImage,
#report .headImage,
#tonegawa .headImage{
    display:none;
}
/*
########################################################
  BG color
########################################################
*/
.BG_white{
    background-color:#fff;
}
.BG_blue{
    background-color:#e4f1f1;
}
.BG_green{
    background-color:#e4f1e5;
}
.BG_yellow{
    background-color:#fffee7;
}
.BG_orange{
    background-color:#f1ebe4;
}
.BG_red{
    background-color:#f1e4e4;
}
.BG_brown{
    background-color:#f1f0e4;
}
.BG_gray{
    background-color:#e6e6e6;
}
/*
########################################################
  MainContent
########################################################
*/
.MainContent{
    width:900px;
    min-height:300px;
    margin:0 auto;
    padding:30px 45px;
    font-size:95%;
    line-height: 180%;
}
.MainContent.wide{
    width:100%;
    min-height:500px;
    margin-bottom:30px;
    float:none;
    font-size:95%;
}
.MainContent.noNavi{
    width:720px;
    min-height:500px;
    margin:0 auto 30px auto;
    float:none;
    font-size:95%;
}
.MainContent.noNavi #SideNavi{
    display:none;
}
.MainContent .SNS .fb-like{
    vertical-align: top;
    line-height:100%;
}
.InternalContent{
    background:#fff;
    border-radius: 5px;
    padding:25px;
    margin-bottom:15px;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
}
.MainContent ul,
.MainContent ol{
    margin:0 0 1em 0;
    padding:0;
}
.MainContent ol li{
    margin:0 0 1em 1.7em;
	list-style-type:decimal;
}
.MainContent ul li{
    margin:0 0 1em 1.7em;
	list-style-type:disc;
}
.MainContent ul li ol li{
	margin-left:1.7em;
	list-style-type:decimal;
}
.MainContent ul.nolist > li,
.MainContent ol.nolist > li{
    list-style-type:none;
    margin-left:0em;
}
.MainContent ol.ABC > li{
	list-style-type: upper-latin;
}
.MainContent ol.abc > li{
	list-style-type: lower-latin;
}
.MainContent ol.kakko{
  padding:0 0 0 2em;
  margin:0;
}
.MainContent ol.kakko > li{
    text-indent:-2em;
    margin: 0 0 1em 0em;
    list-style-type:none;
    list-style-position:inside;
    counter-increment: cnt;
}
.MainContent ol.kakko > li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}
.MainContent ul ul,
.MainContent ul ol,
.MainContent ol ul,
.MainContent ol ol{
    margin-top:1em !important;
}
.MainContent [class^="Image"]{
    font-size:85%;
    line-height:150%;
    color:#666;
}
.MainContent .Image02 > div{
    width:calc(50% - 10px);
    float:left;
    margin-bottom:1em;
}
.MainContent .Image02 > div:nth-child(2n+1){
    margin-right:20px;
}
.MainContent .Image03 > div{
    width:calc(33.3% - 13.3px);
    float:left;
    margin-bottom:1em;
}
.MainContent .Image03 > div:nth-child(3n+2){
    margin:0 20px 1em 20px;
}
.MainContent .Image04 > div{
    width:calc(25% - 7.5px);
    float:left;
    margin-left:10px;
    margin-bottom:1em;
}
.MainContent .Image04 > div:nth-child(4n+1){
    margin-left:0px;
}
.Image05 > div{
    width:calc(20% - 8.8px);
    float:left;
    margin-left:11px;
    margin-bottom:1em;
}
.Image05 > div:nth-child(5n+1){
    margin-left:0px;
}
.Image06 > div{
    width:calc(16.6% - 6.7px);
    float:left;
    margin-left:8px;
    margin-bottom:1em;
}
.Image06 > div:nth-child(6n+1){
    margin-left:0px;
}
.MainContent [class^="Image"]{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    }
.MainContent [class^="Image"] img{
    max-width:100%;
    height:auto;
    margin-bottom:3px;
}
.LRblock{
    display: table;
    width:100%;
	border-collapse: separate;
	margin-bottom:3em;
}
.LRblock > div{
	display: table-cell;
	vertical-align: top;
}
.LRblock > div:first-child{
	padding-right:15px;
}
.LRblock > div img{
    min-width:270px;
	height:auto;
}
.LRblock .LRImage{
  line-height: 140%;
}
.LRblock.imgL > div{
    min-width:200px;
    width:auto;
}
.LRblock.imgL > div img{
    min-width:400px !important;
	max-width:400px !important;
	height:auto;
}
.LRblock.imgL div.image{
	width:400px !important;
	height:auto;
}
.LRblock.imgM > div{
    min-width:300px;
    width:auto;
}
.LRblock.imgM > div img{
    min-width:300px !important;
	max-width:300px !important;
	height:auto;
}
.LRblock.imgM div.image{
	width:300px !important;
	height:auto;
}
.LRblock.imgS > div{
    min-width:150px;
    width:auto;
}
.LRblock.imgS > div img{
    min-width:150px !important;
	max-width:150px !important;
	height:auto;
}
.LRblock.imgS div.image{
	width:150px !important;
	height:auto;
}
.LRblock.imgSS > div{
    min-width:100px;
    width:auto;
}
.LRblock.imgSS > div img{
    min-width:100px !important;
	max-width:100px !important;
	height:auto;
}
.LRblock.imgSS div.image{
	width:100px !important;
	height:auto;
}
.LRblock.interview > div,
.LRblock.imgSS > div{
    min-width:90px;
    width:auto;
}
.LRblock.interview > div.border{
    width:600px;
    height:auto;
}
.LRblock.interview > div img,
.LRblock.imgSS > div img{
    min-width:90px !important;
	max-width:90px !important;
	height:auto;
}
.LRblock > div > h1:first-child,
.LRblock > div > h2:first-child,
.LRblock > div > h3:first-child,
.LRblock > div > h4:first-child,
.LRblock > div > h5:first-child,
.LRblock > div > h6:first-child,
.InternalContent > h1:first-child,
.InternalContent > h2:first-child,
.InternalContent > h3:first-child,
.InternalContent > h4:first-child,
.InternalContent > h5:first-child,
.InternalContent > h6:first-child,
.InternalContent h2 + h3,
.InternalContent h3 + h4,
.InternalContent h4 + h5,
.InternalContent h5 + h6,
.InternalContent .border > h2:first-child,
.InternalContent .border > h3:first-child,
.InternalContent .border > h4:first-child,
.InternalContent .border > h5:first-child,
.InternalContent .border > h6:first-child{
	margin-top:0;
}

/*
########################################################
  Top
########################################################
*/
/* ############## News ############## */
.NewsBox{
    border-top:1px solid #333;
    border-bottom:1px solid #333;
    position: relative;
    height:215px;
    overflow: auto;
}
.News{
    padding:1.5em 1em 0em 1em !important;
}
.News li{
    width:670px;
    list-style: none !important;
    margin-left:164px !important;
    text-indent:-164px;
}
.News li span{
    margin-right:30px !important;
}
/* ############## gunma_tokyo_map ############## */
.gunma_tokyo_map{
    text-align:center;
}
.gunma_tokyo_map a img{
    border:5px solid #74cece;
    border-radius: 15px;
    transition   : .5s;
}
.gunma_tokyo_map a:hover img{
    border:5px solid #10bfbf;
    opacity: 1;
    filter: alpha(opacity=100);
}
/* ############## top_submenu ############## */
.top_submenu{
    margin:30px 0 70px 0 !important;
}
.top_submenu li{
    list-style: none !important;
    float: left;
    margin:0px !important;
}
.top_submenu li a{
    display: block;
    width:200px;
    color:#333;
    font-weight:bold;
    text-decoration: none;
    text-align:center;
    font-size:100%;
}
.top_submenu li a img{
    display:block;
    width:190px;
    height:190px;
    margin-bottom:5px;
    border-radius: 100px;
    transition   : .5s;
}
.top_submenu li a:hover{
    text-decoration: underline;
}
.top_submenu li a:first-child:hover img{
    opacity: 1;
    filter: alpha(opacity=100);
}
.BG_white .top_submenu li a img{
    border:5px solid #ddd;
}
    .BG_white .top_submenu li a:hover img{
        border:5px solid #aaa;
    }
.BG_blue .top_submenu li a img{
    border:5px solid #74cece;
}
    .BG_blue .top_submenu li a:hover img{
        border:5px solid #10bfbf;
    }
.BG_green .top_submenu li a img{
    border:5px solid #83cf89;
}
    .BG_green .top_submenu li a:hover img{
        border:5px solid #34933c;
    }
.BG_yellow .top_submenu li a img{
    border:5px solid #e5e184;
}
    .BG_yellow .top_submenu li a:hover img{
        border:5px solid #cdc737;
    }
.BG_orange .top_submenu li a img{
    border:5px solid #e0aa6a;
}
    .BG_orange .top_submenu li a:hover img{
        border:5px solid #da7f15;
    }
.BG_red .top_submenu li a img{
    border:5px solid #dd9797;
}
    .BG_red .top_submenu li a:hover img{
        border:5px solid #c43a3a;
    }
.BG_brown .top_submenu li a img{
    border:5px solid #c0a178;
}
    .BG_brown .top_submenu li a:hover img{
        border:5px solid #9a6a2c;
    }
.top_submenu.volume02 li{
    margin-left:170px !important;
}
.top_submenu.volume02 li:nth-child(2n){
    margin-right:160px !important;
}
.top_submenu.volume03 li{
    margin-right:75px !important;
}
.top_submenu.volume03 li:first-child{
    margin-left:75px !important;
}
.top_submenu.volume03 li:nth-child(2n+1) {
    position:relative;
    top:70px;
}
.top_submenu.volume04 li{
    margin-right:33px !important;
}
.top_submenu.volume04 li:last-child{
    margin-right:0px !important;
}
.top_submenu.volume04 li:nth-child(2n) {
    position:relative;
    top:70px;
}
/*
########################################################
  about
########################################################
*/
.naze{
    padding-bottom:1em !important;
}
.naze span{
    padding:0 3em;
    font-size:24px;
}
.naze img{
    vertical-align: middle;
}
/*
########################################################
  pp/gt
########################################################
*/
.gtBottom{
  display: flex;
  align-items: center;
  justify-content: center;
}
.gtBottom > div{
    float:left;
    margin:0 10px;
}
.gtBottom > div.Pagefeed,
.gtBottom > div a{
    width:200px;
    padding-left:40px;
    padding-right:40px;
}
/*
########################################################
  report
########################################################
*/
#report table td .Image03{
    max-width: 740px;
}
#report table td .Image03 > div{
    width:calc(242px - 13.3px);
}
#report .tokyo_text,
#report .gunma_text,
#report .text{
    border:1px solid #aaa;
    margin-bottom:2em;
    padding:1em;
}
#report .text .title,
#report .tokyo_text .title{
    font-weight:bold;
    background:#abc4d6;
    padding:15px 5px 12px 5px;
    margin-bottom:1em;
}
#report .gunma_text .title{
    font-weight:bold;
    background:#abd6af;
    padding:15px 5px 12px 5px;
    margin-bottom:1em;
}
#report .subtitle{
    font-size:90%;
    font-weight:bold;
    margin:1em 0 0 1em;
}
#report .subtitle + h3{
    margin-top:0;
}
#report .jissi_td{
    width:100px;
}
#report .jissibi_td2{
    padding-left:2em;
}
#report .jissibi,
#report .ninzuu{
    margin-left:2em;
}
#report .basho{
    vertical-align: bottom;
}
#report .nowrap{
    white-space: nowrap;
}
#report .gakunen{
    text-align:right;
    font-size:85%;
    line-height: 100%;
    padding-bottom:3px;
    color:#888;
}
/*
########################################################
  Q&A
########################################################
*/
#quiz{
    margin:0 auto;
    padding:25px;
    min-height:400px;
    text-align:center;
    border:1px solid #8c6b3a;
        border-radius: 3px;
    background:#fafafa;
    background: -moz-linear-gradient(top, #fafafa 5%, #FFF);
    background: -webkit-linear-gradient(top, #fafafa 5%, #FFF);
    background: linear-gradient(to bottom, #fafafa 5%, #FFF);
    position:relative;
}
#quiz .number{
    display:block;
    margin-bottom:1em;
    font-size:85%;
    color:#00a0e9;
}
#quiz .question{
    font-size:24px;
    padding:2em 0 3em 0;
}
#quiz .start{
    text-align:center;
    border:4px solid #c7e6f5;
    background-color:#fff;
        border-radius:150px;
    color:#333;
    position: relative;
    top:7em;
    padding: 1em 3em;
    text-decoration:none;
    font-weight:bold;
    font-size:26px;
}
#quiz .start:hover{
    border:4px solid #00a0e9;
    background-color:#c7e6f5;
}
#quiz .ansA,
#quiz .ansB{
    display:inline-block;
    border:4px solid #c7e6f5;
    background-color:#fff;
        border-radius: 40px;
    color:#333;
    margin:1em;
    padding: 0.5em 4em 0.5em 1em;
    text-decoration:none;
    font-weight:bold;
    font-size:22px;
}
#quiz .ansA:hover,
#quiz .ansB:hover{
    border:4px solid #00a0e9;
    background-color:#c7e6f5;
}
#quiz .ansA::before{
    content: "A";
    margin-right:3em;
    color:#00a0e9;
}
#quiz .ansB::before{
    content: "B";
    margin-right:3em;
    color:#00a0e9;
}
#quiz .result{
    display:inline-block;
    border:4px solid #c7e6f5;
    background-color:#fff;
        border-radius: 40px;
    color:#333;
    margin:1em;
    padding: 0.5em 4em 0.5em 4em;
    text-decoration:none;
    font-weight:bold;
    font-size:22px;
}
#quiz .result:hover{
    border:4px solid #00a0e9;
    background-color:#c7e6f5;
}
#quiz .correct{
    max-width:600px;
    margin:0 auto;
    padding:0.7em 0 0.5em 0;
    border:4px solid #c43a3a;
    color:#c43a3a;
    background:#fff;
    border-radius: 40px;
    font-size:30px;
    font-weight:bold;
}
#quiz .incorrect{
    max-width:600px;
    margin:0 auto;
    padding:0.7em 0 0.5em 0;
    border:4px solid #999;
    color:#999;
    background:#fff;
    border-radius: 40px;
    font-size:30px;
    font-weight:bold;
}
#quiz .answer{
    font-size:160%;
    line-height:140%;
}
#quiz .commentary{
    width:500px;
    margin:2em auto 1em auto;
    text-align:left;
}
#quiz .serif .commentary{
    border:4px solid #83cf89;
    background:#fffee7;
    border-radius: 10px;
    margin-bottom:0;
    padding:1em;
}
#quiz .image01{
    position:absolute;
    right:360px;
    bottom:10px;
}
#quiz .image02{
    position:absolute;
    right:60px;
    top:-180px;
}
#quiz .image03{
    position:absolute;
    left:20px;
    bottom:10px;
}
#quiz .image04{
    position:absolute;
    right:20px;
    bottom:10px;
}
#quiz .image05{
    position:absolute;
    left:20px;
    bottom:10px;
}
#quiz .image06{
    position:absolute;
    right:20px;
    bottom:10px;
}
#quiz .image07{
    position:absolute;
    left:20px;
    bottom:10px;
}
#quiz .image08{
    position:absolute;
    right:20px;
    bottom:10px;
}
/* ############## sugoroku ############## */
.sugoroku{
    text-align:center;
}
.sugoroku a img{
    border:5px solid #74cece;
    border-radius: 15px;
    transition   : .5s;
}
.sugoroku a:hover img{
    border:5px solid #10bfbf;
    opacity: 1;
    filter: alpha(opacity=100);
}
/*
########################################################
  dam
########################################################
*/
#dam .damMap img{
    width: calc(100% - 10px);
    height:auto;
    border: 5px solid #74cece;
    border-radius: 15px;
}
#dam .damLink > div{
    width: calc(33.3% - 35.3px);
    border:1px solid #8c6b3a;
    border-radius: 5px;
    padding:10px 10px 0 10px;
    margin-bottom: 1em;
}
#dam .damLink > div > span{
    font-weight:bold;
    font-size:16px;
}
#dam .damLink ul li{
    line-height:120%;
    margin-bottom:0.5em;
}
#dam .damLink ul li:last-child{
    margin-bottom:0em;
}
#dam .damLink ul li span{
    display:block;
    font-size:11px;
}

div.damLink_popup{
    width: 20%;
    border:1px solid #8c6b3a;
    background-color: #fff;
    border-radius: 5px;
    padding:10px 10px 0 10px;
    margin-bottom: 1em;
    position: absolute;
    z-index: 100;

}
div.damLink_popup > span{
    font-weight:bold;
    font-size:16px;
}
div.damLink_popup ul li{
    line-height:120%;
    margin-bottom:0.5em;
}
div.damLink_popup ul li:last-child{
    margin-bottom:0em;
}
div.damLink_popup ul li span{
    display:block;
    font-size:11px;
}
.dummy {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
}
.hide{
    display: none;
}

a.tgTtip {
    margin: 0;
    text-decoration: none;
    font-size: 1em;
}
/*
########################################################
  border Content_head_foot
########################################################
*/
.border{
    padding: 15px 20px 0px 20px;
    margin-bottom:1.5em;
    background-color: #fff;
    border: solid 1px #aaa;
}
.border.red{
    background-color: #f7f0f0;
    border: solid 1px #c21418;
}
.border.blue{
    background-color: #edf9ff;
    border: solid 1px #00a0e9;
}
.border.orange{
    background-color: #fff6ef;
    border: solid 1px #f19149;
}
.border.green{
    background-color: #f7fff0;
    border: solid 1px #c3e2a4;
}
.border.red,
.border.blue,
.border.orange{
    color:#333;
}
.border.red .title{
    color:#c21418;
}
.border.blue .title{
    color:#00a0e9;
}
.border.orange .title{
    font-weight:bold;
    color:#f19149;
}
.border .title{
    font-weight:bold;
    text-indent: 0;
}
ul.border{
    padding:1em 0 0 1em;
}
.ContentHead.border.red .title{
    text-align:center;
    font-weight:bold;
    font-size:125%;
    color:#c21418;
}
.ContentHead.border.blue .title{
    text-align:center;
    font-weight:bold;
    font-size:125%;
    color:#00a0e9;
}
.ContentBottom.border .title{
    text-align:center;
    font-weight:bold;
    font-size:110%;
}
.ContentHead{
    margin-bottom:2.5em;
}
.ContentBottom{
    margin-top:2.5em;
    margin-bottom:0em;
}
/*
########################################################
  page-top
########################################################
*/
#page-top {
	position: fixed;
	bottom: 0px;
	right: 37px;
    font-size: 77%;
}
#page-top a img{
    opacity: 0.6;
}
#page-top a:hover img{
    opacity: 1;
}
/*
########################################################
  Footer
########################################################
*/
.footLink{
    width:550px;
    margin:50px auto 7px auto;
    text-align: center;
}
.footLink li{
    list-style: none !important;
    display: inline-block;
    margin-right:2em;
}
.footLink li a{
    color:#333;
    text-decoration: none;
    font-size:90%;
}
.footLink li a:hover{
    text-decoration: underline;
}
#Footer{
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.29);
    background: -webkit-repeating-linear-gradient(-45deg, #0b648e, #0b648e 3px,#13719d 2px, #13719d 8px);
	background: repeating-linear-gradient(-45deg, #0b648e, #0b648e 3px,#13719d 2px, #13719d 8px);
    min-height:120px;
    line-height:200%;
    padding:30px 0 20px 0;
    color:#fff;
    text-align:center;
    font-size:85%;
}