@charset "UTF-8";

/*
Theme Name: theme_20150912_1
*/

/*
body {margin: 0;
      font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
      background-color: #bdbc8f}
*/

body {margin: 0;
      font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
      background-color: #ffffff}

h1 {font-size: 38px;
    margin-top: 0;
    margin-bottom: 0}

p {line-height: 1.5}

a {color: b77d3c}

a:hover {color: #ff8800}

a:img {border: none}

/*
.container {max-width: 650px;
            margin-left: auto;
            margin-right: auto;
            padding-left: 15px;
            padding-right: 15px}
*/

/*
article {margin-bottom: 40px}
*/

/*
article {background-color: #ffffff;
         width: 900px;
         margin-left: auto;
         margin-right: auto;
         border: solid 1px #aaaaaa;
         padding: 30px;
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         box-sizing: border-box;
         margin-bottom: 15px;
         -webkit-box-shadow: 1px 1px 3px #aaaaaa;
         box-shadow: 1px 1px 3px #aaaaaa;
         border-radius: 20px;
         overflow: hidden}
*/

article {background-color: #ffffff;
         //background-color: rgba(255, 255, 255, 0.5);
         //width: 955px;
         //width: 1280px;
         width: 975px;
         margin-left: auto;
         margin-right: auto;
         border: solid 1px #aaaaaa;
         //padding: 30px;
         padding: 10px;
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         box-sizing: border-box;
         //margin-bottom: 15px;
         margin-bottom: auto;
         margin-top: auto;
         -webkit-box-shadow: 1px 1px 3px #aaaaaa;
         box-shadow: 1px 1px 3px #aaaaaa;
         border-radius: 20px;
         overflow: hidden;
         //background-image: url(images/SN3K0810.JPG);
         //background-repeat: no-repeat;
         //filter: alpha(opacity=50);
         //-moz-opacity: 0.5;
         //opacity: 0.5
         }
         
/*
article h1 {margin: 0;
            font-size: 32px;
            font-weight: normal}

article h1 a {color: #000000;
              text-decoration: none}
*/

/*
.postinfo {margin-top: 15px;
           font-size: 14px}
*/

.postinfo {font-size: smaller;
           border-top: solid 1px #ccc;
           border-bottom: solid 1px #ccc;
           margin-top: 20px;
           margin-bottom: 30px;
           padding-top: 10px;
           padding-bottom: 10px}

.postinfo time {font-size: 12px;
                color: #ffffff;
                background-color: #bdbc8f;
                border-radius: 10px;
                padding: 2px 20px 2px 20px}

.aligncenter {display: block;
              margin-top:30px;
              margin-bottom: 30px;
              margin-left: auto;
              margin-right: auto}

.alignleft {float: left;
            margin-top: 8px;
            margin-bottom: 8px;
            margin-right: 20px}

.alignright {float: right;
             margin-top: 8px;
             margin-bottom: 8px;
             margin-left: 20px}

.wp-caption-text {text-align: center;
                  margin-top: 3px;
                  color: #666666}

.article img, .wp-caption {max-width: 100%;
                           height: auto}


/*
.postinfo a {color: #000000;
             text-decoration: none}

.postinfo .postcat {margin-left: 20px}

.pagenav a {padding: 5px 10px;
            border: solid 1px #cccccc;
            border-radius: 10px;
            color: #666666;
            font-size: 12px;
            text-decoration: none}

.pagevav .old a {float: left}

.pagenav .new a {float: right}

.pagenav {overflow: hidden;
          margin-top: 40px;
          margin-bottom: 40px}
*/

.navlink {font-size: 14px;
          //border-top: solid 1px #cccccc;
          //margin-top: 50px;
          //margin-bottom: 40px;
          clear: both;
          overflow: hidden}

.navlink a {width: 50%;
            text-decoration: none;
            padding-top: 10px;
            padding-bottom: 10px}

.navlink-prev a {float: left;
                 text-align: left}

.navlink-next a {float: right;
                 text-align: right}

.nav-link a:hover {color: #000000}


/*
header {margin-bottom: 40px;
        background-color: #4a5f7e;
        color: #ffffff}

header a {color: #ffffff;
          text-decoration: none}

.siteinfo {overflow: hidden;
           padding-top: 14px;
           padding-bottom: 14px}

.siteinfo h1 {float: left;
              margin: 0;
              font-size: 20px}

.siteinfo p {float: right;
             margin: 0;
             margin-top: 5px;
             font-size: 12px}
*/

/*
footer {margin-top: 40px;
        padding-top: 14px
        padding-bottom: 14px;
        background-color: #4a5f7e;
        color: #ffffff}
*/

/*
.list {width: 900px;
       margin-left: auto;
       margin-right: auto}
*/

.list {width: 955px;
       margin-left: auto;
       margin-right: auto}

.list-title {margin-bottom: 10px}

.list-title span {font-weight: normal;
                  font-size: 20px;
                  vertical-align: 5px}

.list article {margin-bottom: 20px;
               padding: 0}

.list article a {color: #000000;
                 text-decoration: none;
                 display: block;
                 overflow: hidden;
                 padding: 20px}

.list article a:hover {background-color: #ffe792;
                       color: #000000;
                       text-decoration: none}

.list article h1 {font-size: 24px}

.list postinfo {border: none;
                margin: 0;
                padding: 0}

.list article img {float: left;
                   margin-right: 20px}

.list > p {color: #666666;
           margin-top: -12px}

/* category and tag */
.postinfo span {margin-left: 30px}

.postinfo a {color: #666666;
             text-decoration: none}

/* header */
header {background-color: #ffffff;
        border-bottom: solid apx #aaaaaa;
        margin-bottom: 30px;
        -webkit-box-shadow: 0 1px 7px #aaaaaa;
        box-shadow: 0 1px 7px #aaaaaa;
        padding: 5px;
        zoom: 1}

header h1 {font-size: 24px;
           width: 900px;
           margin-left: auto;
           margin-right: auto}

header h1 a {text-decoration: none;
             color: #000000}

header h1 a:hover {color: #000000}

/*
header h1 img {vertical-align: -10px;
               margin-right: 5px}
*/

/* footer */
footer {color: #ffffff;
        background-color: #2f2e0a;
        margin-top: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
        clear: both}

/*
#comments footer {color: #000000;
                  back_ground: none;
                  margin-top: 0;
                  padding: 0}
*/

footer small {display: block;
              text-align: center;
              clear:both}

.columns {width: 900px;
          margin: auto}

.col {width: 280px;
      float: left;
      margin-right: 30px}

.col:nth-child(3n+3) {margin-right: 0}

.col03 {margin-right: 0}

/* widget */
footer aside {margin-bottom: 30px}

footer aside h1 {font-size: 18px;
                 margin-bottom: 10px}

footer aside ul {padding-left: 20px}

/*
footer aside ul.children {margin-left: 0;
                          font-size: smaller}
*/

footer aside a {text-decoration: none}

/* search */
footer .screen-reader-text {display: block;
                            font-size: 18px;
                            font-weight: bold;
                            margin-bottom: 10px}

footer .search-field {width: 100%;
                      border: none;
                      padding: 10px;
                      -webkit-box-sizing: border-box;
                      -moz-box-sizing: border-box;
                      box-sizing: border-box}

footer .search-submit {display: none}

/* post large */
.list .post-large {border-radius: 0}

.list .post-large img {width: 550px;
                color: #ffffff;
                      margin-left: 570px;
                      margin-bottom: 20px;
                      padding: 30px 10px;
                      font-size: 32px}

.list .post-large p {font-size: 18px}

/* post medium */
.list .post-medium {width: auto}

.list .post-medium a {height: 235px}

/* post small */
.list .post-small {width: auto}

//.list .post-small a {height: 340px}
.list .post-small a {heig       height: auto}

.list .post-large h1 {background-color: #333333;
                      ht: 235px}

.list .post-small img {float: none}

.list .post-small h1 {font-size: 20px;
                      text-align: center}

.list .post-small p {font-size: 12px}

/* search result */
.noresult {border: solid 1px #aaaaaa;
           width: 900px;
           margin-left: auto;
           margin-right: auto;
           padding-top: 80px;
           padding-bottom: 80px;
           text-align: center}

.noresult .screen-reader-text {display: none}

.noresult .search-field {width: 300px;
                         border: none;
                         padding: 10px}

.noresult .search-submit {display: none}

/* grid layout */
.container {//width: 955px;
            width: 1080px;
            margin: 0 auto;
            //display: table;
            //position: relative}

.grid1, .grid2, .grid3,
.grid4, .grid5, .grid6,
.grid7, .grid8, .grid9,
.grid10, .grid11, .grid12,
.grid13, .grid14, .grid15 {
    float: left;
    display: inline;
    //margin-left: 5px;
    //margin-left: 4px;
    margin-left: 3px;
    //margin-bottom: 5px;
    //margin-right: 5px;
    //margin-top: 5px}

.grid1 {width: 55px}

.grid2 {width: 115px}

.grid3 {width: 175px}

.grid4 {width: 235px}

.grid5 {width: 295px}

.grid6 {width: 355px}

.grid7 {width: 415px}

.grid8 {width: 475px}

.grid9 {width: 535px}

.grid10 {width: 595px}

.grid11 {width: 655px}

.grid12 {width: 715px}

.grid13 {width: 775px}

.grid14 {width: 835px}

.grid15 {width: 895px}

.grid16 {width: 955px}

.first {margin-left: 0;
        clear: left;}

.clearfix:after {visibility: hidden;
                 display: block;
                 font-size: 0;
                 content: " ";
                 clear: both;
                 height: 0}

.grid1h, .grid2h, .grid3h,
.grid4h, .grid5h, .grid6h,
.grid7h, .grid8h, .grid9h,
.grid10h, .grid11h, .grid12h,
.grid13h, .grid14h, .grid15h {
    //float: left;
    //display: inline;
    //margin-left: 5px;
    //margin-bottom: 5px;
    //margin-bottom: 4px;
    margin-bottom: 3px;
    //margin-right: 5px;
    //margin-top: 5px}

.grid1h {height: 55px}

.grid2h {height: 115px}

.grid3h {height: 175px}

.grid4h {height: 235px}

.grid5h {height: 295px}

.grid6h {height: 355px}

.grid7h {height: 415px}

.grid8h {height: 475px}

.grid9h {height: 535px}

.grid10h {height: 595px}

.grid11h {height: 655px}

.grid12h {height: 715px}

.grid13h {height: 775px}

.grid14h {height: 835px}

.grid15h {height: 895px}

.grid16h {height: 955px}

/*
.list h2 {display: block;
          margin: 0;
          padding: 0;
          text-align: center;
          line-height: 0}
*/
/*
.list h2.title1 {padding: 74px 0 75px;
                 backgroud-color: #97be0f}
*/

/* navigation menu */
nav {width: 955px;
     margin-left: auto;
     margin-right: auto;
     text-align: right;
     margin-top: -27px;
     margin-bottom: 10px}

nav a {color: #000000;
       text-decoration: none}

/* table */
//table, th, td {border: solid 1px #aaaaaa}

table {//width: 100%;
       width: 90%;
       border: none;
       border-collapse: collapse;
       margin-top: 30px}

th, td {padding: 10px 20px;
        //border: none}

/* navigation menu */
nav ul {list-style-type: none;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0;
        font-size: 0}

nav li {display: inline;
        font-size: 12px;
        border-right: solid 1px #aaaaaa;
        padding-left: 10px;
        padding-right: 10px}

nav li:first-child {border-left: solid 1px #aaaaaa}

/*
nav {width: 955px;
     margin-top: solid 2px #00984b;
     border-right: none;
     border-bottom: solid 2px #00984b;
     border-left: none}
*/

th {width: 100px;
    background-color: #ffcb63;
    text-align:left}

td {background-color: #ffedce}

/* contents position */
.contentsCenter {text-align: center;
                 //display: table-cell;
                 //vertical-align: middle;
                 //position: absolute;
                 //top: 0;
                 //right: 0;
                 //bottom: 0;
                 //left: 0;
                 //margin: auto;
                 //margin-top: auto;
                 //margin-bottom: auto}

.contentsLeft {text-align: left}

.contentsRight {text-align: right}

/* fusen */
.fusen {position: relative;
        margin-bottom: 30px;
        padding-left: 30px;
        //width: 230px;
        width: 130px;
        height: 70px;
        background: #fff;
        line-height: 70px}

.fusen:after {content: "";
              position: absolute;
              right: -20px;
              bottom: 10px;
              //width: 200px;
              width: 100px;
              height: 30px;
              -moz-box-shadow: 0 15px 15px rgba(0,0,0,0.4);
              -webkit-box-shadow: 0 15px 15px rgba(0,0,0,0.3);
              box-shadow: 0 15px 15px rgba(0,0,0,0.3);
              -moz-transform: rotate(4deg);
              -webkit-transform: rotate(4deg);
              -ms-transform: rotate(4deg);
              transform: rotate(4deg);
              z-index: -1}

.fusenRed {border-right: 30px solid #e74c3c}

.fusenBlue {border-right: 30px solid #3498db}

/* grid background */
.gridBackground {//background-color: #aaaaaa;
                 -webkit-box-sizing: border-box;
                 -moz-box-sizing: border-box;
                 box-sizing: border-box;
                 //border-right: 1px solid #ffffff;
                 //border-bottom: 1px solid #ffffff;
                 //background-color: #fadce1;
                 //background-color: #ffffff;
                 //background-color: rgba(255, 255, 255, 0.5)
                 }
.gridBackgroundBorder {//background-color: #aaaaaa;
                         -webkit-box-sizing: border-box;
                         -moz-box-sizing: border-box;
                         box-sizing: border-box;
                         //border-right: 1px solid #aaaaaa;
                         //border-bottom: 1px solid #aaaaaa;
                         //background-color: #fadce1;
                         //background-color: #ffffff;
                         background-color: rgba(255, 255, 255, 0.8);
                         -webkit-box-shadow: 1px 1px 2px #aaaaaa;
                         -moz-box-shadow: 1px 1px 2px #aaaaaa;
                         box-shadow: 1px 1px 2px #aaaaaa;
                         //filter: alpha(opacity=50);
                         //-moz-opacity: 0.5;
                         //opacity: 0.5
                         }

.gridBackgroundColor {background-color: #fff0f5}

.gridBackgroundBase {-webkit-box-sizing: border-box;
                     -moz-box-sizing: border-box;
                     box-sizing: border-box;
                     background-color: rgba(255, 255, 255, 0.5)}

.gridBackgroundImage {background-image: url(images/SN3K0810.JPG);
                      background-repeat: no-repeat}

.gridBackgroundBorderCircle {-webkit-box-sizing: border-box;
                             -moz-box-sizing: border-box;
                             box-sizing: border-box;
                             background-color: rgba(255, 255, 255, 0.8);
                             -webkit-box-shadow: 1px 1px 2px #aaaaaa;
                             -moz-box-shadow: 1px 1px 2px #aaaaaa;
                             box-shadow: 1px 1px 2px #aaaaaa;
                             border-radius: 50%}

/* grid box scroll */
.gridBoxScroll {overflow: auto}

/* grid box link */
.gridBoxLink {position: relative}

.gridBoxLink a {display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                text-decoration: none;
                font-size: 24px;
                color: #000}

.gridBoxLink a i {font-size: 24px}

.gridBoxLink a:hover {background-color: #fff;
                      filter: alpha(opacity=50);
                      -moz-opacity: 0.5;
                      opacity: 0.5}

/* gridBoxText */
.gridBoxText p {height: 92px;
                margin-top: 36px;
                overflow: hidden;
                font-size: 12px;
                text-align: left;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 4}

.gridBoxTextEllipsis {margin-bottom: 12px;
                      text-align: right;
                      font-size: 16px}

.gridBoxTextEllipsis i {font-size: 24px}

/* eyecatch */
.eyecatchImage {position: relative}

.eyecatchCaption {position: absolute;
                  bottom: 10px;
                  color: #fff;
                  background: rgba(0, 0, 0, 0.5);
                  width: 100%}

/* modal window */
/*
#modalWindowOpen {top: 0;
                  left: 0;
                  width: 100%;
                  height: 100%;
                  display: none;
                  position: absolute;
                  //position: relative}

.modalWindowClose {top: 0;
                   left: 0;
                   width: 100%;
                   height: 100%;
                   display: block;
                   text-indent: -9999px;
                   position: absolute;
                   //background: #000;
                   //opacity: 0.5;
                   z-index: 5}

.modalWindow {top: 50%;
              left: 50%;
              //margin: -150px 0 0 -200px;
              margin: -200px 0 0 -400px;
              //width: 400px;
              width: 800px;
              //height: 300px;
              height: 600px;
              overflow: scroll;
              text-align: center;
              display: block;
              background: #fff;
              position: absolute;
              //position: relative;
              z-index: 10}

.modalWindow h2 {margin-bottom: 20px;
                //width: 400px;
                width: 800px;
                height: 30px;
                line-height: 30px;
                color: #fff;
                font-size: 12px;
                font-weight: bold;
                text-align: left;
                text-indent: 15px;
                background: #000}

.modalWindow p {padding: 0 15px 15px 15px;
                font-size: 12px;
                line-height 160%;
                text-align: left}

@-webkit-keyframes modalFadeIn {0% {opacity:0;display:block;}
                                 100% {opacity:1;}}

div#modalWindowControl div:target {-webkit-animation-name: modalFadeIn;
                                   -webkit-animation-duration: 1s;
                                   -webkit-animation-iteration-count: 1;
                                   opacity: 1;
                                   display: block;
                                   //position: relative
                                   }
*/

.lock_modalWindow {overflow: hidden}

.modalWindow_content {position: relative;
                      display: none;
                      width: 50%;
                      max-height: 50%;
                      margin: 30px;
                      padding: 10px 20px;
                      border: 2px solid #aaa;
                      background: #fff;
                      overflow: auto}

.modalWindow_content p {margin: 0;
                        padding: 0;
                        text-align: left}

.modalWindow_overlay {z-index: 1;
                      display: none;
                      position: fixed;
                      top: 0;
                      left: 0;
                      width: 100%;
                      height: 120%;
                      background-color: rgba(0,0,0,0.75)}

.modalWindow_wrap {z-index: 2;
                   display: none;
                   position: fixed;
                   top: 0;
                   left: 0;
                   width: 100%;
                   height: 100%;
                   overflow: auto}

.modalWindow_open {color: #00f;
                   text-decoration: underline;
                   text-align: left;
                   font-size: 16px}

//.modalWindow_open i {font-size: 16px}

.modalWindow_open:hover {cursor: pointer;
                         color: #f00}

.modalWindow_close {color: #00f;
                    text-decoration: underline}

.modalWindow_close:hover {cursor: pointer;
                          text-decoration: underline}

/* popup window */
.popupWindow {padding: 0;
              background-color: #fed;
              border: 1px solid #aaa;
              width: 300px
              height: 200px;
              position: absolute;
              display: none;
              z-index: 9999}

.popupWindow_title {background-color: #fdc;
                    cursor: move}

.popupWindow_close {cursor: pointer;
                    float: right}

/* tab window */
//.gridPanels > .gridPanel {display: none}

//.gridPanels > .gridPanel.gridPanelActive {display: block}