@charset "UTF-8";

@media (max-width: 960px) {
  body {
    background: none; }

  #page {
    position: relative;
    width: auto;
    padding: 20px 0 0; }

  #search {
    white-space: nowrap;
    overflow: hidden;
    width: 100%; }

  #head_search {
    margin-left: 5%;
    display: inline-block; }

  #head_word {
    display: inline-block; }

  #branding {
    margin: 5px 6% -11% 5%; }

  .search-no-results #branding {
    margin: -5px 6% 1em 5%; }
  .search-no-results .entry-header {
    margin: 0 5%; }

  .no-results {
    margin: 15% 6% 1em 5%; }
    .no-results .entry-content {
      padding: 0 0 20px;
      width: auto; }

  hgroup h1 a {
    width: auto;
    height: auto;
    font-size: 100%;
    text-indent: inherit;
    padding: 0;
    left: 0;
    z-index: 30; }

  #share {
    float: none;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    z-index: 20; }
    #share ul {
      display: inline-block;
      background: #fff; }
    #share li {
      display: inline-block;
      margin: 0 0 0 1px; }

  #main {
    padding: 0; }

  #left_column {
    float: none;
    width: 100%; }

  .entry-title {
    font-size: 20px;
    line-height: 1.4;
    padding-bottom: .3em !important;
    padding-top: 0;
    letter-spacing: 0.1em; }

  .entry-title, .entry-header .entry-meta,
  .entry-meta {
    float: none;
    padding-right: 0;
    margin-bottom: 5px;
    letter-spacing: 1px; }

  .author {
    clear: both; }

  #primary {
    width: 100%; }
    #primary p {
      font-size: 13px;
      font-size: 15px;
      line-height: 1.7;
      letter-spacing: 0;
      margin: 0 5% 1em; }

  #count_1,
  .singular_box {
    margin-top: 0; }

  #count_1,
  .count_2 {
    margin-bottom: 20px; }

  #count_1 .entry-header {
    width: 100%; }

  #singular_box_img {
    min-height: inherit; }
    #singular_box_img img {
      width: 100%;
      height: auto; }

  #count_1 .wp-post-image,
  .count_2 .wp-post-image {
    width: 100%;
    height: auto; }

  #count_1 .title_box,
  .count_2 .title_box,
  .singular_box .title_box {
    width: 100%;
    padding: 15px 0 0; }

  .count_2 .title_box h2 {
    margin-right: 5%;
    margin-left: 5%; }

  #count_1 .title_box #title_box_main,
  .count_2 .title_box .title_box_main,
  .singular_box .title_box #title_box_main {
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
    float: none; }

  .social_bottun {
    padding-right: 50px;
    padding-bottom: 10px;
    zoom: 1; }
    .social_bottun:before, .social_bottun:after {
      display: table;
      content: "";
      line-height: 0; }
    .social_bottun:after {
      clear: both; }

  #single_meta .social_bottun {
    padding-right: 0; }

  #count_1 .author,
  .singular_box .author {
    float: none;
    background: #333;
    width: 90%;
    padding: 5px 5%;
    margin-top: 0;
    position: relative;
    right: auto;
    bottom: auto; }

  .count_2 .author {
    position: relative;
    width: 90%;
    padding: 5px 5%;
    color: #aaa; }

  .author_name {
    padding-right: 75px;
    line-height: 25px; }

  .author_name img {
    position: absolute;
    top: -13px;
    right: 5%;
    margin: 0;
    width: 60px;
    height: 60px; }

  #count_1 .author_title,
  .singular_box .author_title {
    float: none;
    width: auto;
    color: #aaa;
    line-height: 21px; }
    #count_1 .author_title br,
    .singular_box .author_title br {
      display: none; }
    #count_1 .author_title span,
    .singular_box .author_title span {
      float: right;
      padding-right: 75px;
      border-bottom: 0;
      padding-bottom: 0;
      display: inline;
      margin-bottom: 0; }
      #count_1 .author_title span a,
      .singular_box .author_title span a {
        color: #fff; }

  #count_1 .author_name,
  .singular_box .author_name {
    float: none; }
    #count_1 .author_name img,
    .singular_box .author_name img {
      margin: 0;
      width: 60px;
      height: 60px;
      top: -12px; }

  #entry_curator {
    margin-right: 10px; }

  #count_1 #author_description,
  .singular_box #author_description {
    display: none; }

  #count_1 .entry-content,
  .entry-content {
    padding: 20px 5%;
    width: 90%; }
    #count_1 .entry-content p,
    .entry-content p {
      font-size: 13px;
      font-size: 15px;
      line-height: 1.7;
      letter-spacing: 0;
      margin: 0 0 1em; }

  .link-text {
    text-align: left; }

  .more-link,
  .more-link02 {
    line-height: 26px !important; }

  #nav-below {
    width: 90%;
    margin: 0 5% 50px;
    position: relative; }

  .nav-center {
    width: 30%;
    margin: 0 auto;
    line-height: 1;
    font-size: 12px; }
    .nav-center a span {
      display: block;
      margin-bottom: 5px;
      font-size: 18px; }

  #secondary {
    float: none;
    margin: 0 5%;
    width: 90%; }
    #secondary .textwidget {
      margin-right: -5.4%;
      margin-left: -5.4%;
      width: auto; }

  .widget {
    text-align: center; }
    .widget p {
      text-align: center; }
    .widget ul {
      text-align: left; }

  .ad {
    margin-right: auto;
    margin-left: auto; }

  .left_topics,
  .wrap-ad,
  #side-contents-popular,
  #side-contents-recent,
  #side-contents-tags,
  #side-contents-amazon {
    display: none; }

  .side-contents-topics--top {
    display: block; }

  .recent_inner {
    position: relative;
    min-height: 75px; }

  .sn {
    float: none;
    position: absolute;
    top: 10px;
    left: 0;
    margin-right: 0;
    width: 75px;
    height: 75px;
    line-height: 1em; }
    .sn img {
      vertical-align: bottom; }

  .recent_txt {
    float: none;
    width: auto;
    margin-left: 95px;
    font-size: 13px;
    text-align: left;
    line-height: 1.6; }

  #footer_curator,
  #footer_link,
  #address {
    width: auto; }

  #footer_curator #curator_box {
    width: 96%;
    margin: 0 2%;
    text-align: center; }

  #footer_curator #curator_box h3 span {
    display: block;
    font-size: 10px;
    margin: 0; }

  #footer_curator #curator_box h3 #curator_title {
    display: block;
    margin-bottom: 5px; }

  #footer_curator #curator_box h3 {
    margin-top: 10px;
    margin-bottom: 20px;
    line-height: 1; }

  #footer_curator #curator_box ul {
    width: auto;
    display: inline-block;
    margin: 0 auto;
    text-align: left; }

  #footer_curator #curator_box li {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 75px;
    margin: 0 6px 6px; }

  #about_title, #privacy_title, #ad_title, #contact_title, #curator_title {
    font-size: 20px; }

  #footer_link a,
  #footer_link a:hover {
    width: 90%;
    padding: 0 5%;
    background-position: 95% 50%; }

  .sp-in {
    display: block;
    margin: -20px 0 40px;
    padding: 0;
    text-align: center; }
    .sp-in .side_contents {
      margin: 0 5%; }
      .sp-in .side_contents h3 {
        border-bottom: 3px solid #666666;
        padding-bottom: 5px;
        font-weight: bold;
        color: #1e1e1e;
        font-size: 22px;
        font-family: 'Rokkitt', serif;
        font-weight: 700;
        text-align: left; }
      .sp-in .side_contents h3 span {
        float: right;
        font-size: 11px;
        font-weight: normal;
        color: #666666;
        font-family: "郢晏・ﾎ帷ｹｧ・ｮ郢晄焔・ｧ蛛ｵ縺・Pro W3","Hiragino Kaku Gothic Pro","Osaka","郢晢ｽ｡郢ｧ・､郢晢ｽｪ郢ｧ・ｪ","Meiryo","繝ｻ・ｭ繝ｻ・ｳ 繝ｻ・ｰ郢ｧ・ｴ郢ｧ・ｷ郢昴・縺・,"MS PGothic",sans-serif;
        padding-top: 8px; }

  /* single */
  #single_left_column h3,
  #page_column h3 {
    line-height: 1.4;
    font-size: 22px;
    padding: 5px 0 10px;
    margin: 0 0 30px 0; }
  #single_left_column h4,
  #page_column h4 {
    line-height: 1.4;
    font-size: 16px; }
  #single_left_column p,
  #page_column p {
    font-size: 13px;
    font-size: 15px;
    line-height: 1.7;
    letter-spacing: 0;
    margin: 0 0 1em; }
  #single_left_column dt, #single_left_column dd, #single_left_column li,
  #page_column dt,
  #page_column dd,
  #page_column li {
    font-size: 13px;
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 0; }
  #single_left_column .wp-caption,
  #page_column .wp-caption {
    max-width: 100%; }
  #single_left_column dt,
  #page_column dt {
    display: inline-block;
    float: left;
    text-indent: 0;
    margin: 0;
    padding: 10px 3% 8px 0;
    width: 22%; }
  #single_left_column dd,
  #page_column dd {
    display: inline-block;
    margin: 0;
    padding: 10px 0 8px;
    color: #444;
    width: 74%; }

  #single_left_column {
    float: none;
    width: 90%;
    padding: 0 5%;
    margin: 0;
    overflow: hidden; }
    #single_left_column .count_2 {
      width: 111.11%;
      margin-right: -5.555%;
      margin-left: -5.555%; }
    #single_left_column p {
      margin: 0 0 1em; }
    #single_left_column dl {
      margin: 2px 0 15px 0; }

  .single-content {
    width: 100%;
    overflow: hidden; }

  #page_column p {
    margin: 0 5% 1em; }
  #page_column dl {
    width: 90%;
    margin-right: 5%;
    margin-left: 5%; }

  #single_meta {
    margin: 30px 0;
    padding: 15px 4% 0;
    width: 92%; }

  #single_author {
    width: 92%;
    padding: 10px 4% 12px; }

  .related-entry {
    position: relative;
    border-bottom: 1px solid #b0b0b0;
    padding: 10px 0 9px 0;
    min-height: 75px; }
    .related-entry .sn {
      position: absolute;
      top: 10px;
      left: 0;
      float: none;
      margin-right: 0;
      width: 75px; }
    .related-entry .related_txt {
      float: none;
      width: auto;
      margin-left: 90px;
      line-height: 1.4; }

  #page_column h3 {
    margin: 0 5% 1em; }

  #content form {
    margin: 0 5% 15px;
    text-align: center; }
    #content form .iqfm-table {
      width: 100%;
      margin-bottom: 25px;
      border-collapse: collapse;
      border-spacing: 0;
      text-align: left; }
      #content form .iqfm-table th, #content form .iqfm-table td {
        border: 1px solid #DCDCDC;
        padding: 10px 10px 9px;
        font-size: 13px;
        font-size: 14px;
        line-height: 1.4; }
      #content form .iqfm-table th {
        width: auto;
        white-space: normal; }
      #content form .iqfm-table input, #content form .iqfm-table textarea {
        width: 95%;
        -webkit-appearance: none; }
      #content form .iqfm-table textarea {
        height: 150px; }
    #content form input[type=submit] {
      border: 0;
      padding: 15px 40px;
      border-radius: 3px;
      background-color: #333;
      color: #eee;
      font-size: 14px;
      line-height: 1;
      letter-spacing: 2px;
      margin: 0 auto 20px;
      -webkit-appearance: none; }
    #content form input[type=submit]:hover,
    #content form input[type=submit]:active {
      background-color: #f3187c;
      color: #eee; }

  #page_column .iqfm-table td p {
    margin: 5px 0 0;
    font-size: 12px; }

  #archive {
    margin: -30px 0 50px; }

  #archive li {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 100px;
    float: none;
    padding: 20px 0;
    margin-right: 0; }

  #archive li .photo {
    float: none;
    position: absolute;
    top: 20px;
    left: 20px;
    width: 100px;
    height: 100px;
    margin-right: 0; }

  #archive li .list {
    float: none;
    width: auto;
    margin-left: 140px;
    margin-right: 20px; }

  .error-wrap {
    margin: 30px 5% 70px; } 


