/*
カスタム CSS
http://wp.me/PEmnE-Bt

margin, paddin:
1：[上下左右]
2：[上下] [左右]
3：[上] [左右] [下]
4：[上] [右] [下] [左]
*/
/* Leaf Theme */

div p {
	font-size: 1.4rem !important;
}

div.columns p {
	margin-top: 10px !important;
	padding: 0rem 0rem 1.2rem 2rem !important;
	
}
#core { padding: 0 20px; padding: 0 2.0rem; }

.post p {
  margin: 1.3em 0 0 0
}

.row { 
	width: 100%; 
	max-width: 980px; 
	max-width: 98.0rem; 
	min-width: 720px; 
	min-width: 72.0rem; 
	margin: 0 auto; }
	/* To fix the grid into a different size, set max-width to your desired width */

.row .row { min-width: 0px; }
.column, .columns { margin-left: 2.127663%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		float: left; min-height: 1px; position: relative; }
.column:first-child, .columns:first-child, .alpha, .omega { margin-left: 0px; }

[class*="column"] + [class*="column"]:last-child { float: right; }


.row .one.columns 		{ width: 6.382989%;  }
.row .two.columns 		{ width: 14.893641%; }
.row .three.columns 		{ width: 23.404293%; }
.row .four.columns 		{ width: 31.914945%; }
.row .five.columns 		{ width: 40.425597%; }
.row .six.columns 		{ width: 48.936249%; }
.row .seven.columns 		{ width: 57.446901%; }
.row .eight.columns 		{ width: 65.957553%; }
.row .nine.columns 		{ width: 74.468205%; }
.row .ten.columns 		{ width: 82.978857%; }
.row .eleven.columns		{ width: 91.489509%; }
.row .twelve.columns		{ width: 100%;		 }
	
/*** Formula: Column Width + Twice the Default Margin ***/
.row .push_one 		{ margin-left: 10.638315%; }
.row .push_two 		{ margin-left: 19.148967%; }
.row .push_three 	{ margin-left: 27.659619%; }
.row .push_four 		{ margin-left: 36.170271%; }
.row .push_five 		{ margin-left: 44.680923%; }
.row .push_six 		{ margin-left: 53.191575%; }
.row .push_seven 	{ margin-left: 61.702227%; }
.row .push_eight 	{ margin-left: 70.212879%; }
.row .push_nine 		{ margin-left: 78.723531%; }
.row .push_ten 		{ margin-left: 87.234183%; }
/*.row .push_eleven 	{ margin-left: 95.744835%;  }*/

/* Centering Columns is fun */
.row .one.centered		{ margin-left: 46.808586%;}
.row .two.centered 		{ margin-left: 42.55326%; }
.row .three.centered		{ margin-left: 38.297934%;}
.row .four.centered		{ margin-left: 34.042608%;}
.row .five.centered 		{ margin-left: 29.787282%;}
.row .six.centered 		{ margin-left: 25.531956%;}
.row .seven.centered 	{ margin-left: 21.27663%; }
.row .eight.centered 	{ margin-left: 17.021304%;}
.row .nine.centered 		{ margin-left: 12.765978%;}
.row .ten.centered 		{ margin-left: 8.510652%; }
.row .eleven.centered 	{ margin-left: 4.255326%; }

/*** Formula: Column Width + Default Margin ***/
.row .push_one:first-child 		{ margin-left: 8.510652%; }
.row .push_two:first-child 		{ margin-left: 17.021304%;}
.row .push_three:first-child 	{ margin-left: 25.531956%;}
.row .push_four:first-child 		{ margin-left: 34.042608%;}
.row .push_five:first-child 		{ margin-left: 42.55326%; }
.row .push_six:first-child 		{ margin-left: 51.063912%;}
.row .push_seven:first-child 	{ margin-left: 59.574564%;}
.row .push_eight:first-child 	{ margin-left: 68.085216%;}
.row .push_nine:first-child 		{ margin-left: 76.596868%;}
.row .push_ten:first-child 		{ margin-left: 85.10652%; }
.row .push_eleven:first-child 	{ margin-left: 93.617172%;}

img { -ms-interpolation-mode: bicubic; }
#map_canvas img, .map_canvas img {max-width: none!important;}

/* Nicolas Gallagher's micro clearfix */
.row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }

