@charset "UTF-8";


html {
  margin: 0;
  width: 100%;
  height: 100%;
}

body {
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 1.5;
  letter-spacing: 0.06em;
  font-size: 15px;
  color: #000;
  background-color: #EEE9D4;
}
  @media screen and (max-width: 768px) {
    body {
      position: relative;
      width: 100%;
      overflow-x: hidden; } }

.oowaku {
  display: block; 
  margin:0;
  text-align: left;
  width: 100%;
  height: 100%;
}
  @media screen and (max-width: 768px) {
    .oowaku {
      width: 100%;} }


main {
  display: block;
  margin:0 auto;
  width: 1000px;
  padding: 0px;
  text-align: left;

  display: flex;
  flex-wrap: nowrap;

  box-sizing: border-box; }

  @media screen and (max-width: 768px) {
    main {
      box-sizing: border-box;
      width: 100%;
      padding: 0px; } }


.clear {
  clear: both; }




.main-cnt {
  background-color: #FFFFFF;
  text-align: left;
  font-size: 1rem;
  float: left;
  width: 800px;
  margin: 0px;
  padding :0px;
}
  @media screen and (max-width: 768px) {
    .main-cnt {
      width: 100%; } }


.sub-cnt {
  width:200px;
  background-color: #FFFFFF;
  float: left;
  margin: 0px;
  padding: 0px;
}

  @media screen and (max-width: 768px) {
    .sub-cnt {
      display: none;} }




a {
  background-color: transparent; }


a {
    color: #445597;
}

