@charset "UTF-8";

@media screen and (max-width: 979px) {

/*--------------------------------------------------
for helpTop
--------------------------------------------------*/
/*TOC===============================================
mainCol
emergency
info
staff
qguide
faq
trouble
==================================================*/

.content .box{
  border-bottom:solid 2px #dddddd;
  padding: 35px 0px 45px;
}
.content .box h1{
	padding-left:35px;
}


/*mainCol
--------------------------------------------*/
#mainCol h2{margin-bottom:12px;}
.new a{padding-right:25px;
background:url(https://stat.ameba.jp/common_style/img/common/icon/new.gif)no-repeat right center;}

/*emergency
--------------------------------------------*/
#emergency{margin-bottom:12px;padding:5px;border:#F00 2px solid;color:#F00;}

/*info
--------------------------------------------*/
#info {margin-bottom:20px;padding:10px 10px 8px;background:#FFFFDF;}
#info h2{margin-bottom:5px !important;}
#info ul{line-height:1.8em;}
#showStaffRssArea {padding-left:15px;color:#848484;}
#showStaffRssArea a{margin-left:7px;}

/*staff
--------------------------------------------*/
#staff{margin-bottom:24px;}
#staff h2{margin-bottom:8px !important;}
#staff ul{line-height:1.8em;}
#showInfoRssArea{padding:0 10px;color:#848484;}
#showInfoRssArea a{margin-left:7px;}


/*qguide
--------------------------------------------*/
#qguide{margin-bottom:30px;}
#qguide ul{float:left;width:268px;padding:0 2px 0 15px;}
#qguide .leftList{background:url(/img/top/bg_qguide.gif) repeat-y top right ;}
#qguide .last{padding:0;}
#qguide li{padding-bottom:19px;}
#qguide .qguideIcon{float:left;width:30px;}
#qguide .qguideText{float:right;width:233px;}
#qguide h3{font-size:1.17em;line-height:1.1em;}
#qguide p{font-size:0.95em;}

/*faq
--------------------------------------------*/
#faq{margin-bottom:30px;}
#faq #accessRanking{margin:0 10px;font-size:1.17em !important;}
#faq #accessRanking li{line-height:1.75em;}
#faq p{margin-bottom:8px;padding:0px 12px 0px 0;background:url(https://stat.ameba.jp/common_style/img/common/icon/detail_link1.gif) no-repeat center right; text-align:right;}
#faq dt{font-weight:bold;padding:8px 0 4px 8px;}
#faq dl{margin:0 10px;padding-bottom:4px;background:#F2F7ED;}
#faq dl dd ul li{float:left;margin-bottom:5px;padding:0 0 0 15px;background:url(https://stat.ameba.jp/common_style/img/common/icon/arrow12.gif) no-repeat left center;}

/*trouble
--------------------------------------------*/
#mainCol #trouble{font-size:1.17em;}
#mainCol #trouble ul{margin:0 10px;}

.k_opinion_link {height: 45px;margin: 0 0 10px;padding: 0;text-indent: -9999px;width: 533px;}
.k_opinion_link a {background: url("../autofaq/stat.ameba.jp/common_style/img/common/k_opinion_link1.png") no-repeat scroll 0 0 transparent;display: block;height: 45px;margin: 0;text-indent: -9999px;width: 533px;}

.k_opinion_link a:hover {background: url("../autofaq/stat.ameba.jp/common_style/img/common/k_opinion_link2.png") no-repeat scroll 0 0 transparent;}

.k_violation_link {height: 45px;margin: 0 0 5px;padding: 0;text-indent: -9999px;width: 533px;}

.k_violation_link a {background: url("../autofaq/stat.ameba.jp/common_style/img/common/k_violation_link1.png") no-repeat scroll 0 0 transparent;display: block;height: 45px;margin: 0;text-indent: -9999px;width: 533px;}

.k_violation_link a:hover {background: url("../autofaq/stat.ameba.jp/common_style/img/common/k_violation_link2.png") no-repeat scroll 0 0 transparent;}

span.link {color: #0065CE;font-size: 12px;text-decoration: none;}

span.link:hover {color: #FF3063;cursor: pointer;text-decoration: underline;}

#inq_module{margin-left: 15px;}



/* -------------------------------------------- */
/* ヘッダー                                      */
/* -------------------------------------------- */
header {
    background-color: #ffffff;
    height: 292px;
    margin-bottom: 32px;
    min-width: auto;
    border-bottom:solid 2px #dddddd
}
header .l__header--inner.header__top .logo {
}

.form__searchbox.form__searchbox--small {
    width: 548px;
    padding: 5px 30px 5px 20px;
    font-size: 17px;
}

header .l__header--inner.header__top .text__beginner {
    border-top: 2px solid #f0f0f0;
    display: block;
    letter-spacing: 0;
    margin: 0 30px;
    padding: 39px 0 0;
    position: relative;
    text-align: center;
    top: 94px;
    width: auto;
}

header .l__header--inner.header__top .text__beginner:before {
    left: 0;
    top: 0;
}

.text_resize {
    left: auto;
    letter-spacing: 0.8px;
    line-height: 1.6em;
    position: absolute;
    right: 140px;
    top: 105px;
    width: auto;
}

.text_resize li.btn_smaller {
    margin-right: 0px;
}

.box__keyword button {
    right: 6px;
}

.box__emergency {
	position:relative;
  margin-bottom: 32px;
  padding: 35px 35px 16px;
    background-color: #ffffff;
}

.box__emergency ｐ {
  margin-bottom: 0px;
  padding: 10px 10px 10px;
}
/* ------------------------------ */
/* よくある質問                    */
/* ------------------------------ */
.heading__a {	
    letter-spacing: 0.028em;
}

.heading__a h1 {
    line-height: 1em;
}

.list li {
	margin-left: 35px;
}

.list li::before {
    margin-right: 0.3em;
}

.box {
}

.list li:last-child {
    line-height: 0.95em;
    margin-bottom: 0;
}

/* ------------------------------ */
/* サービス別サポート                 */
/* ------------------------------ */
.list__service--img {
    margin: 32px 0 0;
}
.list__service--img li { 
	border-bottom: 2px solid #f0f0f0;
    float: none;
    margin:0 0 0 35px;
    text-align: left;
    width: auto;
}
.list__service--img a {
    color: #666666;
    display: block;
    padding: 24px 0;
    text-decoration: none;
}
.list__service--img dd {
    letter-spacing: 0.04em;
    display:inline-block;
    font-size: 30px;
    margin: 5px 0 0;
    vertical-align: top;
}

.list__service--img dt {
    display:inline-block;
    margin:0;
    width: 174px;
}

.list__service--text {
}
.list__service--text li {
    border-bottom: 2px solid #f0f0f0;
    float: none;
    font-size: 30px;
    padding: 0;
    width: auto;
    margin-left:35px;
}
.fontsizeBig .list__service--text li {
    width: auto;
}
.list__service--text li:last-child {
    border:none;
}
.form__searchbox.form__searchbox--small + .icon {
    right: 16px;
    top: 15px;
}

.heading__link{
    font-size: inherit;
    padding: 0;
}

.heading__link::after {
    background:none;
}
.list__service--text li a {
    height: 58px;
    padding-left: 0;
    text-decoration: none;
}
.link__service{
    margin: 18px 0 0;
    padding: 28px 0 12px;
    text-align: center;
    border-top:solid 2px #f0f0f0
}

/* ------------------------------ */
/* 解決しないときは                 */
/* ------------------------------ */
.section_contact{
	padding-bottom: 46px;
}
.section_contact h1{
    line-height: 1em;
    margin: 0 0 52px !important;
    text-align: left;
}
.section_contact h2{
	font-size: 24px !important;
	line-height: 1.6em;
	margin-bottom: 23px !important;
	text-align: left;
	margin: 0 35px;
}
.section_contact p{
	margin: 0 35px;
}
.section_contact h2 + p.mb50{
	margin-bottom:62px!important;
}
.section_contact h2.mb10 {
    margin: 64px 35px;
}
.section_contact h2.mb10 + p {
    line-height: 1.6em;
    margin-bottom: 22px;
    text-align: left;
}
.section_contact .is-table {
	width:100%;
}
.section_contact .is-table .is-cell {
    display: block !important;
    padding: 0 !important;
    vertical-align: top;
    margin-bottom:34px;
}
.section_contact .is-table .is-cell .button{
    padding: 18px 0;
}

.box__question{
}

.fontsizeBig .box__question .caption{
 margin-bottom:20px!important;
}

.unsolved{
    padding-right: 68px;
}

h2{
    letter-spacing: 0.44px;
}

.button.button__l {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 85px;
}
.button.button__l + .button.button__l{
    margin-top: 30px;
}
p.f-1 {
    font-size: 12px !important;
    line-height: 1em;
    letter-spacing: 0.4px;
}

.button.button__m {
    font-size: 24px;
    font-weight: normal;
    width: 100%;
}

.heading__a {
    padding: 0;
}

.box.box__small {
    padding: 30px 30px 30px 30px;
}

.box__small h1{
    line-height: 1em;
}

.box__small .caption {
    bottom: 0;
    font-size: 28px;
    height: 90px;
    left: 0;
    line-height: 90px;
    position: absolute;
    text-align: center;
    width: 100%;
}
.box__untrouble ul{
    margin-top: 20px;
    width: 100%;
}

.fontsizeBig .box__untrouble .caption {
    display: block;
    font-size: 28px;
    height: 90px;
    margin-top: 0;
    width: 100%;
}

.box__small .heading__link {
    display: block;
    font-size: inherit;
    height: 100%;
    margin-top: 0;
    padding: 0;
    width: 100%;
}
.box__small .heading__link::after {
    background:none;
}

.box.box__small.box__small--375 li {
    border-bottom: 2px solid #f0f0f0;
    line-height: normal;
    padding: 0;
}

.fontsizeBi .box.box__small.box__small--375 li {
    line-height: 0.9em;
}

.box.box__small.box__small--375 li:last-child {
    margin-bottom: 0px;
}

.box__small .list li {
    margin-bottom: 0;
}

.fontsizeBig .box__small .list li {
    margin-bottom: 1em;
}

.box__small .list li a {
    display: block;
    font-size: 28px;
    height: 30px;
    padding: 32px 0;
}

.box__small .list li:before {
    text-indent: -1px;
    width: 7px;
}
.section_untrouble{
	width:auto;
}
.box.box__small.box__small--375 {
    float: none;
    height: auto;
    padding: 0 0 110px;
    width: auto;
}
.section_untrouble section.box{
    float: none;
    padding: 38px 32px;
    width: auto;
}
.section_untrouble section.box h1{
    float: none;
    margin-bottom: 0;
    padding: 38px 33px 0;
}

/* ------------------------------ */
/* 安心・安全             */
/* ------------------------------ */
.untrouble2 p.text_description {
  margin: 35px 40px;
}
.untrouble--link li {
  width:  90%;
  margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.untrouble--link li img {
  width:  90px;
  height: 90px;
float:none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.untrouble--link li > p{
float:none;
  padding-top:3%;
  padding-left:2%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

}



/* ------------------------------ */
/* 利用規約・運営ポリシー             */
/* ------------------------------ */
.box.box__small.policy {
    float: none;
    height: auto;
    margin-bottom: 0;
    min-height: auto;
    padding: 0;
    width: auto;
}
section.box.box__small.policy h1{
    float: none;
    margin-bottom: 0;
    padding: 38px 33px 0;
}

.box.box__small.policy ul{
    float: none;
    margin: 30px 0 0;
    width: auto;
}
.box.box__small.policy li {
    border-bottom: 2px solid #f0f0f0;
    letter-spacing: normal;
    line-height: 1.2em;
    margin: 0;
    padding: 0;
    text-indent: 0;
    width: auto;
}
.box.box__small.policy li a {
    color: #666666;
    display: block;
    font-size: inherit;
    font-weight: normal;
    line-height: 1.4em;
    padding: 30px 34px;
}
.box.box__small.policy li a:visited {
    color: #999999;
}
.box.box__small.policy li::before {
    content: none;
}








.box.box__small.box__small--575 {
    float: none;
    height: auto;
    margin-bottom: 0;
    min-height: auto;
    padding: 0;
    width: auto;
}

.box.box__small .heading__a {
}

.box__small .list__terms li {
    width: 262px;
    margin-bottom:0;
}

.box.box__small.box__small--575 ul{
    float: none;
    margin: 30px 0 0;
    width: auto;
}

.fontsizeBig .box.box__small.box__small--575 ul{
    margin: 30px 0 0;
    width: auto;
}

.fontsizeBig .box.box__small.box__small--575 ul.list__2{
    margin: 0;
}

.box.box__small.box__small--575 ul.list__2{
    margin: 0;
}

.box.box__small.box__small--575 li:last-child {
    height: inherit;
}

.basicList li:before {
    text-indent: -7px;
    width: 7px;
}

.box.box__small.box__small--575 li {
    border-bottom: 2px solid #f0f0f0;
    letter-spacing: normal;
    line-height: 1.2em;
    margin: 0;
    padding: 0;
    text-indent: 0;
    width: auto;
}

.fontsizeBig .box.box__small.box__small--575 li {
    letter-spacing: 0;
}

.basicList li {
    padding-left: 0.6em;
    text-indent: -0.6em;
}

.box.box__small.box__small--575 li a:visited {
    color: #999999;
}

.box.box__small.box__small--575 li a {
    color: #666666;
    display: block;
    font-size: inherit;
    font-weight: normal;
    line-height: 1.4em;
    padding: 30px 34px;
}
.box.box__small.box__small--575 li::before {
    content: none;
}
.box.box__small.box__small--575 li a:visited {
    color: #999999;
}

}