@charset "UTF-8";
/* -------------------------------------
----------------------------------------
reset
* html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
* Richard Clark (http://richclarkdesign.com)
* http://cssreset.com
----------------------------------------
------------------------------------- */
/* line 134, sass/_reset5.scss */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* line 143, sass/_reset5.scss */
body {
  line-height: 1;
}

/* line 146, sass/_reset5.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 149, sass/_reset5.scss */
nav ul {
  list-style: none;
}

/* line 152, sass/_reset5.scss */
blockquote, q {
  quotes: none;
}

/* line 155, sass/_reset5.scss */
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

/* line 159, sass/_reset5.scss */
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
/* line 167, sass/_reset5.scss */
ins {
  background-color: #ccc471;
  color: #000000;
  text-decoration: none;
}

/* change colours to suit your needs */
/* line 173, sass/_reset5.scss */
mark {
  background-color: #ccc471;
  color: #000000;
  font-style: italic;
  font-weight: bold;
}

/* line 179, sass/_reset5.scss */
del {
  text-decoration: line-through;
}

/* line 182, sass/_reset5.scss */
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

/* line 186, sass/_reset5.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
/* line 191, sass/_reset5.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #999999;
  margin: 1rem 0;
  padding: 0;
}

/* line 199, sass/_reset5.scss */
input, select {
  vertical-align: middle;
}

/* line 205, sass/_reset5.scss */
li {
  list-style: none;
}

/* line 208, sass/_reset5.scss */
address {
  font-style: normal;
}

/* line 213, sass/_reset5.scss */
a {
  overflow: hidden;
  outline: none;
  text-decoration: none;
}

/* line 218, sass/_reset5.scss */
body {
  font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

/* line 225, sass/_reset5.scss */
.cf:before,
.cf:after {
  content: "";
  display: table;
}

/* line 230, sass/_reset5.scss */
.cf:after {
  clear: both;
}

/* line 234, sass/_reset5.scss */
.cf {
  zoom: 1;
}

/* -------------------------------------
----------------------------------------
html
----------------------------------------
------------------------------------- */
/* line 245, sass/_reset5.scss */
html {
  /* Prevent iOS text size adjust after orientation change, without disabling user zoom. */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 62.5%;
}

/*
Theme Name: adh-blog
Theme URI: http://www.ai-design-home.co.jp
Description: アイデザインホームオフィシャルブログ
Version: 3.00
Author: Echizenya
Author URI: http://www.ai-design-home.co.jp
*/
/* -------------------------------------
----------------------------------------
body 
----------------------------------------
------------------------------------- */
/* line 23, sass/style.scss */
body {
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #595858;
  margin: 0 auto;
  background-color: #008bd6;
}
/* line 28, sass/style.scss */
body #wrapper {
  margin: 0 auto;
  background-color: #c5e1f7;
}
@media (min-width: 680px) {
  /* line 23, sass/style.scss */
  body {
    background-color: #008bd6;
  }
}
@media (max-width: 679px) {
  /* line 23, sass/style.scss */
  body {
    background-color: #008bd6;
    /*
    		#wrapper {
    			background: url(images/contents_bg.gif) repeat-y center;
    			background-size: contain;
    		}
    */
  }
}

