/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@charset='utf-8';

@media screen and (max-width:640px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}


.video {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
}

.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#container{
width:100%;
}

input[type="text"] {
width: 100%;
height: 2em;
font-size: 115%;
}

input[type="number"] {
width: 100%;
height: 2em;
font-size: 115%;
}

input[type="date"] {
width: 100%;
height: 2em;
font-size: 115%;
}

input[type="time"] {
width: 100%;
height: 2em;
font-size: 115%;
}

input[type="button"] {
width: 100%;
height: 2em;
font-size: 115%;
}

input[type="checkbox"] {
width: 50%;
height: 1.5em;
font-size: 115%;
}

input[type="password"] {
width: 100%;
height: 2em;
font-size: 115%;
}

input.all {
width: 100%;
height: 2em;
font-size: 115%;
}

input.midoku {
width: 80px;
height: 2em;
font-size: 115%;
}

input.zen {
height: 2em;
font-size: 110%;
}

input.jiki {
height: 2em;
font-size: 110%;
}

input.syuu {
height: 2em;
font-size: 110%;
}

input.saku {
height: 2em;
font-size: 110%;
}

input.red {
width: 100%;
height: 2em;
font-size: 115%;
background-color: #00ff00;
}

select{
width: 100%;
height: 2em;
font-size: 115%;
}

textarea {
width: 100%;
font-size: 115%;
}

body {
font-size : 115%;
}

.pc_area {
display: none;
}

.phone_area {
display: block;
}

/*
～以下、画面の横幅が640pxまでの場合のスタイル記入～
*/



}