@charset "UTF-8";

.underNone { text-decoration: none; }
.underNone:hover { text-decoration: underline; }

/*Image Hover*/
a:hover img.hover,
span:hover img.hover { opacity: 0.8; }

img.b,.b {  display: block; }

img.auto {
  margin: 0 auto;
  display: block; 
}

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

.fR {  float: right; }
.fL {  float: left; }

.iL {
  float: left;
  display: inline;
  margin: 0 10px 5px 0; 
}

.iR {
  float: right;
  display: inline;
  margin: 0 0 5px 10px; 
}

.clear {
  clear: both;
  font: 1px/1px monospace; 
}

.aR {  text-align: right !important; }
.aC {  text-align: center !important; }
.aL {  text-align: left !important; }
.vT {  vertical-align: top !important; }
.vM {  vertical-align: middle !important; }
.vB {  vertical-align: bottom !important; }

.hidden {  display: none; }

.clearfix {  *zoom: 1; }
.clearfix:before, 
.clearfix:after {
    display: table;
    content: "";
    line-height: 0; 
}
.clearfix:after {  clear: both; }

/* Reset
------------------------------------------------------------------*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
figure, figcaption,
article, section, nav, header, footer {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-style: normal; }

body {
  margin: 0;
  padding: 0;
}

html {
  overflow-y: scroll;
  font-size: 62.5%; }

/* Basic elements
------------------------------------------------------------------*/
img {  border: none;}

strong {
  font-weight: bold;
  color: #328bda; }

em {  font-weight: bold; }
b {  font-weight: bold; }
p {  margin: 0 0 1em 0; }
p:last-child {  margin-bottom: 0; }

ul, ol {
  list-style: none;
  list-style-position: inside; 
}

ul li:last-child, ol li:last-child {    margin-bottom: 0; }

dl {  margin: 0; }
dl dt {   margin: 0;  font-weight: bold; }
dl dt a {font-weight: bold; }
dl dd { margin-bottom: 1em; }
hr {
  border-color: #ccc;
  border-style: dotted;
  border-width: 1px 0 0 0;
  height: 1px;
  margin: 15px 0; 
}
hr.solid {
    border-style: solid;
    border-color: #ccc; 
}
hr.dotted {
    border-style: dotted;
    border-color: #ccc;
}
hr.trans {
    border-color: transparent;
    margin: 35px 0; 
}
.vT {  vertical-align: top; }
.vM {  vertical-align: middle; }
.vB {  vertical-align: bottom; }
.oH {  overflow: hidden !important; }
.oV {  overflow: visible !important; }

table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font-size: inherit; 
}

body {
  font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; 
}

textarea {
	font-size: 14px;
	width:100%;
	border: 1px solid #dedede;
}

textarea:focus ,
input[type="email"]:focus,
input[type="text"]:focus,
texture:focus {
	  -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    box-shadow: 0 0 7px #3498db;
    border: 1px solid #3498db;
}
select, input, button, textarea {  font-size: 14px;  }
pre, code, kbd, samp, tt {
  font-family: monospace;
  line-height: 100%;
  font-size: 14px;
}
blockquote, pre, dl, ol, ul, th, td {
  line-height: 1.5;
  font-size: 14px;
}
p {  line-height: 1.7;  font-size: 14px;  }
ul, ol, dl {  list-style-position: outside; font-size: 14px; }
.supp {  font-size: 10px;  }

blockquote p, pre p, dl p, ol p, ul p, th p, td p, dd p, dt p {
  font-size: 14px;
}

/* UL, OL, DL
------------------------------------------------------------------*/
ul.notes li {
  text-indent: -1em;
  margin-left: 1em; 
}

ul.disc li,ol.disc li {  list-style-type: disc; }

ul.circle li,ol.circle li {  list-style-type: circle; }

ul.decimal li,ol.decimal li {  list-style-type: decimal; }
dl.type-A:last-child {  margin-bottom: 0; }
table tr.aC th,table tr.aC td {  text-align: center; }
table th,table td {  vertical-align: top;  text-align: left; }

table.type-A {
  width: 100%;
  margin: 0 0 0px 0;
  border: 1px solid #ccc; 
}
table.type-A th,  table.type-A td {
    vertical-align: top;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px dotted #ccc;
    border-left: 1px dotted #ccc;
    line-height: 1.7;
    padding: 15px 10px; 
}
table.type-A thead th {
    font-weight: bold;
    background-color: #79aae7;
    color: #fff; 
}
table.type-A tbody th {
    white-space: nowrap;
    font-weight: bold; 
}
.inner {
  width: 1000px;
  margin-right: auto;
  margin-left: auto;
  *zoom: 1; 
}
.inner:before, .inner:after {
	display: table;
	content: "";
	line-height: 0; 
}
.inner:after {   clear: both; }

