@charset "UTF-8";


/* ========BASIC======== */
html {
   overflow-y:scroll;
}

body {
   margin:0;
   padding:0;
   line-height: 170%;
   letter-spacing:1px;
   font-family:Verdana, Helvetica, sans-serif;
   font-size: 12px;
   color: #181818;
   width: 97%;
   padding: 0 1% 0;
   background: #95E0AF;
}

br {
   letter-spacing:normal;
}

div#menu {
   color: #4324FF;
   text-decoration:none;
}

a:hover {
   color:#9E9DA6;
   text-decoration:underline;
}

img {
   border:0;
   vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}

/* 大切な設定 */
p {
   margin-bottom:15px;
}

ul {
   padding-left:0;
}

/* ********** */
#top {
   width: 100%;
   margin: auto;
   padding: 0px 0px 10px;
}

#header {
   margin: auto;
   /* width: 990px; */
}

#menu {
    text-align: center;
    /* float: right; */
}

#topicPath {
   float:left;
}

#contents {
   padding: 0px 0;
   width: 100%;
   float: left;
}

#main {
   padding: 0px 0px 10px 0px;
   margin-bottom: 10px;
   margin: 0px auto;
}

#sub {
   display:inline;
   float:right;
   width: 270px;
   margin:10px;
   margin-top: 48px;
   padding:0;
}

#pageTop {
   clear:both;
   background:#fff;
}

#footer {
   clear:both;
   padding: 20px 0;
   width: 100%;
   margin: 0px auto;
   /* background: #F2F2F2; */
}


/* ========HEADER CUSTOMIZE======== */
#header h1 {
   margin:0;
   color: rgb(0, 0, 0);
   padding: 5px;
   font-size: 18px;
}

#header h1 a {
   color:#333;
}

#header #pr p {
   margin:0;
   padding:10px;
   font-size:11px;
}


/* ========MENU CUSTOMIZE======== */
#menu ul {
   padding:0;
   margin: auto;
   width: 750px;
}

#menu li {
   color:#333;
   display: inline-flex;
   text-align:center;
   list-style-type:none;
   /* border-left:1px solid #fff; */
}

#menu li a {
   color: #FFFFFF;
   background: #A4A4A4;
   margin: 5px;
   width: 136px;
   padding: 7px 0;
}

#menu li a:hover, .sub_menu li a:hover {
   color:#fff;
   text-decoration:none;
   background:#606060;
}


/* ========TOPICPATH CUSTOMIZE======== */
#topicPath {
   width:769px;
   padding:5px;
   background:#efefef;
}


/* ========MAIN CONTENTS CUSTOMIZE======== */
h2 {
   padding:5px 0;
   font-size:16px;
   padding-left: 10px;
   /* border: 1px solid #525252; */
   background: #95E0AF;
   color: #302F2F;
   margin-bottom: 10px;
   /* border-top: 3px solid #000; */
   border: 3px solid #5A8B6B;
}

#main h3 {
   margin-bottom:5px;
   padding:5px;
   font-size:14px;
   margin-top: 25px;
}

#main h4 {
   margin-bottom:5px;
   padding:5px;
   font-size:13px;
   color:#fff;
   background:#0089a1;
}

#main h5 {
   margin-bottom:5px;
   font-size:13px;
   border-bottom:1px dotted #999;
}

#main h6 {
   margin-bottom:5px;
   font-size:13px;
}

#main p {
   margin: 0 0 20px 0;
}

#main dt {
   margin-bottom:3px;
}

#main dd {
   padding:0;
   margin:0 0 0.5em 1em;
   padding:3px;
   background:#eee;
}

/* INFORMATION CUSTOMIZE */
* html body #main dl.information dd div {
   display:inline-block;
}

#main dl.information dt {
   float:left;
   width:8em;
   margin:0;
   padding:0;
}