/* -------------------------------------
----------------------------------------
header
----------------------------------------
------------------------------------- */
/* line 58, sass/style.scss */
#linkheader {
  width: 100%;
  margin: 0 auto;
}
/* line 61, sass/style.scss */
#linkheader > ul {
  width: 900px;
  margin: 0 auto;
  height: 45px;
  overflow: hidden;
  *zoom: 1;
}
/* line 38, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
#linkheader > ul:after {
  content: "";
  display: table;
  clear: both;
}
/* line 67, sass/style.scss */
#linkheader > ul > li {
  display: block;
}
/* line 69, sass/style.scss */
#linkheader > ul > li:first-child {
  float: left;
  width: 180px;
}
/* line 73, sass/style.scss */
#linkheader > ul > li:last-child {
  float: right;
  width: 690px;
  font-size: 1.2rem;
  line-height: 1.8rem;
  text-align: left;
  color: #ffffff;
  padding-top: 6px;
}
/* line 80, sass/style.scss */
#linkheader > ul > li:last-child span, #linkheader > ul > li:last-child b {
  font-weight: normal;
  display: block;
}
@media (max-width: 679px) {
  /* line 89, sass/style.scss */
  #linkheader > ul {
    width: 90%;
    padding: 0 5%;
  }
  /* line 92, sass/style.scss */
  #linkheader > ul > li {
    width: 100%;
    *zoom: 1;
  }
  /* line 38, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
  #linkheader > ul > li:after {
    content: "";
    display: table;
    clear: both;
  }
  /* line 95, sass/style.scss */
  #linkheader > ul > li:first-child {
    width: 190px;
    margin-right: -190px;
    display: block;
  }
  /* line 100, sass/style.scss */
  #linkheader > ul > li:last-child {
    width: 100%;
    display: block;
  }
  /* line 103, sass/style.scss */
  #linkheader > ul > li:last-child b {
    margin-left: 190px;
  }
  /* line 106, sass/style.scss */
  #linkheader > ul > li:last-child span {
    display: none;
  }
}
@media (max-width: 480px) {
  /* line 117, sass/style.scss */
  #linkheader > ul > li:first-child {
    width: 190px;
    float: none;
    margin: 0 auto;
  }
  /* line 122, sass/style.scss */
  #linkheader > ul > li:last-child {
    display: none;
  }
}

/* line 132, sass/style.scss */
haeder {
  width: 100%;
  height: 300px;
  background: url(images/header_bg.png) repeat-x;
  display: block;
}
/* line 137, sass/style.scss */
haeder #mainimg {
  width: 920px;
  height: 283px;
  text-align: left;
  padding-top: 17px;
  margin: 0 auto;
  background: url(images/header2_img_02.png) no-repeat center bottom;
}
/* line 144, sass/style.scss */
haeder #mainimg > h1 {
  display: none;
}
/* line 147, sass/style.scss */
haeder #mainimg > figure {
  width: 415px;
  float: left;
}
/* line 151, sass/style.scss */
haeder #mainimg > h2 {
  width: 490px;
  float: right;
  font-size: 1.5rem;
  line-height: 2.3rem;
  color: #ffffff;
  margin-top: 14px;
}
/* line 159, sass/style.scss */
haeder #mainimg2 {
  width: 920px;
  height: 279px;
  line-height: 0;
  margin: 0 auto;
}
/* line 164, sass/style.scss */
haeder #mainimg2 img {
  width: 100%;
  height: auto;
}
@media (min-width: 680px) {
  /* line 171, sass/style.scss */
  haeder #mainimg2 {
    display: none;
  }
}
@media (max-width: 679px) {
  /* line 132, sass/style.scss */
  haeder {
    height: auto;
    background-image: none;
  }
  /* line 179, sass/style.scss */
  haeder #mainimg {
    display: none;
  }
  /* line 182, sass/style.scss */
  haeder #mainimg2 {
    width: 100%;
    height: auto;
    display: block;
  }
}

/* line 193, sass/style.scss */
.ie8 #mainimg {
  width: 920px;
  height: 283px;
  text-align: left;
  padding-top: 0;
  margin: 0 auto;
  background: url(images/header_img_ie8.jpg) no-repeat center bottom;
}
/* line 200, sass/style.scss */
.ie8 #mainimg > h1 {
  display: none;
}
/* line 203, sass/style.scss */
.ie8 #mainimg > figure {
  width: 415px;
  float: left;
}
/* line 207, sass/style.scss */
.ie8 #mainimg > h2 {
  width: 490px;
  float: right;
  font-size: 1.5rem;
  line-height: 2.3rem;
  color: #ffffff;
  margin-top: 14px;
}
/* line 215, sass/style.scss */
.ie8 #mainimg2 {
  display: none;
}

/* -------------------------------------
----------------------------------------
contents
----------------------------------------
------------------------------------- */
/* line 227, sass/style.scss */
#contents {
  width: 920px;
  color: #595858;
  padding: 10px 0;
  margin: 0 auto;
  background: url(images/contents_bg.png) repeat-y center;
  *zoom: 1;
}
/* line 38, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
#contents:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 679px) {
  /* line 227, sass/style.scss */
  #contents {
    width: 100%;
    background: url(images/contents_bg.gif) repeat-y center;
    background-size: contain;
  }
}

