@charset "UTF-8";

/* ===============================
	サイト内共通 style
=============================== */
#lineupBtn {
 border: solid 1px #b5b5b5;
 text-align: center;
}

#lineupBtn {
 width: 100%;
}

#lineupBtn a {
 width: 100%;
 display: block;
 background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dddddd));
 background: -webkit-linear-gradient(top, #f3f3f3, #dddddd);
 background: -moz-linear-gradient(top, #f3f3f3, #dddddd);
 background: -o-linear-gradient(top, #f3f3f3, #dddddd);
 background: linear-gradient(to bottom, #f3f3f3, #dddddd);
 border: solid 2px #fff;
 font-weight: 200;
 color: #434343;
 padding: 0.4em 0;
}

#lineupBtn a:hover {
 background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#f3f3f3));
 background: -webkit-linear-gradient(top, #dddddd, #f3f3f3);
 background: -moz-linear-gradient(top, #dddddd, #f3f3f3);
 background: -o-linear-gradient(top, #dddddd, #f3f3f3);
 background: linear-gradient(to bottom, #dddddd, #f3f3f3);
}

#lineupBtn span {
 display: inline-block;
 padding-left: 20px;
 background: url(../../images/lineup-arrow.png) no-repeat left center;
 background-size: auto 20px;
}

sup {
 color: #00a0e9;
}

/* サポート */
#support {
 background: #f5f5f5;
}

#support ul.supList {
 width: 100%;
}

#support ul.supList li a {
 display: block;
 width: 100%;
 height: 100%;
 text-decoration: none;
}

#support ul.supList li.info a {
 background-image: url(../images/sup-info.png);
}

#support ul.supList li.qa a {
 background-image: url(../images/sup-qa.png);
}

#support ul.supList li.manual a {
 background-image: url(../images/sup-manual.png);
}

#support ul.supList li.mente a {
 background-image: url(../images/sup-mente.png);
}

#support ul.supList li.option a {
 background-image: url(../images/sup-option.png);
}

#support ul.supList li.catalog a {
 background-image: url(../images/sup-catalog.png);
}

#support ul.supList li.navi a {
 background-image: url(../images/sup-navi.png);
}

#support ul.supList li.pdf a {
 background-image: url(../images/sup-pdf.png);
}

/* ===============================
	common utility
=============================== */
ul.horizon:after {
 content: ".";
 display: block;
 clear: both;
 height: 0px;
 visibility: hidden;
 font-size: 0px;
}

ul.horizon {
 min-height: 1px;
 zoom: 1;
}

ul.horizon li {
 float: left;
}

ul.star { /* リスト（青字・※n） */
 padding-left: 1.5em;
}

ul.star li {
 text-indent: -1.5em;
}

ul.star li span {
 color: #00a0e9;
 margin-right: 0.5em;
}

ul.kome { /* リスト（黒字・※） */
 padding-left: 1.5em;
}

ul.kome li {
 text-indent: -1.5em;
}

ul.kome li:BEFORE {
 content: "\203b";
 margin-right: 0.5em;
}

ul.disc { /* リスト（●） */
 padding-left: 1.5em;
}

ul.disc li {
 text-indent: -1.5em;
}

ul.disc li:BEFORE {
 content: "\25cf";
 margin-right: 0.5em;
}

ul.single { /* リスト（黒字・1文字） */
 padding-left: 1.5em;
}

ul.single li {
 text-indent: -1.5em;
}

ul.single li span {
 margin-right: 0.5em;
}

.caption {
 font-size: 0.77em;
 line-height: 1.4em;
}

.tc {
 text-align: center !important;
}

.tl {
 text-align: left !important;
}

.tr {
 text-align: right !important;
}

.red {
 color: red !important;
}

.blue {
 color: #00a0e9 !important;
}

.fs {
 font-size: 0.82em;
 line-height: 1.2;
}

.fxs {
 font-size: 0.77em;
 line-height: 1.2;
}

.fitImg img {
 width: 100%;
}

.mt0 {
 margin-top: 0 !important;
}

.mt05em {
 margin-top: 0.5em;
}

.mt1em {
 margin-top: 1em;
}

.mt15em {
 margin-top: 1.5em;
}

.mt2em {
 margin-top: 2em;
}

.mt25em {
 margin-top: 2.5em;
}

.mt3em {
 margin-top: 3em;
}

/* ===============================
	PC / Tab Style
=============================== */
@media print, screen and (min-width: 481px) {

#lineupBtn a {
 font-size: 2rem;
 line-height: 1;
}