#main dl.information dd {
   margin:0 0 0.5em 8em;
   padding:0;
   background:transparent;
}

#main table {
   width:100%;
   border-collapse:collapse;
}

#main table th {
   padding:5px;
   font-size:12px;
   text-align:left;
   border:1px solid #aaa;
   background:#f0f7fc;
}

#main table td {
   padding:5px;
   font-size:12px;
   text-align:left;
   border:1px solid #aaa;
}


/* ========SUBCONTENTS CUSTOMIZE======== */
#sub .section {
   margin-bottom:10px;
}

#sub h3 {
   padding:5px;
   font-size:13px;
   font-weight:bold;
   color:#fff;
   text-align:center;
   background:#0F98AD;
}

#sub ul {
   margin:0;
   padding:0;
   border-top:none;
   background:#fff;
}

#sub li {
   width:198px;
   line-height:1.4;
   list-style:none;
   margin: 5px 0;
}

#sub li a {
   /zoom:1;/* for IE6 */
   display:block;
   padding: 5px 5px;
   font-size: 15px;
   color: #F93131;
   background: #C8A4BA;
}

#sub li a:hover {
   background:#A6B0AC;
   color:#fff;
}


/* ========PAGETOP CUSTOMIZE========= */
#pageTop {
   margin-top:10px;
   padding:5px;
   text-align:right;
}

#pageTop a {
   padding:5px 5px 5px 17px;
   font-size:11px;
   outline:none;
}


/* ========FOOTER CUSTOMIZE======== */
.copyright {
   clear:both;
   padding:10px 0;
   font-style:normal;
   font-size:11px;
   text-align:center;
   color: #000000;
}

.main_image {
   margin: 10px auto 0; /* Old browsers */   /* FF3.6+ */   /* Chrome,Safari4+ */   /* Chrome10+,Safari5.1+ */   /* Opera 11.10+ */   /* IE10+ */   /* W3C */   /* IE6-9 */;
   /* float: left; */
   /* width: 990px; */
   max-width: 932px;
}

#sub h2 {
   margin-bottom:15px;
   padding: 5px 11px;
   border-left: 8px solid #D8449E;
}

.detailes_box {
   margin: 0px auto 40px;
}

.detailes_link {
   margin: 35px 0;
}

.detailes_link li {
   padding:4px 0;
   list-style: none;
}

.detailes_double {
   float:left;
   width: 47%;
   margin-bottom: 40px;
}

.wide {
   margin: 0px auto;
}

.detailes_wide {
   margin:auto;
   padding: 10px 0;
   /* background: #F3F3F3; */
}

.detailes_double:nth-child(even) {
   margin-left: 6%;
}

.detailes_side {
   margin: 30px 0;
   padding: 0px 0px 20px;
}

.detailes_side_double {
   float:left;
   width: 46%;
   padding:5px;
   margin: 25px 0;
   border: 1px solid #D88D44;
}

.detailes_side_double_last {
   float:left;
   width: 46%;
   padding:5px;
   margin: 25px 0;
   margin-left: 10px;
   border: 1px solid #D88D44;
}

.detailes_three {
   float:left;
   width: 32%;
   margin-top: 5px;
   margin-bottom: 35px;
   margin-left: 1%;
}

.detailes_three:nth-child(3n+1) {
   margin-left:0px;
}
.three_wide {
  
}

.detailes_inner {
   margin: 30px auto;
   /* padding: 10px; */
   width: 100%;
   max-width:900px;
}

.detailes_inner h2 {
   padding-left: 5px;
   font-size: 22px;
}

.detailes_inner h3 {
   margin-bottom:5px;
   font-size: 16px;
}

.detailes_inner p {
margin-bottom: 25px;
}

.more {
   text-align:right;
}

.more a {
   font-size:15px;
   padding: 6px 10px;
   color: #866AFF;
   margin-right: 15px;
   background: #E2E0FF;
   border-radius: 10px;
}