/* line 241, sass/style.scss */
#blogarea {
  width: 650px;
  float: left;
}
/* line 244, sass/style.scss */
#blogarea .blog {
  width: 570px;
  padding-bottom: 50px;
  margin-left: 50px;
}
/* line 248, sass/style.scss */
#blogarea .blog a {
  color: #595858;
}
/* line 250, sass/style.scss */
#blogarea .blog a:hover {
  color: #cf6da1;
}
/* line 254, sass/style.scss */
#blogarea .blog .date {
  width: 59px;
  height: 64px;
  float: left;
  background-image: url(images/date_back.png);
  background-repeat: no-repeat;
  display: block;
}
/* line 261, sass/style.scss */
#blogarea .blog .date li {
  text-align: center;
  font-family: Geneva, Arial, Helvetica, sans-serif;
}
/* line 264, sass/style.scss */
#blogarea .blog .date li:nth-child(1) {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #ffffff;
  margin-top: 3px;
}
/* line 269, sass/style.scss */
#blogarea .blog .date li:nth-child(2) {
  font-size: 32px;
  line-height: 42px;
}
/* line 275, sass/style.scss */
#blogarea .blog .date2 {
  display: none;
}
/* line 278, sass/style.scss */
#blogarea .blog > h3 {
  width: 455px;
  float: right;
  font-size: 1.8rem;
  line-height: 2.4rem;
  text-align: left;
  font-weight: bold;
  min-height: 48px;
  padding: 10px 20px;
  background: url(images/title_bg.png) repeat;
}
/* line 288, sass/style.scss */
#blogarea .blog .blogintro {
  width: 100%;
  clear: right;
  padding-top: 20px;
  padding-bottom: 20px;
  *zoom: 1;
}
/* line 38, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
#blogarea .blog .blogintro:after {
  content: "";
  display: table;
  clear: both;
}
/* line 295, sass/style.scss */
#blogarea .blog .blogintro li:nth-child(1) {
  width: 400px;
  float: left;
  font-size: 1.2rem;
  line-height: 1.8rem;
  padding-bottom: 10px;
}
/* line 301, sass/style.scss */
#blogarea .blog .blogintro li:nth-child(2) {
  width: 150px;
  height: 100px;
  float: right;
  display: block;
}
/* line 309, sass/style.scss */
#blogarea .blog .blogtxt {
  clear: right;
  font-size: 1.2rem;
  line-height: 1.8rem;
  padding-top: 20px;
  padding-bottom: 20px;
}
/* line 315, sass/style.scss */
#blogarea .blog .source {
  clear: both;
  width: 100%;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: left;
  word-wrap: break-word;
  padding-top: 8px;
  padding-bottom: 15px;
  border-top: 1px dotted #595858;
}
/* line 324, sass/style.scss */
#blogarea .blog .source li {
  list-style-type: none;
  line-height: 1.8em;
  padding-right: 15px;
  padding-left: 22px;
  display: inline-block;
}
/* line 330, sass/style.scss */
#blogarea .blog .source li:nth-child(1) {
  background: url(images/auther_icon2.png) no-repeat 0px top;
}
/* line 333, sass/style.scss */
#blogarea .blog .source li:nth-child(2) {
  background: url(images/category_icon2.png) no-repeat 0px top;
}
/* line 336, sass/style.scss */
#blogarea .blog .source li:nth-child(3) {
  background: url(images/comment_icon2.png) no-repeat 0px top;
}
@media (max-width: 679px) {
  /* line 241, sass/style.scss */
  #blogarea {
    width: 80%;
    float: none;
    padding: 0 10%;
  }
  /* line 347, sass/style.scss */
  #blogarea .blog {
    width: 100%;
    padding-bottom: 20px;
    margin-left: 0;
    /*
    			.source {
    				padding-bottom: 0;
    				li {
    					display: none;
    				}
    			}
    */
  }
  /* line 351, sass/style.scss */
  #blogarea .blog .date {
    display: none;
  }
  /* line 354, sass/style.scss */
  #blogarea .blog .date2 {
    width: 90%;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: #ffffff;
    text-align: left;
    padding: 6px 5%;
    background-image: none;
    background-color: #008bd6;
    display: block;
  }
  /* line 364, sass/style.scss */
  #blogarea .blog > h3 {
    width: 90%;
    float: none;
    min-height: 20px;
    padding: 10px 5%;
  }
  /* line 372, sass/style.scss */
  #blogarea .blog .blogintro li:nth-child(1) {
    width: 65%;
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
  /* line 376, sass/style.scss */
  #blogarea .blog .blogintro li:nth-child(2) {
    width: 30%;
    height: auto;
  }
  /* line 379, sass/style.scss */
  #blogarea .blog .blogintro li:nth-child(2) img {
    width: 100%;
    height: auto;
  }
  /* line 385, sass/style.scss */
  #blogarea .blog .blogtxt {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
  /* line 387, sass/style.scss */
  #blogarea .blog .blogtxt img {
    max-width: 100%;
    height: auto;
  }
  /* line 392, sass/style.scss */
  #blogarea .blog .source {
    display: none;
  }
}
@media (max-width: 480px) {
  /* line 410, sass/style.scss */
  #blogarea .blog .blogintro li:nth-child(1) {
    width: 100%;
    float: none;
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
  /* line 415, sass/style.scss */
  #blogarea .blog .blogintro li:nth-child(2) {
    width: 100%;
    height: auto;
  }
  /* line 418, sass/style.scss */
  #blogarea .blog .blogintro li:nth-child(2) img {
    width: auto;
    height: auto;
    margin: 0 auto;
    display: block;
  }
  /* line 427, sass/style.scss */
  #blogarea .blog .blogtxt {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
  /* line 429, sass/style.scss */
  #blogarea .blog .blogtxt img {
    width: 100%;
    height: auto;
    display: block;
  }
}