a:link,
a:visited {
    color: #445597; }

a:hover {
    color: #FFFFFF;
    background-color: #C1C4CD;
}



.post_non{
  font-weight: bold;

}




img {
  border-style: none; }

p {
    display: block;
    margin-block-start: 1.0em;
    margin-block-end: 1.0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

ul {
  list-style-type: circle;
}




/* Header------------------------------ */
#header{
  display: block; 
  background-color: #332627;
  width: 100%;
  margin-top: 0;
  height: 120px;
}

.hd {
  margin-top: 0;
}

.header_nav {
  font-family: "ヒラギノ角ゴ Pro W3", "Meiryo", "Arial", "sans-serif";
  display: flex;
  flex-wrap: nowrap;
  align-items:flex-end;
  padding: 50 10px;
  font-size: 14px;
  text-decoration: none;
  font-weight: bold; 
  color: #fff; }

 

.nav_lnk {
  list-style: none;
  display: inline-block;
  text-align: left;
  padding-left:15px;
}

.nav_lnk2 {
  list-style: none;
  display: inline-block;
  text-align: left;
  padding-left:5px;
}


  .nav_lnk a {
    display: block;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold; 
    color: #fff; }

  .nav_lnk a:link,
  .nav_lnk a:visited {
    color: #fff; }

  .nav_lnk a:hover {
    color: #332627;
    background-color: #332627;
}



/*------------------------- */
.ftr{
  margin-top: 20px;
  padding: 0px;
  margin-bottom:0px;
  width: 100%;
}

.ftr1{
  padding: 5 15px;
  font-size:0.8rem;
  color: #028CA1;
}


.ftr2{
  padding: 2 15px;
  border-top: 1px solid #028CA1;
  font-size:0.6rem;
  color: #028CA1;
}



/*ウィジェット--------------------- */

.widget_title{
  border-bottom: 2px dotted #C1C4CD;
  padding : 0 4px;
  margin: 12 10px;
  font-size: 1.0rem;
  font-weight: bold;
}

/*list----------------- */

.catlist{
  padding : 8 8px;
  font-size: 0.8rem;
  line-height: 1.3;
}

.catlist a {
    text-decoration: none;
     }

.catlisttl{
  font-weight: bold;
  color: #028CA1;
}

/*id=1 month----------------- */

.widget-area1{
  margin: 8 8px;
  line-height: 1.6;

}

.widget-area1 a {
    text-decoration: none;
     }


/*id=2 tag----------------- */

.widget-area2{
  margin : 8 8px;
  line-height: 2.3;
  text-align:center;
}

.widget-tag{
  margin:2px;
  display: inline-block;
}

  .widget-area2 a {
    border: 1px solid #C1C4CD;
    color: #028CA1;
    font-size: 15px;
    text-decoration: none;
     }

  .widget-area2 a:link,
  .widget-area2 a:visited {
    color: #028CA1; }

  .widget-area2 a:hover {
    color: #FFF; }

/*id=3 serch----------------- */

.widget-area3{
  margin: 8 8px;
  line-height: 1.6;
}

.widget-area3 input#SearchIndexQ{
  width: 130px;
}
.widget-area3 input.submit_button{
  width: 60px;
}

/* Blog Top表示用------------------------- */

.post_waku{
  display: block;
  display: flex;
  flex-wrap: wrap;
  margin: 40px;
}



.log_waku{
  display: block;
  border: 3px solid #332627;
  margin: 10px;
  padding: 0px;
  width: 210px;
}

.log_waku2{
  display: block;
  border: 3px solid #9b9287;
  margin: 10px;
  padding: 0px;
  width: 210px;
}


.log_ymd{
  width: 210px;
  height: 20px;
  background-color: #332627;
  color: #FFF;
  font-weight: bold;
  font-size: 16px;
  font-family: "Arial";
  padding-left: 3px;
}

.log_ymd2{
  width: 210px;
  height: 20px;
  background-color: #9b9287;
  color: #FFF;
  font-weight: bold;
  font-size: 16px;
  font-family: "Arial";
  padding-left: 3px;
}


.log_naka{
  display: block;
  position: relative;
  font-size: 0.85rem;
  color: #000000;
}

  .log_naka a {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-decoration: none;
     }

  .log_naka a:hover {
    color: #000000;
    opacity: 0.5;
    background-color: #C1C4CD; }


.log_title{
  font-size: 0.8rem;
  font-weight: bold;
  margin-left: 6px;
  width: 100%;
}

.log_bun{
  padding-left: 10px;
  padding-right: 10px;
  word-break: break-all;
}

.log_tari{
  border-top: 3px solid #445597;
}

.log_zoku{
  color: #C1C4CD;
}

.log_tagb{
  border-top: 1px dotted #C1C4CD;
  text-align: right;
  margin-top: 6px;
  font-size: 0.8rem;
  color: #028CA1;
  clear: both;
}



.post_all{
  width: 150px;
  background-color: #332627;
  color: #FFF;
  font-weight: bold;
  font-size: 16px;
  padding: 5px;
}

  .post_all a {
    text-decoration: none;
    color: #fff; }

  .post_all a:link,
  .post_all a:visited {
    color: #fff; }

  .post_all a:hover {
    color: #332627; }


.post_non{
  font-weight: bold;

}

/* Blog mnlgtop.php--------------------- */

.mnlg_ko{
  display: block;
  width: 90%;
  margin-left:10px;
  border-bottom: 2px dashed #C1C4CD;
}

.mnlg_naka{
  position: relative;
}


.mnlg_bun{
  font-size: 0.85rem;
  color: #000000;
  padding: 10 20px;
}


  .mnlg_naka a {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-decoration: none;
}

  .mnlg_naka a:hover {
    color: #000000;
    opacity: 0.5;
    background-color: #C1C4CD; }


.mnlg_eyec{
 float: left;
 margin: 10px;
}



/* Blog single.php--------------------- */

.post_oowaku{
  display: block;
  margin:80px;
}

.post_title{
  font-size: 1.7rem;
  font-weight: bold;
  text-align: left;
  padding : 5 0 2 15px;
  border-bottom: 6px solid #C1C4CD;
}

.post_ymd{
  text-align: right;
  font-size: 0.7rem;
  color: #028CA1;
  padding : 2 0px;
}

.post_honbun{
  margin:10px;
  padding: 10px;
  line-height: 1.7;
  font-size: 1.0rem;
}

.post_honbun img {
  border-width: 1px;
  border-style: solid;
  border-color:#C1C4CD;
}


.post_tag{
  width: 630px;
  padding : 8 0px;
  text-align: right;
  border-top: 3px dotted #C1C4CD;
  color: #FFF;
}

  .post_tag a {
    color: #028CA1;
    font-size: 14px;
    text-decoration: none;
    border: 2px solid #028CA1;
     }

  .post_tag a:link,
  .post_tag a:visited {
    color: #028CA1; }

  .post_tag a:hover {
    color: #FFF; }


/* Blog index.php--------------------- */

.post_list_ko{
  display: block;
  width: 90%;
  margin-left:10px;
  border-bottom: 6px double #028CA1;

}

.post_list_naka{
  position: relative;
}

  .post_list_naka a {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-decoration: none;
}

  .post_list_naka a:hover {
    color: #000000;
    opacity: 0.5;
    background-color: #C1C4CD; }


.post_list_title{
  font-size: 1.2rem;
  font-weight: bold;
  text-align: left;
  padding-bottom : 5px;
  border-bottom: 2px dashed #C1C4CD;
}


.post_list_eyec{
 float: left;
 margin: 8px;
}

.post_list_bun{
  font-size: 0.9rem;
  color: #000000;
  padding: 10 20px;
}

.post_list_tagb{
  text-align: left;
  padding: 4 10px;
  font-size: 0.8rem;
  color: #028CA1;
  clear: both;

}

.post_list_ymd{
  text-align: right;
  padding-left: 10px;
  font-size: 0.7rem;
  color: #028CA1;
  clear: both;

}

.post_sin_nav{
  display: block; 
  margin-top: 20px;
  text-align: center;
}

  .post_sin_nav a {
    font-size: 0.8rem;
    color: #028CA1; }

  .post_sin_nav a:link,
  .post_sin_nav a:visited {
    color: #028CA1; }

  .post_sin_nav a:hover {
    color: #FFF; }



/* s--------------------- */

.main_s {
  display: block;
  width: 100%;
  margin: 0px;
  padding: 0px;
  text-align: left;

  box-sizing: border-box;
  font-size: 1rem;}


.ftr_s{
  margin-top: 20px;
  padding: 0px;
  margin-bottom:0px;
  width: 100%;
}

.ftr1_s{
  padding: 5 15px;
  font-size:0.8rem;
  color: #028CA1;
}


.ftr2_s{
  padding: 2 15px;
  border-top: 1px solid #028CA1;
  font-size:0.6rem;
  color: #028CA1;
}


.post_list_ko_s{
  display: block;
  width: 90%;
  margin-left:10px;
  border-bottom: 5px solid #028CA1;

}

  .post_list_ko_s a {
    display: block;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold; 
    color: #000; }

  .post_list_ko_s a:link,
  .post_list_ko_s a:visited {
    color: #000; }

  .post_list_ko_s a:hover {
    color: #000;
    background-color: #000;
}