.row {
	width: 100%;
	max-width: 1280px;
	/*max-width: 108rem;*/
	min-width: 720px;
	min-width: 72rem;
	margin: 0 auto;
}

.site {
	margin: 0 auto;
	max-width: 1280px;
	/*max-width: 108rem;*/
	overflow: hidden;
}

span.name_label {
	display: inline-block;
	padding: .3rem 0 0;
	margin: 0 1.5rem 0 -1.5rem;
}

/* blockquote margin */
blockquote {
	margin: 0 0 0 !important;
	padding: 0 !important;
}

blockquote p {
	margin: 0 !important;
	padding: .6rem 0 1.2rem 2rem !important;
}

div.entry-content > div.row > div.columns > p {
	border-left: 2px dashed #E6E6E6;
}

/* blockquote */
blockquote {
	overflow: visible;
}

blockquote:before {
    content: "\201c";
    display: block;
    position: absolute;
    font-family: Arial,sans-serif;
    font-size: 30pt;
    line-height: 100%;
    left: 0px;
    top: 0px;
    opacity: .14;
}
blockquote:after {
    content: "\201d";
    display: block;
    position: absolute;
    font-family: Arial,sans-serif;
    font-size: 30pt;
    line-height: 100%;
	  top: auto;
	  left: auto;
    right: 0px;
    bottom: -15pt;
    opacity: .14;
}


/* 段組み */
div.navigation {
	padding: .8rem 0 1em !important;
}

div.rentnavi {
	background-color: #dae9e9;
	border: solid 2px;
	border-color: #dae9e9 #aacccc #aacccc #dae9e9;
	font-size: 2rem;
}

div.doublecolumn {
	width: 100%;
	margin: 0 auto;
}

.doublecolumn > div {
	width: 50%;
}

div.triplecolumn {
	width: 100%;
	margin: 0 auto;
}

.triplecolumn > div {
	width: 33%;
}

div.quadruplecolumn {
	width: 100%;
	margin: 0 auto;
}