/* line 440, sass/style.scss */
.comments {
  width: 570px;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: left;
  padding-bottom: 50px;
  margin-left: 50px;
}
/* line 446, sass/style.scss */
.comments h3 {
  font-size: 1.4rem;
  line-height: 2.2rem;
  text-align: left;
}
@media (max-width: 679px) {
  /* line 440, sass/style.scss */
  .comments {
    width: 100%;
    font-size: 1.4rem;
    line-height: 2.2rem;
    padding-bottom: 30px;
    margin-left: 0;
  }
}

/* line 458, sass/style.scss */
#respond {
  font-size: 1.2rem;
  line-height: 1.8rem;
  padding-bottom: 10px;
}
@media (max-width: 679px) {
  /* line 458, sass/style.scss */
  #respond {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
}

/* line 467, sass/style.scss */
#commentform label {
  padding-bottom: 5px;
  display: block;
}
/* line 471, sass/style.scss */
#commentform #author, #commentform #email {
  width: 100%;
  margin-bottom: 15px;
}
/* line 475, sass/style.scss */
#commentform #comment {
  width: 100%;
  height: 200px;
}

/* line 483, sass/style.scss */
.blogtxt {
  font-size: 1.2rem;
  line-height: 1.8rem;
}
/* line 485, sass/style.scss */
.blogtxt p {
  padding-bottom: 1.5em;
  display: block;
}
/* line 489, sass/style.scss */
.blogtxt img {
  max-width: 100%;
  height: auto;
  text-align: center;
  padding-bottom: 1em;
  padding-top: 1em;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
/* line 499, sass/style.scss */
.blogtxt h1 {
  font-size: 3.6rem;
  line-height: 4.6rem;
}
/* line 503, sass/style.scss */
.blogtxt h2 {
  font-size: 3rem;
  line-height: 3.8rem;
}
/* line 507, sass/style.scss */
.blogtxt h3 {
  font-size: 2.4rem;
  line-height: 3.2rem;
}
/* line 511, sass/style.scss */
.blogtxt h4 {
  font-size: 1.8rem;
  line-height: 2.8rem;
}
/* line 514, sass/style.scss */
.blogtxt h5 {
  font-size: 1rem;
  line-height: 1.5rem;
}
/* line 517, sass/style.scss */
.blogtxt h6 {
  font-size: 0.8rem;
  line-height: 1.2rem;
}
/* line 520, sass/style.scss */
.blogtxt strong {
  font-weight: bold;
}
/* line 523, sass/style.scss */
.blogtxt em {
  font-style: italic;
}
/* line 526, sass/style.scss */
.blogtxt li {
  list-style-position: inside;
}
/* line 529, sass/style.scss */
.blogtxt blockquote {
  padding: 1.5em;
}
/* line 531, sass/style.scss */
.blogtxt blockquote p {
  padding: 1.5em;
  background-color: #fffccc;
  border: 1px dotted #ccc471;
}
/* line 536, sass/style.scss */
.blogtxt blockquote cite {
  padding: 1.5em;
  background-color: #fffccc;
  border: 1px dotted #ccc471;
}
/* line 542, sass/style.scss */
.blogtxt address {
  font-style: italic;
  display: block;
}
/* line 546, sass/style.scss */
.blogtxt pre {
  font-family: monospace;
  white-space: pre;
  display: block;
}
/* line 551, sass/style.scss */
.blogtxt code {
  font-family: monospace;
  display: inline;
}
@media (max-width: 679px) {
  /* line 483, sass/style.scss */
  .blogtxt {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
  /* line 558, sass/style.scss */
  .blogtxt p {
    padding-bottom: 1.5em;
    display: block;
  }
  /* line 562, sass/style.scss */
  .blogtxt img {
    margin: 1em auto;
    display: block;
  }
  /* line 566, sass/style.scss */
  .blogtxt h1 {
    font-size: 3.6rem;
    line-height: 4.6rem;
  }
  /* line 570, sass/style.scss */
  .blogtxt h2 {
    font-size: 3rem;
    line-height: 3.8rem;
  }
  /* line 574, sass/style.scss */
  .blogtxt h3 {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
  /* line 578, sass/style.scss */
  .blogtxt h4 {
    font-size: 1.8rem;
    line-height: 2.8rem;
  }
  /* line 581, sass/style.scss */
  .blogtxt h5 {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
  /* line 584, sass/style.scss */
  .blogtxt h6 {
    font-size: 1.2rem;
    line-height: 1.8rem;
  }
}

/* -------------------------------------
----------------------------------------
sidebar
----------------------------------------
------------------------------------- */
/* line 596, sass/style.scss */
#sidebar {
  width: 230px;
  float: right;
  padding-right: 10px;
}
/* line 600, sass/style.scss */
#sidebar .sidetitle {
  height: 64px;
  width: 213px;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #cf6da1;
  font-weight: bold;
  text-align: center;
  line-height: 50px;
  background: url(images/sidetitle_img.png) no-repeat;
  overflow: hidden;
}
/* line 611, sass/style.scss */
#sidebar .sidebox, #sidebar .sidebox2 {
  width: 200px;
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #44ade9;
  text-align: left;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 30px;
  margin-left: 5px;
  border-top: 1px dotted #999999;
  border-bottom: 1px dotted #999999;
}
/* line 622, sass/style.scss */
#sidebar .sidebox li, #sidebar .sidebox2 li {
  line-height: 20px;
  list-style-position: inside;
  list-style-type: disc;
}
/* line 627, sass/style.scss */
#sidebar .sidebox a, #sidebar .sidebox2 a {
  color: #44ade9;
  text-decoration: none;
}
/* line 630, sass/style.scss */
#sidebar .sidebox a:hover, #sidebar .sidebox2 a:hover {
  color: #cf6da1;
  text-decoration: none;
}
/* line 635, sass/style.scss */
#sidebar .sidebox h2, #sidebar .sidebox2 h2 {
  display: none;
}
/* line 638, sass/style.scss */
#sidebar .sidebox .linkcat, #sidebar .sidebox2 .linkcat {
  list-style: none;
}
/* line 641, sass/style.scss */
#sidebar .sidebox .children, #sidebar .sidebox2 .children {
  padding-left: 1em;
}
/* line 644, sass/style.scss */
#sidebar .sidebox li li, #sidebar .sidebox2 li li {
  list-style-position: inside;
  line-height: 20px;
  list-style-type: circle;
}
/* line 652, sass/style.scss */
#sidebar .sidebox form, #sidebar .sidebox2 form {
  padding: 10px 0;
}
@media (max-width: 679px) {
  /* line 596, sass/style.scss */
  #sidebar {
    width: 80%;
    float: none;
    padding: 0 10%;
  }
  /* line 661, sass/style.scss */
  #sidebar .sidetitle {
    margin: 0 auto;
  }
  /* line 664, sass/style.scss */
  #sidebar .sidebox, #sidebar .sidebox2 {
    width: 100%;
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
  /* line 667, sass/style.scss */
  #sidebar .sidebox li, #sidebar .sidebox li li, #sidebar .sidebox2 li, #sidebar .sidebox2 li li {
    line-height: 3rem;
  }
  /* line 670, sass/style.scss */
  #sidebar .sidebox form select, #sidebar .sidebox form input, #sidebar .sidebox2 form select, #sidebar .sidebox2 form input {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
}