/*160129*/

    #amazon_link p.amazon-photo{
        margin: 0;
    }
    
    #amazon_link .title{
        margin-top: 1em;
        margin-bottom: 0;
    }
    
    #amazon_link p{
        margin-bottom: 0;
    } 
    
    
/*160213*/
    
    
#contact #inquiryform-1 > input:last-child{
    display: block;
    margin: 20px auto;
    background: whitesmoke;
    cursor: pointer;
    color: black;
    border: 1px solid black;
}

}




@media (max-width: 480px) {
  #search {
    float: none;
    margin: 0 6%;
    width: auto; }

  #head_search {
    float: none;
    margin: 0;
    display: block; }

  input#s {
    width: 43%;
    padding: 6px 12px;
    border: 0; }

  #head_word {
    float: none;
    display: block;
    padding-top: 0;
    margin: 20px 10% 0 0;
    overflow: hidden;
    white-space: nowrap; }

  #branding {
    margin: -5px 6% -3em 5%; }

  hgroup h1 a {
    width: auto;
    height: auto;
    font-size: 100%;
    text-indent: inherit;
    padding: 0;
    left: 0;
    z-index: 30; }

  #share li a {
    padding: 12px 11px 11px;
    width: 17px;
    text-align: center; }

  #share li img {
    margin: 0; }

  .share-title {
    display: none; }

  #archive li {
    padding: 10px 0; }

  #archive li .photo {
    top: 10px;
    left: 10px; }

  #archive li .list {
    margin-left: 120px;
    margin-right: 10px; }

  .entry-cat a,
  .entry-cat a:link,
  .entry-cat a:visited,
  .entry-cat a:hover {
    padding-right: 5%;
    padding-left: 5%; }

  #single_left_column .between-ad {
    margin-right: -5.4%;
    margin-left: -5.4%;
    width: auto; }
    #single_left_column .between-ad .widget_text {
      width: 300px;
      margin: 0 auto; } 

