@charset "utf-8";


/*-- 共通
---------------------------------------------------------*/

*{ margin: 0;padding: 0;}

html {
    font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, Helvetica, Arial, Verdana, sans-serif;
	font-size : 100%; /*レスポンシブタイプセッティングの指定*/
	line-height : 1.6;
	background-color:#ffffff;
	color:#333333;
}

body {
	-webkit-text-size-adjust: 100%;
	box-sizing:border-box;
	background-color:#ffffff;
	font-size:18px;
}

a { text-decoration : none; transition: all 0.3s ease-in-out 0s;}

a:hover {
    text-decoration: none;
    opacity:0.8;
    filter: alpha(opacity=80);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=80)";  /* ie 8 */
    -moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
}
ul, ol { list-style : none}
img { vertical-align : middle; max-width: 100%;}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}



/*-- Apple Watchページ
---------------------------------------------------------*/

#appleWatch {
	position:relative;
	color:#333333;
}

#appleWatch .adjustment {
  padding-left: 1em;
  text-indent: -1em;
}



/*-- header
----------------------------*/

#appleWatch header p {
    display: block !important;
    margin: 0 auto;
    padding: 1em 0;
    text-align: center;
    width: 100%;
	background-color:#ffffff;
}

#appleWatch header p img {
    max-width: 140px;
    width: 28%;
}




/*-- footer
----------------------------*/

#footer {
    background: #f5f5f5 none repeat scroll 0 0;
    border-top: 1px solid #ccc;
    clear: both;
    text-align: center;
}
#footer a {
    color: #333333;
}
#footer #f_area {
    height: 99px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: left;
    width: 960px;
}
#footer #f_area ul#f_navi {
    position: absolute;
    right: 0;
    top: 40px;
}
#footer #f_area ul#f_navi li {
    display: inline;
    list-style-type: none;
 	margin:0 1em 0 0;
    padding: 0 1.5em 0 0;
	border-right:1px solid #454545;
}

#footer #f_area ul#f_navi li:last-child{
	margin-right:0;
	padding-right:0;
	border-right:0;
}

#footer #f_area ul#f_navi li a {
    font-size: 13px;
}


html > body #footer #f_area ul#f_navi li {
}
#footer #f_area img {
    left: 0;
    position: absolute;
    top: 17px;
}
#footer #f_area small {
    bottom: 10px;
    font-size: 11px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
}

#footer #fBreadcrumb {
    border-bottom:1px solid #cccccc;
    margin:0 auto;
    padding:0;
    clear:both;
    text-align:left;
}

#footer #fBreadcrumb ul {
    clear: both;
    margin: 1.5em auto 1em;
    padding: 0px 0px 1.75em;
    padding: 0\9; /* IE8 and below */
    text-align: left;
    max-width: 960px;
    display: block;
}

#footer #fBreadcrumb ul li {
    float:left;
    margin:0 1em 2em 0;
    margin:0 1em 0em 0\9; /* IE8 and below */
    padding:0 0 1em;
	color:#656565;
	font-size:77.78%;
	line-height:2.0\9; /* IE8 and below */
}

#footer #fBreadcrumb ul li a {
	color:#656565;
}

#footer #fBreadcrumb ul li a:hover {
	text-decoration:underline;
}



/*-- contents
----------------------------*/

.section {
	width:100%;
	margin:0px auto;
	padding:0;
	clear:both;
  position: relative;
}

.section:nth-child(even) {
/*	background-color:#f0f0f0;*/
}

.section:last-child {
  margin-bottom: 80px;
}


.contents {
	width:100%;
	max-width:960px;
	margin:0 auto;
}

.contents p {
	padding-bottom:2em;
	font-weight:lighter;
}

.contents a {
	color: #0086cc;
}


.contents p:last-child {
	padding-bottom:0;
	>padding-bottom:0;/* IE7 */
}

.section .btnDetail {
  display: block;
  margin: 0 auto;
  padding: 0;
  max-width: 960px;
  text-align: center;
  width: 100%;
  z-index: 100;
}

.section #btnTop {
  position: absolute;
  bottom: 8%;
}

.section #btnBottom {
  position: absolute;
  bottom: 0;0
}


/*-- careerShitadori
----------------------------*/
.careerShitadori {
    margin: 4em auto;
    max-width: 900px;
    padding: 0;
    width: 100%;
}

.careerShitadori ul {
    width: 100%;
    max-width: 840px;
	max-width: 856px\9; /* IE8 and below */
    margin: 0 auto;
}

.careerShitadori ul li {
	float:left;
	max-width:434px;
	margin:0 2% 2% 0;
}

.careerShitadori ul li:nth-of-type(even) {
    margin-right:0;
}

.careerShitadori ul li:nth-of-type(3), .careerShitadori ul li:nth-of-type(4) {
    margin-bottom:0;
}

.careerShitadori ul li a {
	max-width:434px;
}




/*-- breakpoint ～480px
---------------------------------------------------------*/
@media screen and (max-width:480px) {

.dpNone {
	display:none;
}



/*-- header
----------------------------*/
#appleWatch .contents p, #appleWatch .contents li {
	font-size:83.33%;
	line-height:1.7;
}

#appleWatch header {
	margin-bottom:0;
}

#appleWatch header h1 {
    font-size: 18px;
    padding: .5em 0;
}

#appleWatch header p {
    padding: 0.5em 0;
}



/*-- footer
----------------------------*/

#footer #fBreadcrumb ul {
    margin:.75em auto 1em;
	padding:0 0 1em;
}

#footer #f_area small {
	font-size:55.6%;
	padding:.5em 0;
	position:relative;
	text-align:center;
}

#footer #fBreadcrumb {
	padding:0 0 0 .7em;
}

