@charset "utf-8";

/*============================================================
 Smartphone
============================================================*/
@media screen and (max-width: 670px){

/* base
----------------------------------------------------*/
h1 {
	font-size: 28px;
	line-height: 1.2;
	font-weight: normal;
}

h2 {
	font-size: 22px;
	line-height: 1.2;
	font-weight: normal;
}

h3 {
	font-size: 18px;
	line-height: 1.2;
	font-weight: normal;
}

h4 {
	font-size: 16px;
	font-weight: normal;
}

h5 {
	font-size: 14px;
	font-weight: normal;
}

h6 {
	font-size: 13px;
	font-weight: normal;
}

#wrapper {
	margin: 0 auto;
	min-width: inherit;
	width: 100%;
}

#contents {
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

#contents.narrow {
	width: auto;
}

#contents .leftCol {
	float: none;
	width: auto;
	padding: 0 15px;
	-webkit-box-ordinal-group: 3;
}

#contents .rightCol {
	float: none;
	width: auto;
	padding: 0 15px;
	-webkit-box-ordinal-group: 4;
}

#contents .rightCol.narrow {
	float: none;
	width: auto;
}

#contents .mainCol {
	overflow: auto;
	width: auto;
	padding: 0 15px;
	-webkit-box-ordinal-group: 2;
}

#contents .contentsHead {
	width: auto;
	padding: 0 15px;
	-webkit-box-ordinal-group: 1;
}

#contents .contentsHead .caption {
	font-size: 13px;
	margin-top: 10px;
}


/* elements
----------------------------------------------------*/
.yBtn.yBtnXSmall .yBtnText {
	font-size: 12px;
	padding: 6px 9px;
}

.yBtn.yBtnSmall .yBtnText {
	font-size: 13px;
	padding: 8px 12px;
}

.yBtn.yBtnMedium .yBtnText {
	font-size: 14px;
	padding: 10px 15px;
}

.yBtn.yBtnLarge .yBtnText {
	font-size: 16px;
	padding: 12px 15px;
}

.yBtn.yBtnXLarge .yBtnText {
	font-size: 18px;
	padding: 14px 15px;
}

/* header
----------------------------------------------------*/
#header {
	display: none;
}
#header_sp {
	display: block;
}

/* footer
----------------------------------------------------*/
#footer {
	display: none;
}
#footer_sp {
	display: block;
}

/* txtNav
----------------------------------------------------*/
.txtnav {
	margin: 0;
	padding: 15px;
	border-bottom: 1px solid #D3D4D5;
	font-size: 12px;
}

/* list
----------------------------------------------------*/
.sideNavBdrUnit .navInner {
	padding: 0;
}

.sideNavBdrUnit .sideNavHead {
	padding: 15px;
	margin-bottom: 0;
}

.sideInfoUnit .navInner {
	padding: 15px;
}

.sideInfoUnit .sideNavHead {
	padding: 0;
	margin-bottom: 15px;
}

.sideInfoUnit .caption{
	font-size: 13px;
}

.sideContainer .sideCmnNav li {
	font-size: 13px;
	border-top: 1px solid #D3D4D5;
	margin: 0;
}

.sideContainer .sideCmnNav li:first-child {
}

.sideContainer .sideCmnNav span {
	display: block;
	padding: 15px;
}

.sideContainer .sideCmnNav a {
	display: block;
	position: relative;
	text-decoration: none;
	padding: 15px 30px 15px 15px;
}

.sideContainer .sideCmnNav a:hover {
	text-decoration: underline;
}

.sideContainer .sideCmnNav a:after {
	content: " ";
	background: url(../img/iconLinkNext.png) no-repeat center center;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 6px;
	height: 10px;
	margin: -5px 0 0 0;
}

.sideContainer .categoryTree h5 {
	color: #F00;
}

.sideContainer .categoryTree h5 a {
	display: block;
	position: relative;
	text-decoration: none;
	padding: 15px 30px 15px 15px;
	color: #F00;
}

.sideContainer .categoryTree h5 span {
	display: block;
	padding: 15px;
}

.sideContainer .categoryTree h5 a:hover {
	text-decoration: underline;
}

.sideContainer .categoryTree h5 a:after {
	content: " ";
	background: url(../img/iconLinkNext.png) no-repeat center center;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 6px;
	height: 10px;
	margin: -5px 0 0 0;
}

.sideContainer .categoryTree .childNav {
	margin: 0;
	padding-left: 15px;
}

.sideContainer .categoryTree .childNav li span,
.sideContainer .categoryTree .childNav li a {
	padding-left: 0;
}


/* Support Page
----------------------------------------------------*/
.supportPage {
}

.supportPage .container {
	margin-top: 30px;
}

.supportPage .container:first-child {
	margin-top: 0;
}