/* -------------------------------------
----------------------------------------
footer
----------------------------------------
------------------------------------- */
/* line 684, sass/style.scss */
footer {
  width: 100%;
  margin: 0 auto;
  border-top: 5px solid #44ade9;
  border-bottom: 1px solid #ffffff;
  display: block;
}
/* line 690, sass/style.scss */
footer ul {
  width: 900px;
  margin: 0 auto;
  padding: 20px;
}
/* line 694, sass/style.scss */
footer ul li {
  color: #ffffff;
}
/* line 696, sass/style.scss */
footer ul li:nth-child(1) {
  font-size: 1rem;
  line-height: 1.5rem;
}
/* line 699, sass/style.scss */
footer ul li:nth-child(2) {
  font-size: 1.5rem;
  line-height: 2.3rem;
  font-weight: bold;
}
/* line 703, sass/style.scss */
footer ul li:nth-child(3), footer ul li:nth-child(4) {
  font-size: 1rem;
  line-height: 1.5rem;
}
@media (max-width: 679px) {
  /* line 684, sass/style.scss */
  footer {
    width: 90%;
    padding: 0 5%;
  }
  /* line 712, sass/style.scss */
  footer ul {
    width: 100%;
    padding: 20px 0;
  }
  /* line 716, sass/style.scss */
  footer ul li:nth-child(1) {
    font-size: 1.2rem;
    line-height: 1.8rem;
  }
  /* line 719, sass/style.scss */
  footer ul li:nth-child(2) {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  /* line 722, sass/style.scss */
  footer ul li:nth-child(3), footer ul li:nth-child(4) {
    font-size: 1.2rem;
    line-height: 1.8rem;
  }
}

/* line 729, sass/style.scss */
.copyright {
  width: 900px;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #ffffff;
  text-align: right;
  margin: 20px auto;
  display: block;
}
/* line 736, sass/style.scss */
.copyright a {
  color: #ffffff;
  text-decoration: none;
}
/* line 739, sass/style.scss */
.copyright a:hover {
  color: #fff000;
  text-decoration: none;
}
@media (max-width: 679px) {
  /* line 729, sass/style.scss */
  .copyright {
    width: 90%;
    text-align: center;
    padding: 0 5%;
  }
}

/* -------------------------------------
----------------------------------------
pankuzu
----------------------------------------
------------------------------------- */
/* line 759, sass/style.scss */
.breadcrumb {
  width: 570px;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: left;
  margin-left: 50px;
  padding-bottom: 15px;
}
/* line 765, sass/style.scss */
.breadcrumb a {
  color: #595858;
}
/* line 767, sass/style.scss */
.breadcrumb a:hover {
  color: #cf6da1;
}
@media (max-width: 679px) {
  /* line 759, sass/style.scss */
  .breadcrumb {
    width: 100%;
    font-size: 1.2rem;
    line-height: 1.8rem;
    margin-left: 0;
  }
}

/* -------------------------------------
----------------------------------------
pagenavi
----------------------------------------
------------------------------------- */
/* line 785, sass/style.scss */
#pagenavi {
  clear: both;
  font-size: 0.7em;
  margin-left: 50px;
}
@media (max-width: 679px) {
  /* line 785, sass/style.scss */
  #pagenavi {
    clear: both;
    font-size: 1.2rem;
    line-height: 1.8rem;
    margin-left: 0;
    margin-bottom: 40px;
  }
}