.globalHeader {  height: 68px;  overflow: hidden; }
.globalHeader h1 {
	float: left;
	width: 310px;
	margin-top: 15px; 
}
.globalHeader h1 a:hover img {  opacity: 0.8;}
.globalHeader p.description {display: none;  }
.searchform {
    /*float: right;
    width: 240px;*/
    *zoom: 1;
    margin-top: 10px; 
	margin-bottom:30px;
}
  .searchform:before, .globalHeader .searchform:after {
      display: table;
      content: "";
      line-height: 0; 
}
  .searchform:after { clear: both; }
  .searchform input {
	vertical-align: middle;
	display: block;
	float: left; 
}
.searchform input#s {
	border:1px solid #ddd;
	background-color: #f6f5f5;
	width: 75%;
	height: 30px;
	color:#666;
}

.searchform input:focus{
	-webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    box-shadow: 0 0 7px #3498db;
    border: 1px solid #3498db;
}

.searchform #searchSubmit {
	background-color: #9e9e9e;
	border:1px solid #efefef;
	width: 30px;
	height: 30px;
	border: none; 
	padding:5px;
	margin-left:10px;
}
.searchform #searchSubmit:hover {  cursor: pointer; }

@media all and  (min-width : 1200px ){
	.container {margin:0 5%;}
}

@media all and (min-width:  1200px ){
	.container {
		clear: both;
		width: 80%;
		padding:1em 2em ;	
		margin: 0px auto;
		overflow: hidden;
	}
}

.container:after {
    display: table;
    content: "";
    line-height: 0; 
}
.container:after {
    clear: both; 
}

@media screen and (min-width:769px){
	.contentsWrap .mainContents {
	    float: left;
	    width: 70%;
 
	}	
}
@media screen and (max-width: 768px){

	.contentsWrap .mainContents {
	    float: none;
	    width: 100%; 
	}
}
@media screen and (min-width:769px){
	.contentsWrap .subContents {
		float: right;
		max-width: 28%; 
	}
}
@media screen and (max-width:768px){
	.contentsWrap .subContents {
		float: none;
		width: 100%; 

	}
}

.contentsWrap .subContents .wrapper {
	padding: 10px 5px; 
}
.contentsWrap .subContents p.bnr a:hover img {
	opacity: 0.8;
}

.contentsWrap .mainContents.oneColumn {
      float: none;
      width: 1000px; 
}
.contentsWrap .mainContents.oneColumn h1.type-A, .contentsWrap .mainContents.oneColumn h2.type-A, .contentsWrap .mainContents.oneColumn h3.type-A, .contentsWrap .mainContents.oneColumn h4.type-A, .contentsWrap .mainContents.oneColumn h5.type-A, .contentsWrap .mainContents.oneColumn h6.type-A {
        background: #ccc;
        width: 1000px; 
}

article.content {
  *zoom: 1;
  padding: 25px 0; }
  article.content:before, article.content:after {
    display: table;
    content: "";
    line-height: 0; }
  article.content:after {
    clear: both; }

body.home .homeVisual {
  width: 100%;
  height: 400px;
  background: url("../images/home/visual01.png") no-repeat center top; }
  body.home .homeVisual span {
    display: none; }
body.home .contentsWrap {
  margin-top: 20px; }

