/*   
Theme Name: tsuda.ru-mobile
Description: a-brief-description
Author: Eri Sawada
Author URI: mshk
*/
/* reset ---------------------------------------- */
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: top;
  background: transparent; }

body {
  font: 14px/1 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  text-align: center; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

ul {
  list-style: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  color: #009ec7;
  text-decoration: none; }

img {
  vertical-align: top; }

/* clearfix */
.clearfix:after,
.item:after,
.item a:after,
.entry:after,
.person:after,
#companyBox dl:after,
.wp_social_bookmarking_light:after,
#dataMag dl:after,
#mediaMag ul:after,
.head_sche:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

/* Layout */
#container {
  padding-top: 3%; }
  #container header h1#siteid {
    margin: 0 0 3% 3%;
    float: left;
    width: 45%; }
  #container header p {
    float: right;
    text-indent: -9999px;
    width: 25%;
    margin: 0 3% 0 0; }
    #container header p.trigger {
      display: block;
      background: url(images/mobile_menu_open.png) no-repeat left top;
      min-height: 22px; }
      #container header p.trigger.active {
        background: url(images/mobile_menu_close.png) no-repeat left top;
        min-height: 22px; }
  #container nav {
    clear: both; }
    #container nav ul li a {
      color: #fff;
      text-decoration: none;
      display: block;
      width: 100%;
      height: 100%;
      padding: 5% 0;
      line-height: 0;
      font-size: 100%;
      font-weight: bold; }
  #container nav li.new {
    background-color: gray; }
  #container nav li.schedule {
    background-color: #ff9a00; }
  #container nav li.book {
    background-color: #00c780; }
  #container nav li.profile {
    background-color: #00b5ff; }
  #container nav li.tsudamag {
    background-color: #ff00c7; }
  #container nav li.blog {
    background-color: #5555ff; }
  #container nav li.contact {
    background-color: #ff5555; }
  #container div#search {
    padding: 3% 0;
    clear: both; }
    #container div#search input[type=text] {
      width: 50%; }
  #container #banner .item {
    padding: 2% 3%; }
    #container #banner .item a {
      color: #FFF; }
    #container #banner .item p {
      float: left;
      font-size: 120%;
      padding: 4% 0 0;
      font-weight: bold; }
    #container #banner .item .thumb {
      float: right;
      width: 40px; }
    #container #banner .item.contact {
      background-color: #ff5555; }
    #container #banner .item.mag {
      background-color: #ff00c7; }
    #container #banner .item.book {
      background-color: #00c780; }
  #container #content h2.cate_ttl {
    text-align: left;
    border-bottom: dotted 3px #7c7c7c;
    padding: 3%;
    font-size: 100%; }
  #container #content.cate_new {
    border-top: 8px solid gray; }
  #container #content.cate_schedule {
    border-top: 8px solid #ff9a00; }
  #container #content.cate_profile {
    border-top: 8px solid #00b5ff; }
  #container .pagination {
    padding: 3%;
    color: #ff00c7; }
    #container .pagination a {
      color: #000; }
  #container #entryList,
  #container .scheList {
    width: 100%;
    border-top: dotted 3px #7c7c7c; }
    #container #entryList .item,
    #container .scheList .item {
      border-bottom: dotted 3px #7c7c7c;
      background-image: url(images/bgList.png);
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-position: center right;
      display: block; }
      #container #entryList .item a,
      #container .scheList .item a {
        display: block;
        padding: 3% 7% 3% 2%; }
      #container #entryList .item .txt,
      #container .scheList .item .txt {
        width: 75%;
        float: left;
        text-align: left; }
        #container #entryList .item .txt h2,
        #container .scheList .item .txt h2 {
          color: #000;
          line-height: 1.4em;
          font-size: 120%; }
        #container #entryList .item .txt p.date,
        #container .scheList .item .txt p.date {
          font-size: 86%;
          color: #000;
          padding-top: 5%; }
      #container #entryList .item .thumb,
      #container .scheList .item .thumb {
        float: right;
        width: 20%; }
        #container #entryList .item .thumb img,
        #container .scheList .item .thumb img {
          width: 100%;
          height: auto; }
    #container #entryList .item.cate_new,
    #container .scheList .item.cate_new {
      background-color: gray; }
    #container #entryList .item.cate_schedule,
    #container .scheList .item.cate_schedule {
      background-color: #ff9a00; }
    #container #entryList .item.cate_book,
    #container .scheList .item.cate_book {
      background-color: #00c780; }
    #container #entryList .item.cate_profile,
    #container .scheList .item.cate_profile {
      background-color: #00b5ff; }
    #container #entryList .item.cate_tsudamag,
    #container .scheList .item.cate_tsudamag {
      background-color: #ff00c7; }
  #container footer {
    padding: 3%; }
    #container footer p {
      font-size: 86%;
      color: #666;
      font-family: Arial; }