.more a:hover {
   background:#FFFFFF;
   color:#f00;
}
p {
  margin-bottom : 15px;
}


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


.out_side .section {
   margin-bottom:10px;
   padding: 10px 0px 10px;
}

.out_side h3 {
   padding:5px;
   font-size:13px;
   font-weight:bold;
   color:#fff;
   text-align:center;
   background:#0F98AD;
}

.out_side ul {
   margin:0;
   padding:0;
   border-top:none;
}

.out_side li {
   line-height:1.4;
   list-style:none;
   margin: 5px 0px;
}

.out_side li a {
   /zoom:1;/* for IE6 */
   margin: 2px;
   display:block;
   padding: 10px 5px;
   color: #000000;
   background: #E0E0E0;
}

.out_side li a:hover {
   background:#7B7B7B;
   color:#fff;
   text-decoration: none;
}

.out_side {
   display:inline;/* for IE6 */
   float: right;
   width: 32%;
   margin-top: 0px;
   border: 1px solid #000;
   padding:  0 1% 0;
}

.out_side .detailes_side h2 {
   padding-left: 7px;
}

.header_top {
   width: 100%;
   margin:10px auto;
   background: #FFF4C7;
   border-bottom: 5px solid #88826A;
}

.headmenu {
   width: 230px;
   margin: 0 auto 0;
   /* padding-bottom: 15px; */
   background: #D2D7E5;
   float: right;
}

.wall {
   /* padding: 0px 10px; */
}

.wall-inner {
   width: 780px;
   margin:10px auto;
}

.footnav {
    height: 42px;
    text-align: center;
}

.footnav li {
   list-style: none;
   width: 119px;
   text-align: center;
   height: 31px;
   display: inline-flex;
}

.footnav li a {
   color: #FF3434;
   padding: 9px 26px;
   text-decoration: none;
   font-size: 11px;
   width: 66px;
}

.footnav li a:hover {
   color: #C3B2B2;
}

.all_seeing {
   margin: 0 auto 0;
   padding: 10px 0px 0px;
   /* background: #fff; */
}


.header_wide {
   width:100%;
   background: #fff;
   padding: 5px;
}

.wall_back {
   margin: 0px auto 0px;
   /* border-bottom: 1px solid #000; */
}

.midasi_h2 {
   margin-bottom: 10px;
   padding: 5px;
   border-bottom: 1px solid #000000;
}

.detailes_side, .detailes_link, .detailes_box, .section {
   /* padding: 10px; */
   /* width: 915px; */
   margin: 0px auto 20px;
   padding: 10px 0;
}
..detailes_double {
   /* padding: 10px; */
   width: 830px;
   margin: 20px auto;
   padding: 10px 0;
}


.social {
   width: 100%;
   margin:5px auto;
   z-index: 0;
}

.image_wide {
   margin: auto;
   max-width: 100%;
}

/***************************/

.sub_header {
   margin: 0 5px 0 0;
   padding: 0;
}

.sub_menu ul {
   text-align: center;
   /* background: #E4E6E6; */
   margin: 0;
}

.sub_menu li {
   text-align: center;
   padding: 0 0 3px;
   display: flex;
}

.sub_menu li a {
   width: 158px;
   padding: 10px 0;
   background: #E4E6E6;
   color: #040404;
   border: 1px solid #293BB1;
}

#footer a:hover {
   color:#9E9DA6;
}

.header_fix {
   width:100%;
   /* background: #CECDCD; */
}

.image_menu {
   margin: 0px auto 5px;
}

.foot_menu ul {
   text-align:center;
}

.foot_menu li {
   display:inline-flex;
}

.foot_menu li a {
   width: 146px;
   text-align:center;
}

.foot_menu li:first-child {
}

.double_wide {
   margin: auto;
   /* padding-top: 10px; */
   /* border: 3px solid #5A8B6B; */
   /* padding: 1%; */
}