.quadruplecolumn > div {
	width: 25%;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.aligncenter {
	float: left;
}

.navigation .alignright {
	text-align: right;
	padding-right: 3px;
}

.navigation .alignleft {
	text-align: left;
	padding-left: 3px;
}

.navigation .aligncenter {
	text-align: center;
}

div.clearboth {
	clear: both;
	height: 2rem;
}

/* table */
td, th {
	padding: 4px;
}

/* google adsense margin */
h3.ga {
	margin: 0 !important;
}

/* rgb colors */
span.color_r {
	color: #aa5555;
}

span.color_g {
	color: #55aa55;
}

span.color_b {
	color: #5555aa;
}

/* RENT character colors */
span.angel {
	color: #ee9900;
}

span.benny {
	color: #883300;
}

span.collins {
	color: #882288;
}

span.joanne {
	color: #ddaa00;
}

span.mark {
	color: #3355aa;
}

span.maureen {
	color: #aa0000;
}

span.mimi {
	color: #888800;
}

span.roger {
	color: #559955;
}

.rhyme {
	border-bottom: 1px dashed;
}

.tool-tip {
	position: relative;
}

.tool-tip::before {
	content: attr(tooltip-data);
	visibility: hidden;
  opacity: 0;
  position: absolute;
  white-space: nowrap;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 10px;
  transform: translateX(-50%);
  border-radius: 5px;
  z-index: 999;
  transition: all .4s ease-in-out;
  top: calc(-2rem - 12px);
  left: 50%;
  font-size: 85%;
}
    
.tool-tip::after {
  content: "";
	visibility: hidden;
  opacity: 0;
  position: absolute;
  top: -4px;
  left: calc(50% - 8px);
  transition: all .4s ease-in-out;
  border: 5px solid transparent;
  border-top: 5px solid #555;
}

.tool-tip:hover:before, 
.tool-tip:hover:after {
	visibility: visible;
  opacity: 90%;
}

.home-featured row {
}

/********** kattene **********/
.kattene {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 10px;
  margin-bottom: 1em;
  box-sizing: border-box; }

.kattene div{
  margin: 0;
}

.kattene__imgpart {
  text-align: center; }

  .kattene__imgpart img {
    -webkit-box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
    -o-box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
    -ms-box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
    margin: 0;}

.kattene__description {
  font-size: 0.8em; }

.kattene .kattene__btns {
  width: 100%;
  margin-top: 1.2em; }

  .kattene__btns:after {
    display: block;
    clear: both;
    height: 0px;
    visibility: hidden;
    content: "."; }

  .kattene__btns > div {
    float: left;
    margin-bottom: 5px; }

  .kattene__btns .kattene__btn {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
   }

  .kattene__btns.__three > div {
    width: 32.66667%; }

    .kattene__btns.__three > div:not(:last-child) {
      margin-right: 1%; }

  .kattene__btns.__two > div {
    width: 49.5%; }

    .kattene__btns.__two > div:nth-child(odd) {
      margin-right: 1%; }

@media screen and (max-width: 900px) {
  .kattene__btns.__five > div {
  width: 49.5%; }
  .kattene__btns.__five > div:nth-child(odd) {
    margin-right: 1%; }
  .kattene__btns.__five > div:last-child {
    margin-right: 0;
    float: right; }

  .kattene__btns.__four > div {
    width: 49.5%; }

    .kattene__btns.__four > div:nth-child(odd) {
      margin-right: 1%; }

  .kattene__btns.__one > div {
    width: 50%;
    margin-left: 25%; } }
@media screen and (min-width: 901px) {

  .kattene {
    display: table;
    width: 100%; }

  .kattene__imgpart {
    display: table-cell;
    width: 20%; }

  .kattene__infopart {
    display: table-cell;
    vertical-align: top;
    position: relative;
    padding-left: 10px;
    width: 80%; }
	
	.kattene__title {
    font-size: 120%;
	}

  .kattene__btns {
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
    padding-right: 10px; }

  .kattene__btns.__five > div {
    width: 19.2%; }

    .kattene__btns.__five > div:not(:last-child) {
      margin-right: 1%; }

    .kattene__btns.__four > div {
      width: 24.25%; }

      .kattene__btns.__four > div:not(:last-child) {
        margin-right: 1%; }

    .kattene__btns.__two > div {
      width: 49.5%; }

      .kattene__btns.__two > div:not(:last-child) {
        margin-right: 1%; }

    .kattene__btns.__one > div {
      width: 49.5%;
      float: right; } }

.kattene .kattene__btn {
  appearance: none;
  background-color: #54c0d1;
  border: 0;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1;
  padding: 0.75em 0;
  text-decoration: none;
  transition: background-color 150ms ease;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap; }

  .kattene__btn:hover, .kattene__btn:focus {
    background-color: #439aa7;
    color: #fff !important; }

  .kattene__btn:disabled {
    cursor: not-allowed;
    opacity: 0.5; }

    .kattene__btn:disabled:hover {
      background-color: #54c0d1; }

.kattene__btn.__small {
  padding: 0.55em;
  font-size: 0.9em; }

.kattene__btn.__orange {
  background-color: #FF9901;
  -webkit-box-shadow: 0 5px 0 #cc7a01;
  -moz-box-shadow: 0 5px 0 #cc7a01;
  box-shadow: 0 5px 0 #cc7a01;
  -o-box-shadow: 0 5px 0 #cc7a01;
  -ms-box-shadow: 0 5px 0 #cc7a01;
  margin-bottom: 5px;
  border-radius: 3px;
  text-align: center; }

  .kattene__btn.__orange:hover {
    background-color: #cc7a01; }

  .kattene__btn.__orange i {
    font-weight: bold; }

    .kattene__btn.__orange i:before {
      vertical-align: middle;
      font-size: 1.2em;
      margin-right: 0.2em; }

.kattene__btn.__blue {
  background-color: #007dcd;
  -webkit-box-shadow: 0 5px 0 #0064a4;
  -moz-box-shadow: 0 5px 0 #0064a4;
  box-shadow: 0 5px 0 #0064a4;
  -o-box-shadow: 0 5px 0 #0064a4;
  -ms-box-shadow: 0 5px 0 #0064a4;
  margin-bottom: 5px;
  border-radius: 3px;
  text-align: center; }

  .kattene__btn.__blue:hover {
    background-color: #0064a4; }

  .kattene__btn.__blue i {
    font-weight: bold; }

    .kattene__btn.__blue i:before {
      vertical-align: middle;
      font-size: 1.2em;
      margin-right: 0.2em; }

.kattene__btn.__red {
  background-color: #c20004;
  -webkit-box-shadow: 0 5px 0 #9b0003;
  -moz-box-shadow: 0 5px 0 #9b0003;
  box-shadow: 0 5px 0 #9b0003;
  -o-box-shadow: 0 5px 0 #9b0003;
  -ms-box-shadow: 0 5px 0 #9b0003;
  margin-bottom: 5px;
  border-radius: 3px;
  text-align: center; }

  .kattene__btn.__red:hover {
    background-color: #9b0003; }

  .kattene__btn.__red i {
    font-weight: bold; }

    .kattene__btn.__red i:before {
      vertical-align: middle;
      font-size: 1.2em;
      margin-right: 0.2em; }

.kattene__btn.__green {
  background-color: #0BBD80;
  -webkit-box-shadow: 0 5px 0 #099766;
  -moz-box-shadow: 0 5px 0 #099766;
  box-shadow: 0 5px 0 #099766;
  -o-box-shadow: 0 5px 0 #099766;
  -ms-box-shadow: 0 5px 0 #099766;
  margin-bottom: 5px;
  border-radius: 3px;
  text-align: center; }

  .kattene__btn.__green:hover {
    background-color: #099766; }

  .kattene__btn.__green i {
    font-weight: bold; }

    .kattene__btn.__green i:before {
      vertical-align: middle;
      font-size: 1.2em;
      margin-right: 0.2em; }

.kattene__btn.__pink {
  background-color: #e1325b;
  -webkit-box-shadow: 0 5px 0 #b42849;
  -moz-box-shadow: 0 5px 0 #b42849;
  box-shadow: 0 5px 0 #b42849;
  -o-box-shadow: 0 5px 0 #b42849;
  -ms-box-shadow: 0 5px 0 #b42849;
  margin-bottom: 5px;
  border-radius: 3px;
  text-align: center; }

  .kattene__btn.__pink:hover {
    background-color: #b42849; }

  .kattene__btn.__pink i {
    font-weight: bold; }

    .kattene__btn.__pink i:before {
      vertical-align: middle;
      font-size: 1.2em;
      margin-right: 0.2em; }



/* --------------------------------------------------------------
 * = Responsive Structure
 * ----------------------------------------------------------- */

@media only screen and (max-width: 480px) {
	/* Style adjustments for viewports 480px and under go here */
	.row { text-align: left; }
	
	.image-tag, .aside-format, .audio-format, .gallery-format, .image-format, .link-format, .video-format { display: none; }
	.scroll-to-top { visibility: hidden; }
	.error404 .entry-404 { font-size: 80px; font-size: 8rem; }
	
}

@media only screen and (max-width: 767px) {
	/* Style adjustments for viewports 767px and under go here */
	body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
		
	.container { min-width: 0; margin-left: 0; margin-right: 0; }
	.row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; }
	.row .row .column, .row .row .columns { padding: 0; }
	.column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; }
	.column:last-child, .columns:last-child { margin-right: 0; float: none; }
	.row .row .column, .row .row .columns { padding: 0; }
	.column, .columns { width: auto !important; float: none; margin-left: 0px; margin-right: 0px; }
	.column:last-child, .columns:last-child { margin-right: 0; float: none; }
	[class*="column"] + [class*="column"]:last-child { float: none; }
	[class*="column"]:before, [class*="column"]:after { display: table; }
	[class*="column"]:after { clear: both; }
	.push_one, .push_two, .push_three, .push_four, .push_five, .push_six, .push_seven, .push_eight, .push_nine, .push_ten, .push_eleven, .centered { margin-left: 0% !important; }
	.home-cats.row .five.columns { margin-bottom: 5px; margin-bottom: .5rem; padding-bottom: 5px; padding-bottom: .5rem; border-bottom: 1px dotted #BBB; }
	
	#page { margin-top: 0; margin-bottom: 0; }
	.site-content { border-right: 0; margin: 24px 0 0; margin: 2.4rem 0 0; }
	.main-navigation { border: 0; text-align: center; }
	.header-navigation ul, .footer-navigation ul { text-align: center; }
	.vertical-divider { border-left: none;}
	.widget-title span { padding-left: 10px; padding-left: 1rem; }
	.footer-sidebar .one.widget-area,
	.footer-sidebar.two .widget-area,
	.footer-sidebar.three .widget-area  { clear: both; width:100%;}
	
}