/* Entry */
.entry .head {
  text-align: left; }
  .entry .head h2 {
    font-size: 120%;
    line-height: 1.4em;
    padding-bottom: 2%; }
  .entry .head p.cate {
    font-size: 75%;
    padding-bottom: 4%; }

#entryBox {
  text-align: left;
  padding: 3%; }
  #entryBox .entry .thumb {
    float: left;
    width: 20%; }
    #entryBox .entry .thumb img {
      width: 100%!important;
      height: auto!important; }
  #entryBox .entry .entryTxt {
    float: right;
    width: 75%; }
    #entryBox .entry .entryTxt p {
      padding-bottom: 4%;
      line-height: 1.4em; }
  #entryBox .entry p.date {
    font-size: 75%;
    color: #333;
    clear: both;
    margin-top: 10px; }

div.wp_social_bookmarking_light {
  padding: 0 3%; }
  div.wp_social_bookmarking_light div {
    float: left;
    padding: 1%; }

#entryBox.cate_schedule {
  border-top: #ff9a00 10px solid; }

#entryBox.cate_new {
  border-top: gray 10px solid; }

#entryBox.cate_book,
#bookList.cate_book {
  border-top: #00c780 10px solid; }

#entryBox.cate_profile {
  border-top: #00b5ff 10px solid; }

#entryBox.cate_magazine {
  border-top: #ff00c7 10px solid; }

/* Schedule */
.head_sche {
  text-align: left;
  padding: 3% 2%; }
  .head_sche h2 {
    font-size: 120%;
    line-height: 1em;
    float: left; }
  .head_sche p.more {
    font-size: 100%;
    line-height: 1em;
    float: right; }
    .head_sche p.more a {
      color: #000; }

.scheList + .head_sche {
  border-top: 8px solid #ff9a00;
  margin-top: 10px; }

/* BookList */
#content.cate_book h2.cate.ttl {
  border-bottom: none; }
#content.cate_book #bookList {
  padding: 3% 0 3% 3%; }
  #content.cate_book #bookList .head {
    text-align: left;
    padding: 0 2% 3%; }
    #content.cate_book #bookList .head h2 {
      font-size: 120%; }
  #content.cate_book #bookList .item {
    width: 37%;
    margin-right: 13%;
    float: left;
    padding-bottom: 7%; }
    #content.cate_book #bookList .item:nth-child(odd) {
      clear: both; }
    #content.cate_book #bookList .item img {
      width: 100%!important;
      height: auto!important; }
    #content.cate_book #bookList .item p.ico_book {
      text-align: left;
      height: 30px; }
      #content.cate_book #bookList .item p.ico_book img {
        height: 30px!important;
        width: auto!important; }
    #content.cate_book #bookList .item dl {
      text-align: left;
      margin-top: 5%;
      line-height: 1.3em; }
      #content.cate_book #bookList .item dl dt {
        font-size: 86%;
        font-weight: bold; }
      #content.cate_book #bookList .item dl dd {
        font-size: 75%; }

/* Book*/
#entryBox.cate_book {
  text-align: left;
  padding: 3%; }
  #entryBox.cate_book .entry .book {
    float: left;
    width: 30%;
    padding: 0 3% 3% 0; }
    #entryBox.cate_book .entry .book img {
      width: 100%!important;
      height: auto!important; }
  #entryBox.cate_book .entry .entryTxt {
    float: none;
    width: 100%; }
    #entryBox.cate_book .entry .entryTxt p {
      padding-bottom: 4%;
      line-height: 1.4em; }
    #entryBox.cate_book .entry .entryTxt p.date {
      font-size: 75%;
      color: #333; }
    #entryBox.cate_book .entry .entryTxt ul {
      margin-bottom: 5%; }
      #entryBox.cate_book .entry .entryTxt ul li {
        font-size: 86%;
        line-height: 1.4em; }
  #entryBox.cate_book .bookData {
    clear: both; }