.contactBlock dl {
  *zoom: 1;
  padding: 15px 0;
  border-bottom: 1px dotted #ccc; }
  .contactBlock dl:before, .contactBlock dl:after {
    display: table;
    content: "";
    line-height: 0; }
  .contactBlock dl:after {
    clear: both; }
  .contactBlock dl dt, .contactBlock dl dd {
    line-height: 1;
    margin-bottom: 0; }
  .contactBlock dl dt {
    float: left;
    width: 200px;
    padding: 5px 0 5px 10px;
    line-height: 1;
    border-left: 2px solid #328bda; }
  .contactBlock dl dd {
    float: right;
    width: 420px; }
    .contactBlock dl dd input,
    .contactBlock dl dd textarea {
      width: 100%; }
.contactBlock .btns {
  text-align: center;
  margin: 25px; }

select option {
  padding-right: 15px; }

* html select option {
  padding-right: 0;
  _padding-right: 15px; }

label {
  cursor: pointer; }

fieldset {
  border: none; }

input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-box-sizing: border-box;
  box-sizing: border-box;
 
	border:1px solid #efefef;
	background:#fff;
	
}

input[type="submit"] {
	font-size:12px;
  border: 1px solid #15aeec;
  background-color: #49c0f0;
  background-image: -webkit-linear-gradient(top, #49c0f0, #2cafe3);
  background-image: linear-gradient(to bottom, #49c0f0, #2cafe3);
  border-radius: 4px;
  color: #fff;
  line-height: 1em;
  -webkit-transition: none;
  transition: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	padding: 0.5em;
	margin:0 0.5em;
}	

  input.err {
    border: 3px solid #00bbcc !important; }

textarea.textarea {
	color:#333;
  max-width: 100%;
  height: 80px;
  padding: 8px 5px; }

.button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  text-decoration: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #fff;
  padding: 10px 10px;
  cursor: pointer;
  width: 150px; 
}

.button:hover {
    color: #fff; 
}

.button:hover a:hover img {
      opacity: 0.8; 
}
  .button.type01 {
    background-color: #e5007f; }
  .button.type02 {
    background-color: #ef9d27; }

a.button {
  line-height: 1;
  text-align: center;
  display: block;
  margin: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-box-sizing: border-box;
  box-sizing: border-box; }

.block {
  margin-bottom: 35px; }

article.page .content {
  *zoom: 1; }
  article.page .content:before, article.page .content:after {
    display: table;
    content: "";
    line-height: 0; }
  article.page .content:after {
    clear: both; }
article.page .plan {
  *zoom: 1;
  margin-bottom: 1em; }
  article.page .plan:before, article.page .plan:after {
    display: table;
    content: "";
    line-height: 0; }
  article.page .plan:after {
    clear: both; }
  article.page .plan .left {
    width: 320px;
    float: left; }
  article.page .plan .right {
    float: right;
    width: 320px; }
  article.page .plan dl {
    *zoom: 1;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 0 !important;
    padding: 7px 0; }
    article.page .plan dl:before, article.page .plan dl:after {
      display: table;
      content: "";
      line-height: 0; }
    article.page .plan dl:after {
      clear: both; }
    article.page .plan dl dt {
      border-left: 3px solid #328bda;
      padding-left: 8px;
      float: left;
      width: 110px;
      font-size: 12px;
      font-size: 1.2rem; }
    article.page .plan dl dd {
      float: left;
      margin-bottom: 0;
      width: 200px; }
      article.page .plan dl dd em {
        color: #f92c1c; }

article.entry {
  margin: 0px 0; 
}
  article.entry .entryInfo {
    *zoom: 1;
    margin: 10px 0; 
	  float: right;
}

article.entry .entryInfo:before, article.entry .entryInfo:after {
display: table;
content: "";
line-height: 0; }
article.entry .entryInfo:after {
clear: both; }
article.entry .entryInfo .categories {
float: left; }
article.entry .entryInfo .categories ul {
*zoom: 1; }
article.entry .entryInfo .categories ul:before,
article.entry .entryInfo .categories ul:after {
display: table;
content: "";
line-height: 0; }
article.entry .entryInfo .categories ul:after {
clear: both;
}
article.entry .entryInfo .categories ul li {
    float: left;
    background-color: #53c2c5;
    padding: 5px 15px;
    color: #fff;
    margin-right: 10px;
}
article.entry .entryInfo .categories ul li a {
    color: #fff;
    text-decoration: none;
}
article.entry .entryInfo .categories ul li a:hover {
    text-decoration: underline;
}

article.entry .entryInfo time {
    float: left;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 5px 10px;
    line-height: 1.6;
}
    article.entry .entryInfo .weather {
      float: left;
      font-size: 14px;
      font-size: 1.4rem;
      padding: 5px 10px;
      margin-right: 10px;
      font-weight: bold;
      color: #328bda;
      border: 2px dotted #c6daf7; 
      }
  article.entry .content {
	  background:#fff;
    clear: both;
	padding: 1em;
	margin-bottom: 30px; 
}
article.entry .content h1:first-child,
article.entry .content h2:first-child,
article.entry .content h3:first-child,
article.entry .content h4:first-child {
      margin-top: 0; }
    article.entry .content h1 {
      border-left: 5px solid #328bda;
      font-size: 18px;
      font-size: 1.8rem;
      padding: 5px 0 5px 15px;
      margin-top: 2em;
      margin-bottom: 1em; }
    article.entry .content h2 {
      border-left: 2px solid #328bda;
      border-bottom: 1px dotted #ccc;
      font-size: 16px;
      font-size: 1.6rem;
      padding: 3px 0 3px 18px;
      margin-top: 2em;
      margin-bottom: 1em; }
    article.entry .content h3 {
      color: #328bda;
      font-size: 14px;
      font-size: 1.4rem;
      margin-bottom: 1em;
      margin-top: 2em; }
    article.entry .content ul li {
      padding: 5px 0 5px 20px;
      margin-bottom: 0.3em }

article.entry .authorBlock:before,
article.entry .authorBlock:after {
      display: table;
      content: "";
      line-height: 0; 
}

  article.entry .content ul li:before {
    content: "\f105";
    font-family: 'FontAwesome';
    color: #01bfe2;
    padding-right: 5px;
  }
    article.entry .authorBlock:after {
      clear: both; }
    article.entry .authorBlock figure {
      float: left;
      width: 90px;
      margin: 10px 20px; }
      article.entry .authorBlock figure img {
        display: block; }
    article.entry .authorBlock .text {
      float: right;
      width: 510px;
      margin: 20px 20px 10px 0px; }
  article.entry .postNavi {
    border-top: 1px dotted #ccc;
    padding-top: 25px;
    *zoom: 1; }
    article.entry .postNavi:before, article.entry .postNavi:after {
      display: table;
      content: "";
      line-height: 0; }
    article.entry .postNavi:after {
      clear: both; }
    article.entry .postNavi span {
      font-size: 14px;
      font-size: 1.4rem;
      width: 300px; }
      article.entry .postNavi span.prev {
        float: left;
        padding-left: 10px;
         }
         article.entry .postNavi span.prev:before{
         padding-right: 0.5em;
         font-family: FontAwesome;
         content:"\f100";
         }
      article.entry .postNavi span.next {
        float: right;
        padding-right: 10px;
        text-align: right; 
        }
        article.entry .postNavi span.next:after{
        padding-left:0.5em;
         font-family: FontAwesome;
         content:"\f101";
        }
.subContents .recentEntries,
.subContents .recentCategories,
.subContents .recentArchives {
  margin-bottom: 30px; }
  .subContents .recentEntries:last-child,
  .subContents .recentCategories:last-child,
  .subContents .recentArchives:last-child {
    margin-bottom: 0; }
.subContents .entries {
  background: #fff;
  border-bottom: 1px solid #ccc; }
  .subContents .entries .entry {
    *zoom: 1;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc; }

    .subContents .entries .entry:before, .subContents .entries .entry:after {
      display: table;
      content: "";
      line-height: 0; }
    .subContents .entries .entry:after {
      clear: both; }
    .subContents .entries .entry:last-child {
      border-bottom: none; }
    .subContents .entries .entry:hover {
      background-color: #f8fcff; }
    .subContents .entries .entry a {
      display: table;
      width: 100%;
      text-decoration: none; }
      .subContents .entries .entry a .text {
        display: table-cell;
        vertical-align: middle;
        padding-right: 10px;
        padding-left: 10px;
        color: #333; }
        .subContents .entries .entry a .text time {
          font-size: 12px;
          font-size: 1.2rem;
          color: #333; }
        .subContents .entries .entry a .text .title {
          font-size: 14px;
          font-size: 1.4rem;
          color: #333; }
      .subContents .entries .entry a figure {
        display: table-cell;
        vertical-align: middle;
        width: 50px;
        padding-left: 10px; }
.subContents .entries .entry a figure img {
	  display: block; 
}
.subContents .entries .entry a:hover .title {
        text-decoration: underline; 
}
.subContents .entries .entry a:hover figure img {
        opacity: 0.8;
        filter: alpha(opacity=0.8);
        -ms-filter: "alpha( opacity=$alpha )"; 
}

.widget li,
.subContents .categories li,
.subContents .archives li {
	border-bottom: 1px dotted #ddd;
	border-left: 1px dotted #ddd;
	border-right: 1px dotted #ddd;
	margin-bottom: 0 !important;
	padding: 0.5em; 
}
.widget li:before,
.subContents .categories li:before,
.subContents .archives li:before {
	 content: "\f105";
	font-family: 'FontAwesome';
	color:#01bfe2;
	padding-right:5px;
}
.newsBlock .news .text .entryInfo .categories ul li a :before{
	 content: "\f105";
	font-family: 'FontAwesome';
}

.subContents .categories li:last-child,
.subContents .archives li:last-child {
}
.subContents .categories li:hover,
.subContents .archives li:hover {
  background-color: #f8fcff; }

.widget li a,
.subContents .categories li a,
.subContents .archives li a { 
	color: #328bda;
	color: #666;
	text-align: left;
	text-decoration: none;
}
.subContents .socialBanners {
  margin-top: 20px; }
.subContents .socialBanners .banners ul li {
    margin-bottom: 10px; }
.subContents .socialBanners .banners ul li a:hover img {
      opacity: 0.8;
      filter: alpha(opacity=0.8);
      -ms-filter: "alpha( opacity=$alpha )"; 
}
.subContents .socialBanners .banners ul li img {
      display: block; 
}

.subContents h1{
	background:#2cafe3;
	color: #fff;
	padding:10px;
     margin: 1em 0;
}
.newsBlock h1 {
  margin-bottom: 0; }
.newsBlock .news {
  border-bottom: 1px dotted #ccc;
  padding: 15px 0;
  *zoom: 1; 
}
  .newsBlock .news:before, .newsBlock .news:after {
    display: table;
    content: "";
    line-height: 0; }
  .newsBlock .news:after {
    clear: both; }
@media screen and (max-width:768px){
	  .newsBlock .news .text {
		margin-bottom:1em;
	}
}
@media screen and (min-width:769px){
  .newsBlock .news .text {
    float: right;
    /*width: 480px; */
	  width:70%;
	}
}


.newsBlock .news .text .entryInfo {
	*zoom: 1;
	margin: 10px 0 0; 
}
.newsBlock .news .text .entryInfo:before, .newsBlock .news .text .entryInfo:after {
	display: table;
	content: "";
	line-height: 0; 
}
.newsBlock .news .text .entryInfo:after {clear: both; }
.newsBlock .news .text .entryInfo .categories {float: left; }
.newsBlock .news .text .entryInfo .categories ul {*zoom: 1; }
.newsBlock .news .text .entryInfo .categories ul:before, .newsBlock .news .text .entryInfo .categories ul:after {
	display: table;
	content: "";
	line-height: 0; 
}
.newsBlock .news .text .entryInfo .categories ul:after {clear: both; }
.newsBlock .news .text .entryInfo .categories ul li {
	float: left;
	background-color: #01bfe2;
	padding: 5px 15px;
	color: #fff;
	margin-right: 10px; 
}
.newsBlock .news .text .entryInfo .categories ul li a {
	color: #fff;
	text-decoration: none; 
}

.newsBlock .news .text .entryInfo .categories ul li a:hover {
	text-decoration: underline; 
}
.newsBlock .news .text .entryInfo time {
        float: left;
        font-size: 14px;
        font-size: 1.4rem;
        padding: 5px 10px;
        margin-right: 10px; 
}
.newsBlock .news .text .entryInfo figure.author {
        *zoom: 1;
        float: none;
        width: auto; 
}
.newsBlock .news .text .entryInfo figure.author:before, .newsBlock .news .text .entryInfo figure.author:after {
          display: table;
          content: "";
          line-height: 0; 
}
.newsBlock .news .text .entryInfo figure.author:after {
          clear: both; 
}
.newsBlock .news .text .entryInfo figure.author img {
          margin-right: 5px;
          vertical-align: middle;
          display: inline;
}
.newsBlock .news .text .entryInfo figure.author figcaption {
          display: inline;
          font-weight: bold;
          font-size: 12px;
          font-size: 1.2rem; 
}
.newsBlock .news .text h1 {
      font-size: 18px;
      font-size: 1.8rem;
      margin-bottom: 10px;
}
.newsBlock .news .text h1 a {
        color: #333; }
        .newsBlock .news .text h1 a:hover {
          text-decoration: none; }
    .newsBlock .news .text p {
      display: inline; }
      .newsBlock .news .text p a {
        color: #328bda; }

@media screen and (max-width: 768px){
	.newsBlock .news figure {
		width: 100%;
		height: 200px;
		overflow: hidden;
	}
}
@media screen and (min-width:769px){
	.newsBlock .news figure {
		float: left;
		width:28%;
		max-width: 300px;
		height:200px;
		overflow: hidden;
	}
}

.newsBlock .news figure img {
	width: 180px;
	max-width:100%;
	height:auto;
	overflow: hidden;
}
.newsBlock .news figure a:hover img {
      opacity: 0.8;
      filter: alpha(opacity=0.8);
      -ms-filter: "alpha( opacity=$alpha )";
}

.aboutBlock {
  margin-bottom: 30px; 
}
.aboutBlock .banners {
width: 670px; }
.aboutBlock .banners ul {
*zoom: 1;
width: 700px;
margin-right: -30px;
overflow: hidden; }
.aboutBlock .banners ul:before, .aboutBlock .banners ul:after {
display: table;
content: "";
line-height: 0; }
.aboutBlock .banners ul:after {
clear: both; }
.aboutBlock .banners ul li {
float: left;
width: 320px;
margin-right: 30px; }
.aboutBlock .banners ul li a:hover img {
opacity: 0.8;
filter: alpha(opacity=0.8);
-ms-filter: "alpha( opacity=$alpha )";
}

.planBlock h1.type-B {
  margin-bottom: 0; }
.planBlock .plans .plan {
*zoom: 1;
border-bottom: 1px dotted #ccc;
padding: 25px 0; }
.planBlock .plans .plan:before, .planBlock .plans .plan:after {
display: table;
content: "";
line-height: 0; }
.planBlock .plans .plan:after {
clear: both; }
.planBlock .plans .plan:hover {
background-color: #f8fcff; }
.planBlock .plans .plan a {
color: #333; }
.planBlock .plans .plan a .text {
float: right;
width: 540px; }
.planBlock .plans .plan a .text .price {
color: #f92c1c;
margin-bottom: 0.5em; }
.planBlock .plans .plan a .text .summary {
color: #666;
font-size: 12px;
font-size: 1.2rem; }
.planBlock .plans .plan a figure {
float: left;
width: 100px; }
.planBlock .plans .plan a figure img {
display: block; }
.planBlock .plans .plan a:hover .name {
text-decoration: underline; }
.planBlock .plans .plan a:hover figure img {
opacity: 0.8;
filter: alpha(opacity=0.8);
-ms-filter: "alpha( opacity=$alpha )"; }

.breadcrumbs {
width: 1000px;
margin-right: auto;
margin-left: auto;
*zoom: 1;
padding: 0;
margin-bottom: 5px !important;
*zoom: 1;
color: #999; }
.breadcrumbs:before, .breadcrumbs:after {
display: table;
content: "";
line-height: 0; }
.breadcrumbs:after {
clear: both; }
.breadcrumbs:before, .breadcrumbs:after {
display: table;
content: "";
line-height: 0; }
.breadcrumbs:after {
clear: both; }
.breadcrumbs span {
font-size: 12px;
font-size: 1.2rem;
color: #999;
margin-right: 5px;
margin-left: 5px;
line-height: 1; }
.breadcrumbs span:first-child {
margin-left: 0; }
.breadcrumbs span:last-child {
background: none; }
.breadcrumbs span a {
color: #999;
}

.islands {
*zoom: 1;
margin: 50px 0; }
.islands:before, .islands:after {
display: table;
content: "";
line-height: 0; }
.islands:after {
clear: both; }
.islands .island {
text-align: center;
float: left;
width: 400px;
margin-bottom: 50px; }
.islands .island h2 {
margin-bottom: 25px; }

.wp-pagenavi {
  margin-top: 25px; }

section.comments {
  margin: 35px 0;
  padding-top: 35px;
  border-top: 1px dotted #ddd; }
  section.comments #respond {
    margin-bottom: 35px; }
    section.comments #respond #reply-title {
      color: #999;
      font-size: 14px;
      font-size: 1.4rem;
      margin-bottom: 10px; }
    section.comments #respond #commentform {
      text-align: center; }
      section.comments #respond #commentform .comment-notes {
        font-size: 12px;
        font-size: 1.2rem;
        text-align: left; }
      section.comments #respond #commentform .logged-in-as {
        text-align: left; }
        section.comments #respond #commentform .logged-in-as a {
          color: #333; }
      section.comments #respond #commentform .comment-form-author,
      section.comments #respond #commentform .comment-form-email,
      section.comments #respond #commentform .comment-form-url,
      section.comments #respond #commentform .comment-form-url,
      section.comments #respond #commentform .comment-form-comment {
        *zoom: 1;
        text-align: left; }
        section.comments #respond #commentform .comment-form-author:before,
        section.comments #respond #commentform .comment-form-author:after,
        section.comments #respond #commentform .comment-form-email:before,
        section.comments #respond #commentform .comment-form-email:after,
        section.comments #respond #commentform .comment-form-url:before,
        section.comments #respond #commentform .comment-form-url:after,
        section.comments #respond #commentform .comment-form-url:before,
        section.comments #respond #commentform .comment-form-url:after,
        section.comments #respond #commentform .comment-form-comment:before,
        section.comments #respond #commentform .comment-form-comment:after {
          display: table;
          content: "";
          line-height: 0; }
        section.comments #respond #commentform .comment-form-author:after,
        section.comments #respond #commentform .comment-form-email:after,
        section.comments #respond #commentform .comment-form-url:after,
        section.comments #respond #commentform .comment-form-url:after,
        section.comments #respond #commentform .comment-form-comment:after {
          clear: both; }
        section.comments #respond #commentform .comment-form-author label,
        section.comments #respond #commentform .comment-form-email label,
        section.comments #respond #commentform .comment-form-url label,
        section.comments #respond #commentform .comment-form-url label,
section.comments #respond #commentform .comment-form-comment label {
	margin:1em;
          font-size: 14px;
          width: 150px;
          display: block;
          float: left; 
}
@media screen and(min-width:769px){
	section.comments #respond #commentform .comment-form-author #author,
	section.comments #respond #commentform .comment-form-author #email,
	section.comments #respond #commentform .comment-form-author #url,
	section.comments #respond #commentform .comment-form-author #comment,
	section.comments #respond #commentform .comment-form-email #author,
	section.comments #respond #commentform .comment-form-email #email,
	section.comments #respond #commentform .comment-form-email #url,
	section.comments #respond #commentform .comment-form-email #comment,
	section.comments #respond #commentform .comment-form-url #author,
	section.comments #respond #commentform .comment-form-url #email,
	section.comments #respond #commentform .comment-form-url #url,
	section.comments #respond #commentform .comment-form-url #comment,
	section.comments #respond #commentform .comment-form-url #author,
	section.comments #respond #commentform .comment-form-url #email,
	section.comments #respond #commentform .comment-form-url #url,
	section.comments #respond #commentform .comment-form-url #comment,
	section.comments #respond #commentform .comment-form-comment #author,
	section.comments #respond #commentform .comment-form-comment #email,
	section.comments #respond #commentform .comment-form-comment #url,
	section.comments #respond #commentform .comment-form-comment #comment {
          width: 480px;
          float: right; 
	}
}
@media screen and(max-width:768px){
	section.comments #respond #commentform .comment-form-author #author,
	section.comments #respond #commentform .comment-form-author #email,
	section.comments #respond #commentform .comment-form-author #url,
	section.comments #respond #commentform .comment-form-author #comment,
	section.comments #respond #commentform .comment-form-email #author,
	section.comments #respond #commentform .comment-form-email #email,
	section.comments #respond #commentform .comment-form-email #url,
	section.comments #respond #commentform .comment-form-email #comment,
	section.comments #respond #commentform .comment-form-url #author,
	section.comments #respond #commentform .comment-form-url #email,
	section.comments #respond #commentform .comment-form-url #url,
	section.comments #respond #commentform .comment-form-url #comment,
	section.comments #respond #commentform .comment-form-url #author,
	section.comments #respond #commentform .comment-form-url #email,
	section.comments #respond #commentform .comment-form-url #url,
	section.comments #respond #commentform .comment-form-url #comment,
	section.comments #respond #commentform .comment-form-comment #author,
	section.comments #respond #commentform .comment-form-comment #email,
	section.comments #respond #commentform .comment-form-comment #url,
	section.comments #respond #commentform .comment-form-comment #comment {
	    float: none;
	    width: 100%; 
	}
}
      section.comments #respond #commentform .form-allowed-tags {
        font-size: 10px;
        font-size: 1.0rem;
        color: #666;
        text-align: left; }
        section.comments #respond #commentform .form-allowed-tags code {
          display: block; }
      section.comments #respond #commentform #submit {
        text-align: center;
        margin: auto; }
  section.comments .commentlist li {
    margin: 25px 0;
    padding-top: 25px;
    border-top: 1px dotted #ccc; }
    section.comments .commentlist li .comment-body a {
      color: #333; }
    section.comments .commentlist li .comment-body .comment-author img {
      vertical-align: middle;
      margin-right: 10px; }
    section.comments .commentlist li .comment-body .comment-author cite {
      font-weight: bold; }
      section.comments .commentlist li .comment-body .comment-author cite a {
        font-weight: bold; }
    section.comments .commentlist li .comment-body .comment-meta {
      text-align: right; }
      section.comments .commentlist li .comment-body .comment-meta a {
        color: #666;
        font-size: 12px;
        font-size: 1.2rem;
        text-decoration: none; }
        section.comments .commentlist li .comment-body .comment-meta a:hover {
          text-decoration: underline; }
    section.comments .commentlist li .comment-body .reply {
      line-height: 1;
      margin-top: 10px; }
      section.comments .commentlist li .comment-body .reply a {
        border: 1px solid #eee;
        padding: 3px 10px; }
  section.comments .commentlist ul.children {
    margin-left: 10px;
    padding-left: 15px;
    border-left: 1px solid #eee;
    background-color: #FFF; }
    section.comments .commentlist ul.children li {
      border-top: none; }
  section.comments .page-numbers {
    font-size: 14px;
    font-size: 1.4rem; }

body.search .highlight {
  font-weight: bold;
  color: #f79531; }

/**
 * WordpressのネイティブCSS
 * http://codex.wordpress.org/CSS
 */
.alignnone {
  margin: 5px 10px 10px 0; }

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

.alignright {
  float: right;
  margin: 5px 0 10px 10px; }

.alignleft {
  float: left;
  margin: 5px 10px 10px 0; }

.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
  text-align: center; }

a img.alignright {
  float: right;
  margin: 5px 0 10px 10px; }

section.content p{
margin:0.5em 0;
}
a img.alignnone {
  margin: 5px 10px 10px 0; 
}

a img.alignleft {
  float: left;
  margin: 5px 10px 10px 0; }

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center; }

.wp-caption.alignnone {
  margin: 5px 20px 20px 0; }

.wp-caption.alignleft {
  margin: 5px 20px 20px 0; }

.wp-caption.alignright {
  margin: 5px 0 20px 20px; }

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto; }

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px; 
}
label.screen-reader-text{
	display: none;
}

section.content p a img.size-full {
	max-width: 100%;
	height: auto;
}

.tag-cloud-link{
	line-height:1.2em;
	padding:2px;

}

.wp-pagenavi a,
.wp-pagenavi span{
	border: 1px solid #00b9eb;
	border-radius: 2px;
	background: #1ab0ec;
}
div.wp-pagenavi a.nextpostslink,
.wp-pagenavi span.extend,
.wp-pagenavi span.extend,
.wp-pagenavi span.pages{
	border:none;
	background: none;
	color: #666;
}
.wp-pagenavi a,
.wp-pagenavi a:link,
.wp-pagenavi a:visited{
	color: #fff;
	border: 1px solid #1ab0ec;
}
div.wp-pagenavi a:hover,
div.wp-pagenavi span.current{
	border-color: #ccc;
	color: #999;
	background: #ddd;
}

/*
カレンダー
Thought is free
https://thk.kanzae.net/
*/
#sidebar .widget_calendar {
    margin-bottom: 40px;
}
table#wp-calendar {
    table-layout: fixed;
    width: 100%;
    margin: 5px auto 0 auto;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 12px;
}
table#wp-calendar caption {
    margin: 10px 0 0 0;
    padding: 5px;
    width: auto;
    text-align: center;
    font-weight: bold;
    background-color: #efefef;
}

table#wp-calendar #today {
        display: block;
        font-weight: bold;
        background-color: #f3c412;
        border: thin solid #e2872d;
        z-index: 1;
}

table#wp-calendar .pad {
        font-weight: bold;
        background-color: #fff9f9;
}

table#wp-calendar th,
table#wp-calendar td {
    padding: 2px auto;
    vertical-align: middle;
    text-align: center;
}

table#wp-calendar td {
    line-height: 2;
    border: thin solid #1a92c2;
    background-color: #fff;
}

table#wp-calendar th {
    font-style: normal;
    font-weight: bold;
    color: #fff;
    border-left: thin solid #fff;
    border-right: thin solid #fff;
    background-color: #216aa2;
        line-height: 1.8;
}

table#wp-calendar a {
    font-size: 12px;
    color: #00a0dd;
    padding: 0;
    text-decoration: underline;
}
.wpp-meta, .post-stats {
    display: block;
    font-size: 0.8em;
    font-weight: bold;
    float: right;
    line-height: 2;
}