@charset "UTF-8";
@media only screen and (min-device-width:320px) and (max-device-width:736px) {
/*
########################################################
  common style
########################################################
*/
body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif !important;
    width:100%;
    min-width:320px;
    -webkit-text-size-adjust:100%;
    /*overflow-x:hidden;
    font-size:14px;*/
}
img,
div,
p,
video{
    max-width:100% !important;
    /* height:auto !important; */
}
table{
    max-width:100%;
}
.tableWrap{
overflow: auto;    /*tableをスクロールさせる*/
white-space: nowrap;  /*tableのセル内にある文字の折り返しを禁止*/
}
.tableWrap::-webkit-scrollbar{  /*tableにスクロールバーを追加*/
 height: 5px;
}
.tableWrap::-webkit-scrollbar-track{  /*tableにスクロールバーを追加*/
 background: #f1f1f1;
}
.tableWrap::-webkit-scrollbar-thumb {  /*tableにスクロールバーを追加*/
 background: #bcbcbc;
}
table th,
table td{
    /*white-space: nowrap;*/
}
a.pdf,
a.word,
a.excel,
a.ppt,
a.blank,
a.link{
    padding-left: 30px;
    background-size: 24px 13px;
}
input[type=radio] + label,
input[type=checkbox] + span{
    display:block;
    margin-bottom:13px;
}
input[type=radio] + label::before,
input[type=checkbox] + span::before{
    top:4px;
}
input[type=radio]:checked + label::after{
    top:7px;
}
input[type=checkbox]:checked + span::after{
    top:-1px;
}

.PCBlock{
	display:inline;
}
.MobileBlock{
	display:block;
}
.PCnone{
    display:inline;
}
.Mobilenone{
    display:none;
}
h2{
    width:calc(100% - 1.5em);
    font-size:150%;
    }
h2 span.parent{
	font-size:65%;
}
h2 span.child{
	font-size:55%;
    line-height: 140%;
    margin-top:5px;
    font-weight: normal;
}
.btn a{
    display:block;
}
/*
########################################################
  Header
########################################################
*/

#Header .head{
    width:calc(100% - 30px);
    padding:15px 15px 15px 15px;
}
#Header h1{
    width:100%;
    height:auto;
    float:none;
    text-align:center;
}
#Header h1 img{
    margin-top:5px;
    width:80%;
    height:auto;
}
#Header #Menu ul{
    width:100%;
    padding:0 0px;
}
#Header #Menu li a{
    display: block;
    text-align:center;
    text-decoration: none;
    color:#333;
    font-weight:bold;
    font-size:80%;
    line-height: 180%;
}
#Header #search_box{
    width:80%;
    float:none;
    margin:15px auto 15px auto;
}
.cse .gsc-search-button-v2, .gsc-search-button-v2{
    height:auto;
}
#Header #search_box table,
#Header #search_box table td{
    padding:0 0px 0 0px;
}
#BreadNavi {
    width:calc(100% - 30px);
    font-size:90%;
    line-height:140%;
}