.wide_boxes {
    /* width: 915px; */
    margin: auto;
}

.center_wide {
   margin:auto;
}

.wide_inner {
   /* background: #f3f3f3; */
   padding: 10px 0;
}

.header_na ul {
   width: 100%;
   text-align:center;
}

.header_na li {
   display:inline-flex;
   width: 19%;
}

.header_na li a {
   width: 100%;
   padding:5px 0;
   /* border: 1px solid #D88787; */
}

.header_na li a:hover {
   background:#000;
   color:#fff;
}

.respon {
   width: 96%;
   max-width:990px;
   margin:auto;
   padding: 0 2% 0;
}

.box_image {
   width:100%;
}

.wide, .wide_boxes, .detailes_wide, .three_wide, .header_fix, #main {
  max-width:900px;
  margin: 10px auto;
  width: 98%;
  /* padding: 0 1% 0; */
  border: 3px solid #5A8B6B;    padding: 1%;
  background: #fff;
}

.colored1, .colored2, .colored3, .colored4 {
  margin:15px 0;
}

.colored1 {
  /* background: #DCFFF6; */
}

.colored2 {
  background: #E2E3E2;
}

.colored3{
  /* background: #FCEBEB; */
}

.colored4 {
  background: #E5DBC5;
}

.colored5 {
  /* background: #ECEEFF; */
}

.detailes_inner img {
  float:left;
  margin:10px
;
  max-width: 50%;
}

.button {
  display:inline-block;
  margin:15px 0;
}

.button a {
  padding:10px 15px;
  border:1px dotted;
  background: #F0F0F0;
}

.button a:hover {
  color:#f00;
  background:#fff;
}

.detailes_inner h3 {
  clear:both;
}

.page_image {
  max-width: 50%;
  float:left;
  margin:0 10px 10px 0;
}


/**********************************************************************/

#menu{
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0;
}
#menu li{
  display: inline-flex;
  /* float: left; */
  width: 24.5%;
  margin: 0;
  padding: 0; }
#menu li a{
  display: block;
  padding: 10px 0 10px;
  width: 197px;
  background: #95E0AF;
  color: #131313;
  text-align: center;
  text-decoration: none;
}
#menu li a:hover{
  background: #444;
}
#toggle{ 
 display: none;
}

.three_wide {
  width:100%;
}

@media only screen and (max-width: 680px) {
  #menu{
    display: none;
  }
  #menu li{
    width: 100%;
  }
  #menu li a {
   width:100%;
  }
  #toggle{
    display: block;
    position: relative;
    width: 100%;
    background: #6877F6;
  }
  #toggle a{
    display: block;
    position: relative;
    padding: 12px 0 10px;
    border-bottom: 1px solid #444;
    color: #fff;
    text-align: center;
    text-decoration: none;
  }
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #6877F6;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #222;
  }
  #toggle a:before{
    margin-top: -6px;
  }
  #toggle a:after{
    margin-top: 2px;
  }

  .out_side {
   clear:both;
   width: 98%;
   margin:auto;
  }

  #contents {
   width:98%;
   clear:both;
  }

  .section {
   display:none;
  }

   .foot_menu {
      display:none;
   }
   .detailes_inner img {
    float: none;
    margin:0;
    max-width: 100%;
   }
   
}

/**********************************************************************/



img{
 width:100%;
 width /***/:auto;　
}

.side_image {
   width:100%;
}

@media screen and (max-width: 480px) {
   .page_image {
      max-width:100%;
      float:none;
   }
   .detailes_double {
      clear:both;
      width:100%;
   }

   .detailes_double:nth-child(even) {
      margin:0;
   }
   .out_side li a {
      text-align:center;
   }

   .detailes_three {
    clear:both;
    width:100%;
    margin:0;
   }

   img{
      width:100%;
      height: auto;
   }

   body {
     font-size:15px;
   }

}