/* Magazine */
#entryMag {
  text-align: left;
  border-top: none;
  border-right: 5px solid #ff00c7;
  border-bottom: 5px solid #ff00c7;
  border-left: 5px solid #ff00c7;
  padding-bottom: 3%; }
  #entryMag h1 {
    color: #FFF;
    background-color: #ff00c7;
    text-align: center;
    padding: 2%; }
  #entryMag .magazine {
    float: right;
    width: 25%;
    border: none;
    margin: 3% 3% 2% 2%; }
    #entryMag .magazine img {
      width: 100%; }
  #entryMag .entryTxt {
    padding: 3%; }
    #entryMag .entryTxt p {
      line-height: 1.4em; }
  #entryMag #dataMag dl {
    margin: 0 3% 3%; }
    #entryMag #dataMag dl dt {
      color: #ff00c7;
      float: left;
      padding: 0 10px 2% 0;
      font-weight: bold; }
    #entryMag #dataMag dl dd {
      float: left; }
  #entryMag #mediaMag h2 {
    width: 97%;
    margin: 0 auto 3%; }
    #entryMag #mediaMag h2 img {
      width: 100%; }
  #entryMag #mediaMag ul li {
    width: 44%;
    float: left;
    margin: 1% 4% 1% 2%; }
    #entryMag #mediaMag ul li img {
      width: 100%; }

#entryBox.cate_tsudamag {
  text-align: left;
  padding: 0; }
  #entryBox.cate_tsudamag .entry .head {
    border-top: 10px solid #ff00c7;
    padding: 3% 3% 0; }
  #entryBox.cate_tsudamag .entry .thumb {
    width: 60%;
    margin: 0 auto;
    float: none; }
  #entryBox.cate_tsudamag .entry .entryTxt {
    float: none;
    width: 94%;
    padding: 3%; }
    #entryBox.cate_tsudamag .entry .entryTxt p {
      padding-bottom: 4%;
      line-height: 1.4em; }
    #entryBox.cate_tsudamag .entry .entryTxt p.date {
      font-size: 75%;
      color: #333; }
    #entryBox.cate_tsudamag .entry .entryTxt ul {
      margin-bottom: 5%; }
      #entryBox.cate_tsudamag .entry .entryTxt ul li {
        font-size: 86%;
        line-height: 1.4em; }
  #entryBox.cate_tsudamag .entry .page-nate {
    padding: 5% 0 7%;
    border-top: 5px solid #ff00c7; }
    #entryBox.cate_tsudamag .entry .page-nate.none {
      border-top: none; }
    #entryBox.cate_tsudamag .entry .page-nate p {
      text-align: center;
      color: #ff00c7; }
      #entryBox.cate_tsudamag .entry .page-nate p a {
        color: #000; }

/* Profile */
#entryBox.cate_profile {
  text-align: left;
  padding: 3% 0%; }
  #entryBox.cate_profile .entry .thumb {
    float: left;
    width: 23%;
    margin: 0 2% 3% 3%; }
    #entryBox.cate_profile .entry .thumb img {
      width: 100%; }
  #entryBox.cate_profile .entry .head {
    padding: 0 3% 2%; }
  #entryBox.cate_profile .entry .entryTxt {
    float: right;
    width: 70%; }
    #entryBox.cate_profile .entry .entryTxt p {
      padding: 0 3% 4% 0;
      line-height: 1.4em; }
  #entryBox.cate_profile .entry p.trigger {
    border-bottom: dotted 3px #7c7c7c;
    width: 96%;
    padding: 3% 2%;
    background: url(images/icn_open.png) no-repeat 95% center; }
    #entryBox.cate_profile .entry p.trigger:first-child {
      border-top: 3px solid #00b5ff; }
    #entryBox.cate_profile .entry p.trigger.active {
      background: url(images/icn_close.png) no-repeat 95% center;
      border-bottom: none; }
  #entryBox.cate_profile .entry ul {
    padding: 3%;
    border-bottom: dotted 3px #7c7c7c; }
    #entryBox.cate_profile .entry ul li {
      font-size: 100%;
      line-height: 1.4em; }

/* News */
#entryBox.cate_news .entryTxt {
  float: none;
  width: 100%; }
  #entryBox.cate_news .entryTxt .thumb {
    width: 60%;
    float: none;
    margin: 0 auto; }
  #entryBox.cate_news .entryTxt h3 {
    font-size: 110%;
    line-height: 1.4em;
    margin-top: 5%; }
  #entryBox.cate_news .entryTxt p {
    font-size: 86%; }