/*
########################################################
  MainContent
########################################################
*/
.MainContent{
    width:calc(100% - 30px);
    margin:0 auto;
    padding:10px 15px 30px 15px;
}
.MainContent .Image02,
.MainContent .Image03,
.MainContent .Image04,
.MainContent .Image05,
.MainContent .Image06{
    font-size:85%;
    color:#666;
}
.MainContent .Image02 > div,
.MainContent .Image03 > div{
    width:100%;
    float:none;
    margin:0 0 1em 0 !important;
}
.MainContent .Image04 > div{
    width:calc(50% - 7px);
    float:left;
    margin:0 0 1em 0 !important;
}
.MainContent .Image04 > div:nth-child(2n){
    margin:0 0 1em 14px !important;
}
.MainContent .Image05 > div,
.MainContent .Image06 > div{
    width:calc(33.3% - 7px);
    float:left;
    margin:0 0 1em 0 !important;
}
.MainContent .Image05 > div:nth-child(3n+2),
.MainContent .Image06 > div:nth-child(3n+2){
    margin:0 10px !important;
}
.MainContent .LRblock > div{
	display: block;
    vertical-align: top;
    margin-bottom:1em;
}
.MainContent .LRblock > div.alignR{
    text-align:right !important;
}
/* ############## top ############## */
#home h2{
    font-size:160%;
}
.News{
    padding:1.5em 1em 0.5em 1em !important;
}
.News li{
    width:auto;
    margin-left:0px !important;
    text-indent:0px;
}
.News span{
    display:block;
}
.NewsBox{
    margin-top:30px;
}
.top_submenu li{
    float: none;
    margin-bottom:30px !important;
}
.top_submenu li a{
    display: block;
    width:200px;
    margin:0px auto 10px auto !important;
    color:#333;
    font-weight:bold;
    text-decoration: none;
    text-align:center;
    font-size:100%;
}
.top_submenu.volume02 li{
    margin-left:0px !important;
}
.top_submenu.volume02 li:nth-child(2n){
    margin-right:0px !important;
}
.top_submenu.volume02 li:first-child{
    margin-left:0px !important;
}
.top_submenu.volume03 li{
    margin-right:0px !important;
}
.top_submenu.volume03 li:first-child{
    margin-left:0px !important;
}
.top_submenu.volume03 li:nth-child(2n+1) {
    position:relative;
    top:0px;
}
.top_submenu.volume04 li{
    margin-right:0px !important;
}
.top_submenu.volume04 li:last-child{
    margin-right:0px !important;
}
.top_submenu.volume04 li:nth-child(2n){
    position:relative;
    top:0px;
}
/* ############## about ############## */
.naze{
    padding-bottom:1em !important;
}
.naze span{
    padding:0;
    font-size:18px;
}
.naze img.gunma{
    vertical-align: middle;
    width:15%;
    height:auto;
}
.naze img.tokyo{
    vertical-align: middle;
    width:22%;
    height:auto;
}
/* ############## report ############## */
#report .jissi_td{
    width:3em;
}
#report .jissibi_td2{
    padding-left:0em;
    white-space: nowrap;
}
#report .jissibi,
#report .ninzuu{
    margin-left:0em;
    white-space: nowrap;
}
#report .basho{
    vertical-align: top;
}
#report .nowrap{
    white-space: normal;
}
/* ############## Q&A ############## */
#quiz{
    min-height:300px;
    padding:15px;
}
#quiz .start{
    padding: 1em 3em;
    text-decoration:none;
    font-weight:bold;
    font-size:20px;
}
#quiz .question{
    font-size:20px;
    padding:1em 0 2em 0;
}
#quiz .ansA,
#quiz .ansB{
    display: block;
    margin:0 0 1em 0;
    padding: 0.5em 2em 0.5em 1em;
    font-size:20px;
}
#quiz .ansA::before,
#quiz .ansB::before{
    margin-right:1em;
}
#quiz .correct{
    max-width:100%;
    font-size:20px;
}
#quiz .incorrect{
    max-width:100%;
    font-size:20px;
}
#quiz .answer{
    font-size:140%;
    line-height:140%;
}
#quiz .result{
    margin:1em 0;
    padding: 0.5em 2em 0.5em 2em;
    text-decoration:none;
    font-weight:bold;
    font-size:20px;
}
#quiz .commentary{
    width:100%;
    margin:2em 0 1em 0;
}
#quiz .serif .commentary{
    width:calc(100% - 1.5em);
    padding:0.5em;
}
#quiz .image01{
    position:absolute;
    left:5%;
    bottom:10px;
    width:auto;
    height:90px !important;
}
#quiz .image02{
    position:absolute;
    right:5%;
    top:10px;
    width:auto;
    height:100px !important;
}
#quiz .image03{
    position:absolute;
    left:5%;
    top:-20px;
    width:auto;
    height:80px !important;
}
#quiz .image04{
    position:absolute;
    right:5%;
    top:-30px;
    width:auto;
    height:90px !important;
}
#quiz .image05{
    position:absolute;
    left:5%;
    top:-40px;
    width:auto;
    height:90px !important;
}
#quiz .image06{
    position:absolute;
    right:5%;
    top:-40px;
    width:auto;
    height:90px !important;
}
#quiz .image07{
    position:absolute;
    left:2%;
    top:-40px;
    width:auto;
    height:90px !important;
}
#quiz .image08{
    position:absolute;
    right:5%;
    top:-50px;
    width:auto;
    height:70px !important;
}
/* ############## dam ############## */
#map{
    overflow: auto;    /*tableをスクロールさせる*/
    white-space: nowrap;  /*tableのセル内にある文字の折り返しを禁止*/
}
#map img{
    width:986px;
    max-width: 986px !important;
    height:669px !important;
}
/*
########################################################
  pp/gt
########################################################
*/
.gtBottom{
    display: block;
  }
  .gtBottom > div{
      float:none;
      margin:10px;
  }
  .gtBottom > div.Pagefeed,
  .gtBottom > div a{
      width:200px;
      margin:0 auto;
  }
/*
########################################################
  page-top
########################################################
*/
#page-top {
	right: 10px;
}
/*
########################################################
  Footer
########################################################
*/
.footLink{
    width:100%;
    margin:20px 0 0 0;
    padding:0;
}
.footLink li{
    margin-right:0em;
    display: block;
}
.footLink li a{
    color:#333;
    text-decoration: none;
    font-size:80%;
}
#Footer{
    font-size:75%;
}

}