@charset "shift_jis";
/* CSS Document */

/*===============================================
●smart.css  画面の横幅が768pxまで
===============================================*/
@media print {
  a[href]:after {
    content: "" !important;
  }

  abbr[title]:after {
    content: "" !important;
  }
}
@media screen and (max-width: 768px) {
  .pcmenu {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .slicknav_menu {
    display: none;
  }
  .ui-header p {
    text-align: center;
  }
  /*Media Queries*/
  #header {
    padding: 0px;
    margin: 0px;
    top: 0; /* 一番上に表示 */
    width: 100%; /* 中央に表示 */
    height: 50px;
  }
  h1 {
    background-image: url(../image/h1_mobile.png);
    background-size: contain;
    background-repeat: no-repeat;
  }
  img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
    border-style: none;
    border-width: 0;
  }
  body {
    color: #666;
    text-align: center;
    margin: 0 auto;
  }
  p {
    margin: 0;
    padding: 0;
  }
  /*contents*/
  #contents {
    width: 100%;
    margin: 0px;
    padding: 0px;
  }
  /*footer*/
  .ui-footer {
    font-size: 12px;
  }
  #main {
    width: 90%;
    padding: 0px;
    margin-right: auto;
    margin-left: auto;
  }
  h2 {
    font-size: 16px;
    padding: 5px;
  }

  .ui-footer h3:after {
    content: "\3000 D2A\30E2\30D0\30A4\30EB";
  }
  #wrapper #main #intro p {
    font-size: 14px;
  }
  .radiobtn {
    padding: 0.5em;
    display: block;
    line-height: 1.5;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .radiobtn2 {
    padding: 0.5em;
    display: block;
    line-height: 1.5;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .deletebtn {
    width: 100%;
    height: 3em;
    line-height: 3em;
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .closebtn {
    width: 90%;
    height: 3em;
    line-height: 3em;
  }
  .pctxt {
    display: none;
  }
  #wrapper #main #intro #seikyu {
    margin-bottom: 20px;
    font-size: 16px;
  }
  #wrapper #main #intro #seikyu dt {
    line-height: 1.5em;
    font-weight: bold;
  }
  #wrapper #main #intro #seikyu dd {
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
    line-height: 1.5em;
  }
  .ui-footer .banner {
    padding: 0;
    border: none;
    width: 100%;
    line-height: 0px;
  }
  .banner img {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 0px;
  }
  #start a {
    background-image: url(../image/top/start.png);
    background-repeat: no-repeat;
    display: block;
    text-indent: -9999px;
    height: 70px;
    background-size: contain;
    border-radius: 10px; /* CSS3草案 */
    -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
    -moz-border-radius: 10px; /* Firefox用 */
    background-position: center center;
  }
  .oshirase {
    overflow: scroll;
    margin-top: 2em;
    height: 7em;
    margin-right: 0em;
    margin-left: 0em;
  }
  .oshirase dl {
    height: 6em;
  }
  .toposhirase {
    overflow: scroll;
    margin-top: 2em;
    height: 7em;
    margin-right: 0em;
    margin-left: 0em;
  }
  .toposhirase dl {
    height: 6em;
  }
  #start_bun {
    margin-top: 15px;
    font-size: 16px;
  }
  #topmain #topmainmenu #login {
    /*
	display: none;
	*/
    position: relative;
    top: 10px;
    background-color: #33cccc;
    /*box-shadow*/
    box-shadow: 5px 5px 0px #008e97;
    -webkit-box-shadow: 5px 5px 0px #008e97;
    -moz-box-shadow: 5px 5px 0px #008e97;
    border-radius: 10px; /* CSS3草案 */
    -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
    -moz-border-radius: 10px; /* Firefox用 */
    display: block;
  }
  #login a {
    background-image: url(../image/top/login.png);
    background-repeat: no-repeat;
    display: block;
    text-indent: -9999px;
    background-position: center center;
    height: 76px;
    background-size: 264px;
  }
  .waku {
    font-size: 1;
  }
  .sign_in_album_id {
    float: left;
    width: 45%;
    margin-right: 5%;
  }
  #breadcrumbs {
    font-size: 0.7em;
  }
  #breadcrumbs li {
    float: left;
    line-height: 1;
    padding: 0.5em 0em 0.5em 2em;
    position: relative;
    background-color: #ccc;
    color: #000;
    width: 14%;
  }
  p.bun_center {
    margin-bottom: 1em;
  }
  .ui-content.main form fieldset .inline_btn {
    white-space: nowrap;
    padding: 0px;
    margin-right: 3%;
    margin-left: 3%;
    width: 44%;
    float: right;
  }
}