.supportPage .mainCol h2 {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #D3D4D5;
}

.supportPage .mainCol h2 a {
	display: block;
	position: relative;
	text-decoration: none;
}

.supportPage .mainCol h2 a:hover {
	text-decoration: underline;
}

.supportPage .mainCol h2 a:after {
	content: " ";
	background: url(../img/iconLinkNext.png) no-repeat center center;
	position: absolute;
	top: 50%;
	right: 0;
	width: 6px;
	height: 10px;
	margin-top: -5px;
}

.supportBlock {
	margin-bottom: 30px;
}

.supportBlock h3 {
	color: #F90;
}

.supportBlock .caption {
	font-size: 13px;
	margin-top: 15px;
}

.supportBlock .caption .captionParagraph {
	margin-top: 10px;
}

.supportBlock .caption .captionParagraph:first-child {
	margin-top: 0;
}

.supportBlock .caption .captionParagraph ul {
	padding-left: 20px;
}

.supportBlock .caption .captionParagraph li {
	list-style: disc;
	margin-top: 5px;
}

.supportBlock .caption .captionParagraph li:first-child {
	margin-top: 0;
}

.supportBlock .caption .captionParagraph .navChild {
	margin-top: 5px;
}

.supportBlock .caption .captionParagraph img {
    width: 100%;
}

.supportBlock .tableList {
	font-size: 12px;
	margin-top: 15px;
}

.supportBlock .tableList table {
	width: 100%;
	background: #FFF;
}

.supportBlock .tableList th {
	border: 1px solid #D3D4D5;
	padding: 7px 10px;
	font-weight: normal;
}

.supportBlock .tableList td {
	border: 1px solid #D3D4D5;
	padding: 7px 10px;
}

.supportBlock .tableList thead th {
	background: #EEF;
}

.supportBlock .tableList thead td {
	border: none;
}

.supportBlock .tableList tbody th {
	background: #F3F4F5;
	width: 60px;
}

.supportBlock .tableList tbody td {
}

.supportBlock .tableList .image img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.supportBlock .tableList .caption {
	margin-top: 10px;
}

.supportBlock .imageBox {
	text-align: center;
	margin: 15px 0;
}

.supportBlock .imageBox img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.supportBlock .imageSetBox {
	margin: 15px 0;
}

.supportBlock .imageSetBox .image {
}

.supportBlock .imageSetBox .image img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.supportBlock .imageSetBox .caption {
	margin-top: 10px;
}

.supportBlock .supplement {
	font-size: 12px;
	color: #636465;
	margin-top: 15px;
}

.supportBlock .jumpLink {
	font-size: 13px;
	margin-top: 15px;
}

.supportBlock .jumpLink li {
	margin-top: 10px;
}

.supportBlock .jumpLink li:first-child {
	margin-top: 0;
}

.supportBlock .jumpLink li a {
	display: block;
	position: relative;
	padding-right: 15px;
}

.supportBlock .jumpLink li a:after {
	content: "";
	background: url(../img/iconLinkNext.png) no-repeat center center;
	position: absolute;
	top: 50%;
	right: 0;
	width: 6px;
	height: 10px;
	margin-top: -5px;
}

.supportIndex .supportBlock {
	width: 100%;
}

.supportIndex .supportBlock h3 {
	margin-bottom: 0;
}

.supportIndex .supportBlock h3 a {
	display: block;
	position: relative;
	color: #F90;
	text-decoration: none;
}

.supportIndex .supportBlock h3 a:hover {
	text-decoration: underline;
}

.supportIndex .supportBlock h3 a:after {
	content: " ";
	background: url(../img/iconLinkNext.png) no-repeat center center;
	position: absolute;
	top: 50%;
	right: 0;
	width: 6px;
	height: 10px;
	margin-top: -5px;
}

.supportBlock .supportIndexNav {
	font-size: 14px;
	margin-top: 10px;
}

.supportBlock .supportIndexNav li {
	margin-top: 10px;
}

.supportBlock .supportIndexNav li:first-child {
	margin-top: 0;
}

.supportBlock .supportIndexNav .childNav {
	margin-top: 5px;
	padding-left: 15px;
}

}

/*============================================================
 Tablet
============================================================*/
@media screen and (max-width: 999px) and (min-width: 671px){
	
/* base
----------------------------------------------------*/
#wrapper {
	margin: 0 auto;
	min-width: inherit;
	width: 100%;
}

#contents.narrow {
	width: auto;
}


/* header
----------------------------------------------------*/
#header {
	display: block;
}
#header_sp {
	display: none;
}


/* footer
----------------------------------------------------*/
#footer {
	display: block;
}
#footer_sp {
	display: none;
}


/* list
----------------------------------------------------*/
.sideContainer .categoryTree li {
	font-size: 12px;
	margin-top: 10px;
}