/*151228*/


.ranking img{
    width:300px; height:200px; margin-bottom:20px; float: none;
}

.ranking div{
    margin-left:0px;
    margin-bottom:20px;
}

.ranking div a{
    margin-bottom:10px; display:block; font-weight:bold;
}

   
/*160213*/
    


#inquiryform-1,
#inquiryform-2{
    text-align: center;
}

#contact #iqfm-input-1,
#contact #iqfm-confirm-1,
#contact #iqfm-input-2,
#contact #iqfm-confirm-2{
    width: 100%;
    margin-bottom: 40px;
}

#contact #iqfm-input-1 th,
#contact #iqfm-confirm-1 th,
#contact #iqfm-input-2 th,
#contact #iqfm-confirm-2 th{
    width: 100%;
    display: block;
    padding: 10px 0;
    margin: 0;
    text-align: center;
}

#contact #iqfm-input-1 td,
#contact #iqfm-confirm-1 td,
#contact #iqfm-input-2 td,
#contact #iqfm-confirm-2 td{
    width: 100%;
    display: block;
    padding: 10px 0;
    margin: 0;
    text-align: center;
}

#inquiryform-1 #inquiryformSubmit-1,
#inquiryform-2 #inquiryformSubmit-2{
    width: 200px;
    padding: 20px;
    font-size: 18px;
    font-weight: bold;
    margin: 0 auto;
    text-align: center;
    background: whitesmoke;
    cursor: pointer;
}

    
#contact #inquiryform-1 > input:last-child,
#contact #inquiryform-2 > input:last-child{
    display: block;
    margin: 20px auto;
    background: whitesmoke;
    cursor: pointer;
    color: black;
    border: 1px solid black;
}