/* line 797, sass/style.scss */
#wp_page_numbers {
  margin-top: 10px;
  margin-bottom: 10px;
}
/* line 800, sass/style.scss */
#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
  font-size: 11px;
  font-family: Arial;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  list-style: none;
  text-transform: none;
  text-indent: 0px;
  font-variant: normal;
  text-align: left;
  line-height: 12px;
  letter-spacing: 0px;
  word-spacing: 0px;
  padding: 0;
  margin: 0;
  border: none;
}
/* line 818, sass/style.scss */
#wp_page_numbers ul {
  width: 100%;
}
/* line 821, sass/style.scss */
#wp_page_numbers li {
  float: left;
  display: block;
  margin-bottom: 2px;
}
/* line 826, sass/style.scss */
#wp_page_numbers a {
  color: #333;
  padding: 3px;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 2px;
  margin-right: 2px;
  display: block;
  border: 1px solid #b9b9b9;
}
/* line 835, sass/style.scss */
#wp_page_numbers a:hover {
  border-color: #ba0000;
}
/* line 839, sass/style.scss */
#wp_page_numbers li.space {
  padding: 6px;
  padding-left: 2px;
  padding-right: 2px;
}
/* line 845, sass/style.scss */
#wp_page_numbers li.first_last_page {
  font-style: italic;
}
/* line 849, sass/style.scss */
#wp_page_numbers li.active_page a {
  border-color: #0075b8;
}
/* line 852, sass/style.scss */
#wp_page_numbers li.active_page a:hover {
  color: black;
  /* IE fix */
  text-decoration: underline;
  border-color: #ba0000;
}
/* line 858, sass/style.scss */
#wp_page_numbers li.page_info {
  float: left;
  font-size: 11px;
  color: #666;
  padding: 3px;
  padding-left: 5px;
  padding-right: 5px;
  margin-right: 2px;
  display: block;
  border: 1px solid #b9b9b9;
}
@media (max-width: 679px) {
  /* line 871, sass/style.scss */
  #wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
    font-size: 1.2rem;
    line-height: 1.8rem;
    font-family: Arial;
  }
  /* line 875, sass/style.scss */
  #wp_page_numbers li {
    margin-bottom: 12px;
    margin-right: 12px;
  }
}
@media (max-width: 480px) {
  /* line 882, sass/style.scss */
  #wp_page_numbers li {
    margin-bottom: 12px;
    margin-right: 12px;
  }
}

