@media only screen and (max-width: 767px) {
/** 共通 **/
#ss_wrapper {
    width: 95%;
    padding:0;
}
.ss_preBox {
    width: 95%;
}
.ss_inputBoxCen {
    width: 100%;
}
.ss_heading01 h1 {
    width: 100% !important;
    height: auto !important;
    font-size: 1rem !important;
    background-size: 100% 100% !important;
}
.ss_myPageLogout input {
    padding:0 10px !important;
}
#ss_close p {
    width: 85px;
    white-space:nowrap;
}
div#ss_contentsNoMenu table td input[type="text"],
div#ss_contentsNoMenu table td input[type="password"]
{
    width: 95%;
    padding:5px 0;
}

/** mypage login , public login , account_setting **/
body.mypage_login #ss_contentsNoMenu div.ss_heading01 , 
body.public_login #ss_contentsNoMenu div.ss_heading01 ,
body.reminder #ss_contentsNoMenu div.ss_heading01 ,
body.account_setting #ss_contentsNoMenu div.ss_heading01,
body.error_info #ss_contentsNoMenu div.ss_heading01,
body.pass_change #ss_contentsNoMenu div.ss_heading01,
body.unsub_mail #ss_contentsNoMenu div.ss_heading01
{
    padding-top: 20px;
}
body.mypage_login #ss_contentsNoMenu div.ss_heading01 h1 span , 
body.public_login #ss_contentsNoMenu div.ss_heading01 h1 span ,
body.reminder #ss_contentsNoMenu div.ss_heading01 h1 span ,
body.account_setting #ss_contentsNoMenu div.ss_heading01 h1 span,
body.error_info #ss_contentsNoMenu div.ss_heading01 h1 span,
body.pass_change #ss_contentsNoMenu div.ss_heading01 h1 span,
body.unsub_mail #ss_contentsNoMenu div.ss_heading01 h1 span
{
    height:30px;
    vertical-align: unset;
}

/** mypage top, personal, account_setting **/
body.mypage_top #ss_contentsNoMenu div.ss_heading01 ,body.mypage_personal #ss_contentsNoMenu div.ss_heading01{
    padding-top: 50px;
}
body.mypage_top #ss_contentsNoMenu div.ss_heading01 h1 span , body.mypage_personal #ss_contentsNoMenu div.ss_heading01 h1 span{
    height:40px;
    vertical-align: middle;
}
body.mypage_top #ss_contentsNoMenu div.ss_title_h3 , body.mypage_personal #ss_contentsNoMenu div.ss_title_h3{
    background:none;
}
#ss_contentsNoMenu div.ss_title_h3{
    background-color: #EBEBEB !important;
    border: 1px solid #dfdfdf !important;
    padding: 3px 5px !important;
    border-radius: 2px;
    height:auto !important;
}
#ss_contentsNoMenu div.ss_title_h3 span{
    width: 90%;
    display: block;
    border-left: 3px solid #2D3B98;
    padding: 0px 0px 0px 3px !important;
    font-weight: bold;
}
#ss_contentsNoMenu h3 {
    padding: 5px 5px;
}
body.mypage_personal div#ss_contentsNoMenu table th
{
    display: block !important;
    width: auto;
    background-color: #f9f9f9 !important;
}
body.mypage_personal div#ss_contentsNoMenu table td,
body.account_setting div#ss_contentsNoMenu table td
{
    display: block !important;
    background-color: #ffffff !important;
}
body.mypage_personal div#ss_contentsNoMenu .ss_preBox #ss_userTable .ss_cell div{
    display: block !important;
}
#ss_userTable li.ss_input , li.ss_input{
    float:none !important;
}
.ss_preBox #ss_userTable .ss_cell div span.ss_leftComment {
    display: block !important;
}
.mypage_personal input:not([type="image"],[type="checkbox"]), .mypage_personal select{
    width: 95%;
}
/** account_setting , changepassword, unsub_mail **/
body.account_setting div#ss_contentsNoMenu table th
{
    display: block !important;
    width: auto;
}
body.account_setting div#ss_contentsNoMenu #ss_loginTable table th {
    border:none;
}
/** changepassword **/
body.pass_change div#ss_contentsNoMenu table th,
body.pass_change div#ss_contentsNoMenu table td
{
    display: block !important;
    width: auto; 
}
body.pass_change div#ss_contentsNoMenu table th{
    text-align: center;
}
/** unsubscribe_mail **/
body.unsub_mail div#ss_contentsNoMenu table th,
body.unsub_mail div#ss_contentsNoMenu table td
{
    display: block !important;
    width: auto; 
}
/** public_login **/
body.public_login div#ss_contentsNoMenu table th,
body.public_login div#ss_contentsNoMenu table td
{
    display: block !important;
    width: auto; 

}
body.public_login #ss_passLost a {
    width: 75% !important;
    white-space: nowrap;
}
/** reminder **/
body.reminder div#ss_contentsNoMenu table th,
body.reminder div#ss_contentsNoMenu table td
{
    display: block !important;
    width: auto; 

}
}