@charset "shift_jis";

/*---------- ページ全体の指定 ----------*/
html{
  -webkit-text-size-adjust: none;
  font-size: 62.5%;
} 

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino KaKu Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif;
  margin: 0;
  padding: 0;
  font-size: 2.0rem;
  color: #333333;
}

img{
  max-width: 100%;
  height: auto;
}

table img{
/**
  zoom:2; 
**/
  max-width: 100%;
  height: auto;
}

a:link {
  color: #69821b;
  font-size: 2.0rem;
}

a:hover {
  color: #99ab4e;
  font-size: 2.0rem;
}

a:visited {
  color: #69821b;
  font-size: 2.0rem;
}

p {
  margin: 12px 0 12px 0;
  line-height: 180%;
  letter-spacing: 1px;
}


/*---------- メイン ----------*/



@media only screen and (orientation : landscape) { /*横向きの際に適用*/
#main {
  margin: 0 auto 0 auto;
  padding: 0;
  border-right:  solid 2px #c6c6c6;
  border-bottom: solid 2px #c6c6c6;
  border-left: solid 2px #c6c6c6;
  background-color: #ffffff;
}
}
 
@media only screen and (orientation : portrait) { /*縦向きの際に適用*/
#main {
  margin: 0 auto 0 auto;
  padding: 0;
/*  width: 700px;*/
  border-right:  solid 2px #c6c6c6;
  border-bottom: solid 2px #c6c6c6;
  border-left: solid 2px #c6c6c6;
  background-color: #ffffff;
}

}





/***↓ チェックボックス         ***/
input[type="checkbox"] {
    -webkit-appearance: none;
    position: relative;
    margin-right: 5px;
    border-radius: 4px;
    border: 2px solid #4c4c4c;
    -webkit-box-sizing: border-box;
    width: 20px;
    height: 20px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#fdfdfd),
        to(#d1d1d1)
    );
    vertical-align: middle;
}
/* チェック時は背景色を変更 */
input[type="checkbox"]:checked {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#353535),
        to(#8f8f8f)
    );
}
/* チェックの印を:before疑似要素と:after疑似要素を使って作成 */
input[type="checkbox"]:checked:before {
    position: absolute;
/*    left: 0px; */
/*    top: 15px; */
    left: -3px;
    top: 12px;
    display: block;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 1);
    content: "";
    width: 10px;
    height: 4px;

    background: #FFFFFF;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: right center;
}

input[type="checkbox"]:checked:after {
    display: block;
    position: absolute;
/*    left: 9px; */
/*    top: 17px; */
    left: 6px;
    top: 12px;
    content: "";
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 1);
/*    width: 19px; */
/*    height: 4px; */
    width: 17px;
    height: 4px;
    background: #FFFFFF;
    -webkit-transform: rotate(-53deg);
    -webkit-transform-origin: left center;
}

/***↑ チェックボックス         ***/

/***↓ ラジオボタン             ***/
input[type="radio"] {
    -webkit-appearance: none;
    position: relative;
    margin-right: 5px;
    border-radius: 14px;
    border: 2px solid #4c4c4c;
    -webkit-box-sizing: border-box;
/*    width: 30px; */
/*    height: 30px; */
    width: 24px;
    height: 24px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#fdfdfd),
        to(#d1d1d1)
    );
    vertical-align: middle;
}
input[type="radio"]:checked {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#353535),
        to(#8f8f8f)
    );
}
/* チェックの印を:before疑似要素を使って作成 */
input[type="radio"]:checked:before {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    margin: -5px 0 0 -5px;
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 1);
    content: "";
    border-radius: 5px;
    width: 10px;
    height: 10px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#fdfdfd),
        to(#d1d1d1)
    );
}
/***↑ ラジオボタン             ***/

.zip_mark {
  margin: 5px 0 5px 0;
}
.hyphen {
  margin: 5px 0 5px 0;
}

input[type="submit"] {
  font-size: 2.0rem;
}

input[type="button"] {
  font-size: 2.0rem;
}

input[type="text"] {
  height: 2.0rem;
  font-size:2.0rem;
  border: 1px solid #4c4c4c;
  margin: 5px 0 5px 0;
}
input[type="password"] {
  height: 2.0rem;
  font-size:2.0rem;
  border: 1px solid #4c4c4c;
  margin: 5px 0 5px 0;
}

select {
  height: 2.8rem;
  font-size:2.0rem;
  border: 1px solid #4c4c4c;
  margin: 5px 0 5px 0;
}

textarea{
 font-size: 1.5rem; /* (ス) */
}

.email_input {
 font-size: 2.4rem; /* (ス) */
}

.email_kakunin_display { font-size: 3.0rem; }

.num_input {
 font-size: 2.4rem; /* (ス) */
}

.num_kakunin_display { font-size: 3.0rem; }