.sideContainer .categoryTree .childNav {
	margin-top: 10px;
	padding-left: 10px;
}


/* Support Page
----------------------------------------------------*/
.supportPage {
}

.supportPage .container {
	margin-top: 60px;
}

.supportPage .container:first-child {
	margin-top: 0;
}

.supportPage .mainCol h2 {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #D3D4D5;
}

.supportPage .mainCol h2 a {
	display: block;
	position: relative;
	text-decoration: none;
}

.supportPage .mainCol h2 a:hover {
	text-decoration: underline;
}

.supportPage .mainCol h2 a:after {
	content: " ";
	background: url(../img/iconLinkNext.png) no-repeat center center;
	position: absolute;
	top: 50%;
	right: 0;
	width: 6px;
	height: 10px;
	margin-top: -5px;
}

.supportBlock {
	margin-bottom: 30px;
	padding-left: 15px;
}

.supportBlock h3 {
	color: #F90;
}

.supportBlock .caption {
	font-size: 12px;
	margin-top: 15px;
}

.supportBlock .caption .captionParagraph {
	margin-top: 10px;
}

.supportBlock .caption .captionParagraph:first-child {
	margin-top: 0;
}

.supportBlock .caption .captionParagraph ul {
	padding-left: 20px;
}

.supportBlock .caption .captionParagraph li {
	list-style: disc;
	margin-top: 5px;
}

.supportBlock .caption .captionParagraph li:first-child {
	margin-top: 0;
}

.supportBlock .caption .captionParagraph .navChild {
	margin-top: 5px;
}

.supportBlock .caption .captionParagraph img {
    width: 100%;
}

.supportBlock .tableList {
	font-size: 12px;
	margin-top: 15px;
}

.supportBlock .tableList table {
	width: 100%;
	background: #FFF;
}

.supportBlock .tableList th {
	border: 1px solid #D3D4D5;
	padding: 7px 10px;
	font-weight: normal;
}

.supportBlock .tableList td {
	border: 1px solid #D3D4D5;
	padding: 7px 10px;
}

.supportBlock .tableList thead th {
	background: #EEF;
}

.supportBlock .tableList thead td {
	border: none;
}

.supportBlock .tableList tbody th {
	background: #F3F4F5;
	width: 100px;
}

.supportBlock .tableList tbody td {
}

.supportBlock .tableList .image img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.supportBlock .tableList .caption {
	margin-top: 10px;
}

.supportBlock .imageBox {
	text-align: center;
	margin-top: 15px;
}

.supportBlock .imageBox img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.supportBlock .imageSetBox {
	margin-top: 15px;
}

.supportBlock .imageSetBox .image {
	float: left;
	width: 200px;
}

.supportBlock .imageSetBox .image img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.supportBlock .imageSetBox .caption {
	overflow: hidden;
	padding-left: 15px;
}

.supportBlock .supplement {
	font-size: 11px;
	color: #636465;
	margin-top: 15px;
}

.supportBlock .jumpLink {
	font-size: 12px;
	margin-top: 15px;
}

.supportBlock .jumpLink li {
	margin-top: 5px;
}

.supportBlock .jumpLink li:first-child {
	margin-top: 0;
}

.supportBlock .jumpLink li a {
	display: block;
	position: relative;
	padding-left: 15px;
}

.supportBlock .jumpLink li a:after {
	content: "";
	background: url(../img/iconLinkNext.png) no-repeat center center;
	position: absolute;
	top: 50%;
	left: 0;
	width: 6px;
	height: 10px;
	margin-top: -5px;
}

.supportIndex .supportBlock {
	display: inline-block;
	width: 38%;
	margin-right: 30px;
	vertical-align: top;
}

.supportIndex .supportBlock h3 {
	margin-bottom: 0;
}

.supportIndex .supportBlock h3 a {
	display: block;
	position: relative;
	color: #F90;
	text-decoration: none;
}

.supportIndex .supportBlock h3 a:hover {
	text-decoration: underline;
}

.supportIndex .supportBlock h3 a:after {
	content: " ";
	background: url(../img/iconLinkNext.png) no-repeat center center;
	position: absolute;
	top: 50%;
	right: 0;
	width: 6px;
	height: 10px;
	margin-top: -5px;
}

.supportBlock .supportIndexNav {
	font-size: 12px;
	margin-top: 10px;
}

.supportBlock .supportIndexNav li {
	margin-top: 5px;
}

.supportBlock .supportIndexNav li:first-child {
	margin-top: 0;
}

.supportBlock .supportIndexNav .childNav {
	margin-top: 5px;
	padding-left: 15px;
}

}