#footer #f_area {
    height: auto;
    margin: 0.5em auto 0;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
}


#footer #f_area ul#f_navi {
    position: relative;
	top:0;
	margin:0 0 1em;
	text-align:center;
}

#footer #f_area ul#f_navi li {
    list-style-type: none;
    margin: 0 auto;
    width: 100%;
	border-right:none;
	padding:0;
	display:block;
	text-align:left;
}

#footer #f_area ul#f_navi li a {
	display:block;
    border-bottom: 1px solid #ccc;
    font-size: 80%;
    padding: .5em 0 .75em;
    width: 100%;
}



/*-- contents
----------------------------*/

#appleWatch .section {
	margin: 0 auto;
	width:100%;
}

#appleWatch .contents {
	float:none;
	margin:0 auto;
	padding: 0;
	width:100%;
}

#appleWatch .section:nth-child(even) {
	margin:0 auto;
/*	background-color:#f0f0f0;*/
}

#appleWatch .section:last-child {
	border-bottom: none;
}

.btnDetail img { width: 30%; }



/*-- careerShitadori
----------------------------*/

.careerShitadori {
    border-top: 1px solid #dedede;
    margin: 1em 0;
    padding: 2em 0 1em;
}

.careerShitadori ul li {
    float: none;
    margin: 0 5% 1em;
    width: 90%;
	text-align:center;
}

.careerShitadori ul li:nth-of-type(2n) {
    margin-right: 0.85em;
}

.careerShitadori ul li:nth-of-type(3) {
    margin-bottom: 1em;
}

.careerShitadori ul li:last-child {
　　margin-right:none !important;
}
}



/*-- breakpoint ～767px
---------------------------------------------------------*/
@media screen and (min-width:481px) and ( max-width:767px)  {

.dpNone {
	display:none;
}



/*-- header
----------------------------*/
#appleWatch .contents p, #appleWatch .contents li {
	font-size:83.33%;
	line-height:1.7;
}

#appleWatch header {
	margin-bottom:0;
}



/*-- footer
----------------------------*/
#footer #fBreadcrumb ul {
    margin:.75em auto 1em;
	padding:0 0 1em;
}

#footer #f_area small {
	font-size:55.6%;
	padding:.5em 0;
	position:relative;
	text-align:center;
}

#footer #fBreadcrumb {
	padding:0 0 0 .7em;
}

#footer #f_area {
    height: auto;
    margin: 0.5em auto 0;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
}

#footer #f_area ul#f_navi {
    position: relative;
	top:0;
	margin:0 0 1em;
	text-align:center;
}

#footer #f_area ul#f_navi li {
    list-style-type: none;
    margin: 0 auto;
    width: 100%;
	border-right:none;
	padding:0;
	display:block;
	text-align:left;
}

#footer #f_area ul#f_navi li a {
	display:block;
    border-bottom: 1px solid #ccc;
    font-size: 80%;
    padding: .5em 0 .75em;
    width: 100%;
}



/*-- contents
----------------------------*/

#appleWatch .section {
	margin: 0 auto;
	width:100%;
}

#appleWatch .contents {
	float:none;
	margin:0 auto;
	padding:0;
	width:100%;
}

#appleWatch .section:nth-child(even) {
	margin:0 auto;
/*	background-color:#f0f0f0;*/
}

#appleWatch .section:last-child {
	border-bottom: none;
}



/*-- products
----------------------------*/

.btnDetail img { width: 25%; }
#btnTop, #btnBottom {
  position: absolute;
  left: 0;
}



/*-- careerShitadori
----------------------------*/

.careerShitadori {
    margin:2em auto;
}

.careerShitadori ul {
    width:90%;
}

.careerShitadori ul li {
    display: table-cell;
    margin: 0 2% 1em 0;
    width: 49%;
}

.careerShitadori ul li:last-child {
　　margin-right:none !important;
}
}



/* タブレット */
/*  768px～959px */
@media screen and (min-width:768px) and ( max-width:959px) {

.section #btnTop {
    position: absolute;
    bottom: 10%;
}



/*-- footer
----------------------------*/
#footer {
    clear: both;
    max-width: 900px;
    width: 100%;
}

/* logo */
#footer #f_area img {
    width: 80%;
    max-width:100px;
}

#footer #f_area ul#f_navi {
    top:18px;
}

#footer #f_area ul#f_navi li {
    border-right: 1px solid #454545;
    display: inline;
    list-style-type: none;
    margin: 0 1em 0 0;
    padding: 0 1em 0 0;
}

#footer #f_area {
    height: 78px;
    margin: 0 auto;
    max-width: 900px;
    padding: 0;
    position: relative;
    text-align: left;
    width: 90%;
}

#footer #fBreadcrumb ul {
    margin: 1em 0 .25em 1em;
    width: 100%;
    width: 90%;
    max-width: 900px;
}

#footer #f_area small {
    bottom: 10px;
}



/*-- contents
----------------------------*/
.contents {
    margin: 0 auto;
    max-width: 900px;
    width: 100%;
}

.contents p {
	font-size:16px;
}



/*-- careerShitadori
----------------------------*/

.careerShitadori { margin: 3em auto; }
.careerShitadori ul {
    margin: 0 auto;
    max-width: 900px;
    overflow: hidden;
    width: 90%;
}
.careerShitadori ul li:nth-of-type(3), .careerShitadori ul li:nth-of-type(4) { margin-bottom:0; }
.careerShitadori ul li:nth-last-of-type(odd) { margin-right:0; }
.careerShitadori ul li {
    float: left;
    margin: 0 2% 2% 0;
    width: 49%;
}
}



/*-- breakpoint 960px～
---------------------------------------------------------*/

@media screen and (min-width:960px) {

.careerShitadori ul li:last-child {
    margin-right:0;
}
}