/* -------------------------------------
----------------------------------------
etc
----------------------------------------
------------------------------------- */
/* line 900, sass/style.scss */
.ranking {
  padding: 20px 0px 0px 0px;
  display: block;
}
/* line 903, sass/style.scss */
.ranking img {
  padding: 0px 20px 0px 0px;
}

/* line 910, sass/style.scss */
.notfound {
  padding: 30px 20px;
  text-align: center;
}
/* line 913, sass/style.scss */
.notfound h2 {
  font-size: 1.8rem;
  line-height: 2.8rem;
  padding-bottom: 1em;
  color: #cf6da1;
}
/* line 918, sass/style.scss */
.notfound p {
  font-size: 1.4rem;
  line-height: 2.2rem;
  padding-bottom: 1em;
}
/* line 922, sass/style.scss */
.notfound a {
  font-size: 1.8rem;
  line-height: 2.8rem;
  text-decoration: none;
  color: #ffffff;
  display: inline-block;
  padding: 14px;
  background-color: #cf6da1;
  margin: 20px auto;
  -webkit-border-radius: 8px;
  /* -- border-radius --  */
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: #b9b9b9 0px 0px 5px;
  /* -- box-shadow --  */
  -moz-box-shadow: #b9b9b9 0px 0px 5px;
  box-shadow: #b9b9b9 0px 0px 5px;
}

/* line 941, sass/style.scss */
.goadmin a {
  font-size: 1.2rem;
  line-height: 1.8rem;
  text-decoration: none;
  text-align: center;
  color: #ffffff;
  padding: 3px;
  margin: 0 0 20px 0;
  background-color: #a03f3f;
  display: block;
}

