/*PC?\???A?X?}?z?L???\?????*/

.pc {
display:none;
}

.mobile2 {
display:block;
}

.mobile {
display:block;
width: 100%;
height: auto;
}

.mobile3 {
display:block;
position:fixed !important;
position:absolute;
bottom:0;
left:0;
}

.mobile_shita_kotei {
display:block;
position:fixed !important;
position:absolute;
bottom:0;
left:0;
}

.mobile_ue_kotei {
display:block;
position:fixed !important;
position:absolute;
top:0;
left:0;
}

/*?S??*/

html {
-webkit-text-size-adjust: none;
word-break: break-all;
}

body {
-webkit-text-size-adjust: none;
word-break: break-all;
}

table {
width: 100%;
height: auto;
word-break: break-all;
 }

input {
display:block;
width: 60%;
height: 40px;
}

textarea {

width: 100%;
height: 70px;
}


dd,dt,dl{
width: 100%;
height: auto;
margin-top : 0px;margin-left : 0px;margin-right : 0px;margin-bottom : 0px;
clear: both;
 }


img{
   max-width: 320px; /* ??啝 */
   height: auto;
clear: both;
 }

.img_pr{
   max-width: 320px; /* ??啝 */
   height: auto;
clear: both;
 }

iframe{ 
   max-width: 320px; /* ??啝 */
frameborder: 0;
scrolling: auto;
clear: both;
}



/*?????r???f?t?H???g???????I??r???????????????
?i???r???F?????????#cccccc????????X?j*/
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
clear: both;
}

.gfc-result,.gf-result,.gf-title {
line-height: auto;
font-size: 15;
}

a, font {
width: 100%;
font-size: 100%;
}

.displayblock{
display: block;
width: 100%;
line-height: 1;
font-size: 15;
}

.displaynone{
display: none;
}

.big,h1 {
font-size: 140%
}

.middle {
font-size: 100%
}

.small {
font-size: 84%
}

/*?D?F????j???[?{?^????*/
.menu_button {
font-size: 120%;
    background: -webkit-gradient(linear, left top, left bottom,
      from(#ffffff),
      color-stop(0.05, #ffffff),
      color-stop(0.48, #eeeeee),
      color-stop(0.52, #dddddd),
      color-stop(0.95, #cccccc),
      to(#2b3d65)
    );
    border-color: #eeeeee #bbbbbb #eeeeee;
    border-style: solid;
    border-width: 1px 1px 0;
    font-weight: bold;
    color: #000;
    text-align: center;
    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px;
    text-decoration: none;
}
.menu_button:after {
    content: \"\";
    height: 100%;

    padding: 0 2px 1px 0;
    border-bottom: 1px solid #9aabc7;
    border-radius: 4px;
}

/*?????{?^??*/
.footer_menu_button {

    padding: 6px;
    background: -webkit-gradient(linear, left top, left bottom, from(#9999ee), to(#6666bb));   
    border: 1px #5555aa solid;
    color: #FFF;
    -webkit-appearance: none;
    -webkit-border-radius: 16px;
    -webkit-box-shadow: 0 1px 1px #CCC;
}

/*?T?C?h?o?[????*/
.container {
width   : 100%;
}

.hidari {
display : block;
width   : 100%;
border  : 0;
}

.migi {
display: none;
}

.footer {
display : block;
width   : 100%;
border  : 0;
}

#box{
 display:none;
}

#box2 {
    overflow: auto;
    width: 300px;
    height: 200px;
}
#box2 iframe {
    width: 295px; /*PC版の幅－5pxくらい*/
    height: 200px;
}