/* サポート */
#support h2 {
 font-size: 2.8rem;
 font-weight: 200;
 margin-bottom: 4rem;
}

#support ul.supList li {
 width: 220px;
 height: 90px;
 margin-left: 25px;
 margin-bottom: 20px;
 background: #fff;
 float: left;
}

#support ul.supList li:nth-child(4n-3) {
 margin-left: 0;
}

#support ul.supList li a {
 padding-top: 64px;
 font-size: 1.6rem;
 line-height: 1;
 background-repeat: no-repeat;
 background-position: center 4px;
 background-size: 60px;
 text-align: center;
}

#support ul.supList li.normal a {
 padding-top: 20px;
 font-size: 1.6rem;
 line-height: 1.6;
}

/* 共通 - Footer ラインアップ */
#footLineup {
 padding-top: 50px;
 padding-bottom: 60px;
 background: #ebebeb;
}

#footLineup h3 {
 font-size: 2.2rem;
 padding-bottom: 1em;
}

/*#footLineup ul li {
		margin-left: 36px;
	}*/
 
#footLineup ul li {
 margin-left: 21px;
 padding-bottom: 30px;
}

#footLineup ul li:FIRST-CHILD, #footLineup ul li:nth-child(4) {
 margin-left: 0;
}

#footLineup .allList {
 text-align: center;
 margin-top: 40px;
}

#footSpecialLinks {
 padding-top: 50px;
 padding-bottom: 50px;
 background: #ebebeb;
 -moz-box-shadow: 0 8px 8px -5px rgba(0, 0, 0, 0.35) inset;
 -webkit-box-shadow: 0 8px -5px 8px rgba(0, 0, 0, 0.35) inset;
 -o-box-shadow: 0 8px 8px -5px rgba(0, 0, 0, 0.35) inset;
 -ms-box-shadow: 0 8px 8px -5px rgba(0, 0, 0, 0.35) inset;
 box-shadow: 0 8px 8px -5px rgba(0, 0, 0, 0.35) inset;
}

#footSpecialLinks h3 {
 font-size: 2.2rem;
 padding-bottom: 16px;
}

#footSpecialLinks ul li {
 margin-left: 12px;
 margin-top: 24px;
}

#footSpecialLinks ul li:nth-child(4n-3) {
 margin-left: 0;
}
}

/* ===============================
	Mobile Style
=============================== */
@media screen and (max-width: 480px) {

/* サポート */
#support ul.supList li {
 height: 5rem;
 margin-top: 2rem;
 background: #fff;
}

#support ul.supList li:first-child {
 margin-top: 0;
}

#support ul.supList li a {
 padding-top: 1.2em;
 padding-left: 6rem;
 font-size: 1.4rem;
 line-height: 1;
 background-repeat: no-repeat;
 background-position: 0.5em center;
 background-size: 4rem;
}

#support ul.supList li.normal a {
 padding-left: 1.5rem;
}

/* 共通 - Footer ラインアップ */
#footLineup {
 padding-top: 2em;
 padding-bottom: 2em;
 background: #ebebeb;
 box-shadow: 0 8px 8px -5px rgba(0, 0, 0, 0.35) inset;
}

#footLineup h3 {
 font-size: 2.2rem;
 padding-bottom: 1.5em;
 text-align: center;
}

#footLineup ul {
 border-bottom: dashed 1px #fff;
}

#footLineup ul li {
 padding: 0.5em 0;
 border-top: dashed 1px #fff;
}

#footLineup .allList {
 text-align: center;
 margin-top: 40px;
}

#footLineup .allList img {
 width: 100%;
}
}

/* ===============================
	screen setting
=============================== */
@media screen {

/* Loading */
#pageLoad {
 width: 100vw;
 height: 100vh;
 background-color: #fff;
 position: fixed;
 z-index: 999;
}

#pageLoad.loading {
 background-image: url(../images/pageloading.gif);
 background-position: center center;
 background-repeat: no-repeat;
}

/* pageTop */
a#pageTop {
 width: 50px;
 height: 50px;
 background-image: url(../images/pagetop.png);
 background-repeat: no-repeat;
 overflow: hidden;
 text-indent: 100%;
 white-space: nowrap;
 text-decoration: none;
 position: fixed;
 bottom: 20px;
 right: 0;
 display: none;
}

a#pageTop:hover {
 background-position: 0 bottom;
}

.fix {
 position: fixed !important;
}
}

/* ===============================
	print setting
=============================== */
@media print {

a#pageTop {
 display: none !important;
}
}