/* line 954, sass/style.scss */
.cat_paging {
  font-size: 1.2rem;
  line-height: 1.8rem;
}
@media (max-width: 480px) {
  /* line 954, sass/style.scss */
  .cat_paging {
    padding-bottom: 50px;
    *zoom: 1;
  }
  /* line 38, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
  .cat_paging:after {
    content: "";
    display: table;
    clear: both;
  }
}

/* line 962, sass/style.scss */
.pagerleft {
  width: 120px;
  float: left;
  padding: 30px 0 50px 50px;
}
@media (max-width: 679px) {
  /* line 962, sass/style.scss */
  .pagerleft {
    padding-left: 0;
  }
}
@media (max-width: 480px) {
  /* line 962, sass/style.scss */
  .pagerleft {
    padding-left: 0;
  }
}

/* line 975, sass/style.scss */
.pagerright {
  width: 120px;
  float: right;
  text-align: right;
  padding: 30px 50px 50px 0;
}
/* line 980, sass/style.scss */
.pagerright .title {
  text-align: right;
  display: block;
}
@media (max-width: 679px) {
  /* line 975, sass/style.scss */
  .pagerright {
    padding-right: 0;
  }
}
@media (max-width: 480px) {
  /* line 975, sass/style.scss */
  .pagerright {
    padding-right: 0;
  }
}

/* line 994, sass/style.scss */
.pagerleft .title, .pagerright .title {
  color: #595858;
}
@media (max-width: 480px) {
  /* line 993, sass/style.scss */
  .pagerleft, .pagerright {
    width: 100px;
    height: 100px;
  }
}

/* line 1003, sass/style.scss */
.thumb {
  width: 120px;
  height: 120px;
  display: block;
  overflow: hidden;
  margin: 10px 0;
  background: url(images/blank.gif) no-repeat center center;
}

/* line 1011, sass/style.scss */
.nopost {
  width: 120px;
  height: 120px;
  display: block;
  overflow: hidden;
  margin: 26px 0 10px 0;
  background: url(images/totop.gif) no-repeat center center;
}

@media (max-width: 480px) {
  /* line 1021, sass/style.scss */
  .thumb, .nopost {
    width: 100px;
    height: 100px;
    background-size: contain;
  }
  /* line 1025, sass/style.scss */
  .thumb img, .nopost img {
    width: 100%;
    height: auto;
  }
}
/* line 1034, sass/style.scss */
#npcatch, .wpp-list {
  margin: 0 30px 30px 0;
  display: block;
  border-top: 1px dotted #999999;
  border-bottom: 1px dotted #999999;
  padding-top: 10px;
}
/* line 1040, sass/style.scss */
#npcatch a, .wpp-list a {
  color: #44ade9;
  text-decoration: none;
}
/* line 1044, sass/style.scss */
#npcatch li, .wpp-list li {
  font-size: 1.2rem;
  line-height: 1.8rem;
  overflow: hidden;
  clear: both;
  margin: 0px 0px 12px;
  vertical-align: top;
  list-style: none;
}
@media (max-width: 679px) {
  /* line 1034, sass/style.scss */
  #npcatch, .wpp-list {
    margin-right: 0;
  }
  /* line 1055, sass/style.scss */
  #npcatch li, .wpp-list li {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
}

/*サムネイルのスタイル*/
/* line 1061, sass/style.scss */
#npcatch img, .wpp-list li img {
  float: left;
  padding: 0px;
  text-indent: -9999px;
  background: url(images/noimg.gif) no-repeat center center;
}

/*記事タイトルのスタイル*/
/* line 1068, sass/style.scss */
#npcatch .title, .wpp-list li .wpp-post-title {
  width: 130px;
  float: right;
}

@media (max-width: 679px) {
  /* line 1074, sass/style.scss */
  .wpp-list li {
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px dotted #999999;
    *zoom: 1;
  }
  /* line 38, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
  .wpp-list li:after {
    content: "";
    display: table;
    clear: both;
  }
  /* line 1079, sass/style.scss */
  .wpp-list li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
  /* line 1083, sass/style.scss */
  .wpp-list li > a {
    width: 70px;
    float: left;
    margin-right: -70px;
    display: block;
  }
  /* line 1089, sass/style.scss */
  .wpp-list li span {
    width: 100% !important;
    min-height: 60px;
    float: right;
    display: block;
  }
  /* line 1094, sass/style.scss */
  .wpp-list li span > a {
    width: auto !important;
    float: none !important;
    margin-left: 70px;
    display: block;
  }

  /* line 1102, sass/style.scss */
  #npcatch li {
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px dotted #999999;
    *zoom: 1;
  }
  /* line 38, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
  #npcatch li:after {
    content: "";
    display: table;
    clear: both;
  }
  /* line 1107, sass/style.scss */
  #npcatch li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
  /* line 1111, sass/style.scss */
  #npcatch li a {
    display: block;
  }
  /* line 1114, sass/style.scss */
  #npcatch li img {
    width: 60px;
    float: left;
    display: block;
  }
  /* line 1119, sass/style.scss */
  #npcatch li span {
    width: 100% !important;
    float: right;
    min-height: 60px;
    margin-right: -70px;
    display: block;
  }
  /* line 1125, sass/style.scss */
  #npcatch li span > a {
    width: auto !important;
    float: none !important;
    margin-left: 70px;
    display: block;
  }
}
/* line 1137, sass/style.scss */
.wp-to-top {
  font-size: 2rem !important;
  line-height: 2rem !important;
}