/*============================================================
 PC
============================================================*/
@media screen and (min-width: 1000px){

/* base
----------------------------------------------------*/

/* header
----------------------------------------------------*/
#header {
	display: block;
}
#header_sp {
	display: none;
}

/* footer
----------------------------------------------------*/
#footer {
	display: block;
}
#footer_sp {
	display: none;
}


/* Support Page
----------------------------------------------------*/
.supportPage {
}

.supportPage .container {
	margin-top: 60px;
}

.supportPage .container:first-child {
	margin-top: 0;
}

.supportPage .mainCol h2 {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #D3D4D5;
}

.supportPage .mainCol h2 a {
	display: block;
	position: relative;
	text-decoration: none;
}

.supportPage .mainCol h2 a:hover {
	text-decoration: underline;
}

.supportPage .mainCol h2 a:after {
	content: " ";
	background: url(../img/iconLinkNext.png) no-repeat center center;
	position: absolute;
	top: 50%;
	right: 0;
	width: 6px;
	height: 10px;
	margin-top: -5px;
}

.supportBlock {
	margin-bottom: 30px;
	padding-left: 15px;
}

.supportBlock h3 {
	color: #F90;
}

.supportBlock .caption {
	font-size: 12px;
	margin-top: 15px;
}

.supportBlock .caption .captionParagraph {
	margin-top: 10px;
}

.supportBlock .caption .captionParagraph:first-child {
	margin-top: 0;
}

.supportBlock .caption .captionParagraph ul {
	padding-left: 20px;
}

.supportBlock .caption .captionParagraph li {
	list-style: disc;
	margin-top: 5px;
}

.supportBlock .caption .captionParagraph li:first-child {
	margin-top: 0;
}

.supportBlock .caption .captionParagraph .navChild {
	margin-top: 5px;
}

.supportBlock .caption .captionParagraph img {
    width: 100%;
}

.supportBlock .tableList {
	font-size: 12px;
	margin-top: 15px;
}

.supportBlock .tableList table {
	width: 100%;
	background: #FFF;
}

.supportBlock .tableList th {
	border: 1px solid #D3D4D5;
	padding: 7px 10px;
	font-weight: normal;
}

.supportBlock .tableList td {
	border: 1px solid #D3D4D5;
	padding: 7px 10px;
}

.supportBlock .tableList thead th {
	background: #EEF;
}

.supportBlock .tableList thead td {
	border: none;
}

.supportBlock .tableList tbody th {
	background: #F3F4F5;
	width: 100px;
}

.supportBlock .tableList tbody td {
}

.supportBlock .tableList .image img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.supportBlock .tableList .caption {
	margin-top: 10px;
}

.supportBlock .imageBox {
	text-align: center;
	margin-top: 15px;
}

.supportBlock .imageBox img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.supportBlock .imageSetBox {
	margin: 15px 0;
}

.supportBlock .imageSetBox .image {
	float: left;
	width: 200px;
}

.supportBlock .imageSetBox .image img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.supportBlock .imageSetBox .caption {
	overflow: hidden;
	padding-left: 15px;
}

.supportBlock .supplement {
	font-size: 11px;
	color: #636465;
	margin-top: 15px;
}

.supportBlock .jumpLink {
	font-size: 12px;
	margin-top: 15px;
}

.supportBlock .jumpLink li {
	margin-top: 5px;
}

.supportBlock .jumpLink li:first-child {
	margin-top: 0;
}

.supportBlock .jumpLink li a {
	display: block;
	position: relative;
	padding-left: 15px;
}

.supportBlock .jumpLink li a:after {
	content: "";
	background: url(../img/iconLinkNext.png) no-repeat center center;
	position: absolute;
	top: 50%;
	left: 0;
	width: 6px;
	height: 10px;
	margin-top: -5px;
}

.supportIndex .supportBlock {
	display: inline-block;
	width: 325px;
	margin-right: 30px;
	vertical-align: top;
}

.supportIndex .supportBlock h3 {
	margin-bottom: 0;
}

.supportIndex .supportBlock h3 a {
	display: block;
	position: relative;
	color: #F90;
	text-decoration: none;
}

.supportIndex .supportBlock h3 a:hover {
	text-decoration: underline;
}

.supportIndex .supportBlock h3 a:after {
	content: " ";
	background: url(../img/iconLinkNext.png) no-repeat center center;
	position: absolute;
	top: 50%;
	right: 0;
	width: 6px;
	height: 10px;
	margin-top: -5px;
}

.supportBlock .supportIndexNav {
	font-size: 12px;
	margin-top: 10px;
}

.supportBlock .supportIndexNav li {
	margin-top: 5px;
}

.supportBlock .supportIndexNav li:first-child {
	margin-top: 0;
}

.supportBlock .supportIndexNav .childNav {
	margin-top: 5px;
	padding-left: 15px;
}

}