#contact #inquiryform-2{
    margin-top: 40px;
    }

/*160216*/

#contact #page_column{
    width: 100%;
    margin: auto;
}

#contact #main{
    padding: 0;
}

#contact hgroup h1 img{
    display: block;
    width: 200px;
    margin: 0 auto -80px;
}

#contact hgroup h1 a{
    left: 0;
    position: static;
    width: 100%;
    height: auto;
}

#contact h2{
    font-size: 18px;
    font-weight: bold;
    padding: 0 15px 5px;
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
}

#contact h3{
    font-size: 18px;
    font-weight: bold;
    border-bottom: none;
    margin-bottom: 0;
}

#for-ad,#for-contact{
    margin-bottom: 40px;
}

#contact-nav{
    text-align: center;
    padding: 0;
    margin: 0 0 40px;
}

#contact-nav li{
    display: inline-block;
}

#contact-nav li:first-child{
    margin-right: 30px;
}
#contact-nav a:hover{
    text-decoration: underline;
}

#iqfm-input-selectbox-1{
    width: 95%;
    padding: 5%;
    }
    

#for-contact{
    width: 100%;
    }

    
#for-contact div.course{
    margin-top: 20px;
    margin-bottom: 40px;
    width: 100%;
}
    
    #for-contact div.course:first-child{
        margin-bottom: 0;
    }


#for-contact div img{
    display: block;
    margin:0 auto 20px;
}

#for-contact div img{
    width: 250px;
}

.tell{
    width: 90%;
    background: #eee;
    padding: 0px;
    margin: 40px auto ;
}

}