/*
.magazine {
  border: solid 2px #808080;
  margin: 5% 0 3% 0;
  padding: 5%;
  line-height: 1.4em;
  dl{
    dt{
      margin-top: 5%;
    }
  }
}
*/
/* Magazine */
#service .mm {
  padding-bottom: 5%; }
  #service .mm h2 {
    font-weight: bold;
    background-color: #ff00c7;
    padding: 2%;
    width: 92%;
    margin: 0 2%;
    text-align: center;
    margin-bottom: 2%;
    color: #fff; }
    #service .mm h2 a {
      text-decoration: none;
      color: #fff; }
  #service .mm .data {
    padding: 0 2%;
    text-align: left; }
    #service .mm .data p {
      font-size: 100%;
      line-height: 1.4em;
      margin-bottom: 4%; }
      #service .mm .data p.caption {
        font-size: 86%;
        line-height: 1.4em; }
    #service .mm .data a {
      color: #000; }
    #service .mm .data ul {
      font-size: 86%;
      line-height: 1.4em;
      margin-top: 3%; }
      #service .mm .data ul .amenity {
        color: #ff00c7; }
#service #newmagazine {
  border: 4px solid #ff00c7;
  padding-bottom: 5%;
  margin-top: 5%; }
  #service #newmagazine h2 {
    background-color: #ff00c7;
    padding: 2%;
    color: #FFF;
    font-size: 100%;
    font-weight: bold; }
  #service #newmagazine h3 {
    margin: 3%;
    color: #ff00c7;
    font-weight: bold;
    font-size: 100%; }
  #service #newmagazine p {
    font-size: 100%;
    line-height: 1.6em;
    margin: 0 5%; }
  #service #newmagazine .message {
    border-top: 4px solid #ff00c7;
    margin-top: 5%; }
#service #comment {
  padding: 10% 0 0; }
  #service #comment h2 {
    font-size: 100%;
    font-weight: bold;
    color: #ff00c7;
    margin-bottom: 3%; }
  #service #comment .person {
    margin-bottom: 5%; }
    #service #comment .person .thumb {
      width: 10%;
      float: left; }
    #service #comment .person .com {
      width: 80%;
      float: right;
      padding: 0; }
      #service #comment .person .com h3 {
        font-size: 86%;
        font-weight: bold; }
      #service #comment .person .com p {
        font-size: 75%;
        line-height: 1.6em; }

/* Contact */
#entryBox.cate_contact {
  border-top: 10px solid #ff5555; }
  #entryBox.cate_contact .head {
    padding: 0 0 8%; }
    #entryBox.cate_contact .head h2 {
      font-size: 120%; }
  #entryBox.cate_contact .wpcf7 dl dt {
    padding: 0 0 1%;
    font-weight: bold; }
  #entryBox.cate_contact .wpcf7 dl dd {
    padding: 0 0 5%;
    line-height: 1.4em; }
    #entryBox.cate_contact .wpcf7 dl dd label input {
      vertical-align: top; }
    #entryBox.cate_contact .wpcf7 dl dd label span {
      line-height: 1em;
      vertical-align: baseline; }
    #entryBox.cate_contact .wpcf7 dl dd label {
      padding-right: 10px; }
    #entryBox.cate_contact .wpcf7 dl dd input[type=text],
    #entryBox.cate_contact .wpcf7 dl dd textarea {
      width: 96%; }

/* Search */
#content.cate_search {
  border-top: 10px solid gray; }

/* company ----------------------------------------- */
body#company {
  background-image: none;
  background-color: #50d700; }
  body#company #companyBox {
    margin: 0 auto;
    padding: 10% 5% 5%;
    text-align: left; }
    body#company #companyBox h1 {
      margin-bottom: 10%; }
    body#company #companyBox h2 {
      font-size: 100%;
      color: #FFF;
      font-weight: bold;
      clear: both;
      margin-bottom: 2%; }
    body#company #companyBox dl, body#company #companyBox ul {
      margin-bottom: 15%;
      color: #FFF; }
    body#company #companyBox dt, body#company #companyBox dd, body#company #companyBox li {
      font-size: 95%;
      color: #FFF;
      line-height: 1.6em; }
    body#company #companyBox dt {
      width: 23%;
      float: left;
      clear: both; }
    body#company #companyBox dd {
      width: 72%;
      float: right; }