html{
	-webkit-font-smoothing: antialiased;
}

*{
	box-sizing: border-box;
}

body{
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	color: #ffcbb0;
	font-size: 14px;
	line-height: 1.8;
    background: #000;
    height: 100%;

	*font-size:small;
    *font:x-small;
	-webkit-text-size-adjust:none;
}

table {
    font-size:inherit;
    font:100%;
}

.f10 { font-size:77%; }
.f11 { font-size:85%; }
.f12 { font-size:93%; }
.f13 { font-size:100%; }
.f14 { font-size:108%; }
.f15 { font-size:116%; }
.f16 { font-size:123.1%; }
.f17 { font-size:131%; }
.f18 { font-size:138.5%; }
.f19 { font-size:146.5%; }
.f20 { font-size:153.9%; }
.f21 { font-size:161.6%; }
.f22 { font-size:167%; }
.f23 { font-size:174%; }
.f24 { font-size:182%; }
.f25 { font-size:189%; }
.f26 { font-size:197%; }



/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{
	text-decoration:none;
}
table {
    border-spacing: 0;    
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}

img{
	border: none;
	vertical-align: bottom;
}

.wrap{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative;
}

.section{
	text-align:center;
}

a:link, a:visited {
	color: #ffcbb0;
}

a:hover {
	color: #935c3f;
	text-decoration:none;
}

a:active {
	color: #935c3f;
}

img.over{
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}

img.over:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}



/* magnific-popup /////////////////////*/
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}



/* Fadein */
.fadein {
	opacity : 0;
	
	-webkit-transform : translate3d(0, 0, 0); 
	transform : translate3d(0, 0, 0); 
 	
	-webkit-transition : all 1000ms ease-out;
	transition : all 1000ms ease-out;
}
.fadein.scrollin {
	opacity : 1;
	
	-webkit-transform : translate3d(0, 0, 0); 
	transform : translate3d(0, 0, 0); 
}

.fadein02 {
	opacity : 0;
	
	-webkit-transform : translate3d(0, 0, 0); 
	transform : translate3d(0, 0, 0); 
 	
	-webkit-transition : all 2000ms ease-out;
	transition : all 2000ms ease-out;
}
.fadein02.scrollin {
	opacity : 1;
	
	-webkit-transform : translate3d(0, 0, 0); 
	transform : translate3d(0, 0, 0); 
}


.fadein_y {
	opacity : 0;
	-webkit-transform : translate3d(0, 40px, 0);
	transform : translate3d(0, 40px, 0);
	
	-webkit-transition : all 500ms ease-out;
	transition : all 500ms ease-out;

}
.fadein_y.scrollin {
	opacity : 1;
	-webkit-transform : translate3d(0, 0, 0); 
	transform : translate3d(0, 0, 0); 
}

.fadein_x {
	opacity : 0;
	-webkit-transform : translate3d(100px, 0, 0);
	transform : translate3d(100px, 0, 0);
	
	-webkit-transition : all 800ms ease-out;
	transition : all 800ms ease-out;

}
.fadein_x.scrollin {
	opacity : 1;
	-webkit-transform : translate3d(0, 0, 0); 
	transform : translate3d(0, 0, 0); 
}

.fadein_x02 {
	opacity : 0;
	-webkit-transform : translate3d(-100px, 0, 0);
	transform : translate3d(-100px, 0, 0);
	
	-webkit-transition : all 800ms ease-out;
	transition : all 800ms ease-out;

}
.fadein_x02.scrollin {
	opacity : 1;
	-webkit-transform : translate3d(0, 0, 0); 
	transform : translate3d(0, 0, 0); 
}



iframe[name="google_conversion_frame"] { display: none; }





/* HEADER */

#header{
	z-index: 95;
	top: 0;
	position: fixed;
}

#logo{
	position: absolute;
	left: 0;
	top: 10px;
	padding: 10px 40px;
	vertical-align: middle;
	text-align: center;
	height: 70px;
	width: 120px;
	z-index: 10;
}


/* SNS */

#sns_box {
	position: fixed;
	top: 15px;
	right: 20px;
	z-index: 150;
	vertical-align: middle;
	padding: 0 10px;
	
}

#sns {
	display: table;
	text-align: center;
	overflow: hidden;
}

#sns iframe.twitter-share-button {
	width: 90px!important;
}

#sns .tw_icon {
	display: table-cell;
	vertical-align: middle;
	padding-top: 10px;
	width: 120px;
}

#sns .icon {
	display: table-cell;
	vertical-align: middle;
	width:45px;
}

#sns .fb-share-button {
	display: table-cell;
	vertical-align: middle;
}

/* SUB MENU */

#scroll_top {
	position: fixed;
	z-index: 88;
	right: 0px;
	bottom: 0px;
	display: none;
}

#scroll_top a{
	display: block;
	-webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}

#scroll_top a:hover{
	-moz-opacity: 0.7;
	opacity: 0.7;
}

#scroll_icon {
	position: fixed;
	right: 0;
	bottom: -10px;
	margin: auto;
	width: 80px;
	height: 100px;
	overflow: hidden;
	z-index: 88;
}

/* Responsive Delete */

.sp{
	display:none;
}

/* TOP */

#top{
	background: url(/astron/ndlimited2016/img/bg_top_pc.jpg) no-repeat scroll top center;
	background-size:cover;
	position:relative;
	z-index: 0;
	width: 100%;
	max-width:1500px;
	margin:0 auto;
	text-align:center;
}

#top_box{
	margin: 0 auto;
	position:absolute;
	top: 12%;
	left:50%;
	display:table;
	-webkit-transform: translate(-50%,0%);
	-moz-transform: translate(-50%,0%);
	-ms-transform: translate(-50%,0%);
	-o-transform: translate(-50%,0%);
	transform: translate(-50%,0%);
}

#top_txt_area {
    text-align: center;
    display:table-cell;
    vertical-align:middle;
    position:relative;
    padding-top:5%;
   }

#top_txt_area h2{
}

#top_txt_area .logo_gps{
	position:absolute;
	top:18%;
	left:0;
	right:0;
}

#top_astron {
    display:table-cell;
    vertical-align:top;
}

#top #scroll_icon {
	position: absolute;
	bottom: 20%;
	left: 0;
	right: 0;
	margin: auto;
	width: 80px;
	height: 100px;
	overflow: hidden;
}
 

.tit_djokovic{
	width: 100%;
	max-width:1500px;
	margin:0 auto 60px auto;
	text-align:center;
}

.tit_djokovic h3{
	font-size:30px;
	font-weight:bold;
	margin-bottom:20px;
	line-height:1.4;
}



/* category01 */

#category01{
	background: #000;
	z-index: 0;
	width: 100%;
	position:relative;
	height:auto;
	overflow:hidden;
}

#category01 .bg_djokovic_pc img {
	position:relative;
	width: 100%;
	height: auto;
}

#category01 #djokovic_txt_area {
    text-align: left;
    position: absolute;
    top:25%;
    right:11%;
    width:30%;
}

#category01 h2 {
	font-size:36px;
	font-weight:bold;
	margin-bottom: 20px;
	line-height:1.4;
}


/* category02 */

#category02{
	background: #fff;
	z-index: 0;
	width: 100%;
	color:#935c3f;
	position:relative;
	overflow:hidden;
}

#category02 .bg_djokovic_pc img {
	position:relative;
	width: 100%;
	height: auto;
}

#category02 #djokovic_txt_area {
    text-align: left;
    position: absolute;
    top:31%;
    left:16%;
    width:30%;
}

#category02 h2 {
	font-size:36px;
	font-weight:bold;
	margin-bottom: 20px;
	line-height:1.4;
}


/* category03 */

#category03{
	background: #000;
	z-index: 0;
	width: 100%;
	position:relative;
	height:auto;
	overflow:hidden;
}

#category03 .bg_djokovic_pc img {
	position:relative;
	width: 100%;
	height: auto;
}

#category03 #djokovic_txt_area {
    text-align: left;
    position: absolute;
    top:40%;
    right:12%;
    width:34%;
}

#category03 h2 {
	font-size:36px;
	font-weight:bold;
	margin-bottom: 20px;
	line-height:1.4;
}


#category03 ul li{
	font-size:12px;
	padding-top:20px;
	text-align:left;
	display:inherit;
	margin-left:10px;
	text-indent: -0.5em;}

#category03 ul li:before { content:"* " }

#category03 ul li a{
	text-decoration: underline;
}


/* GPS Solar */

#gps_solar{
	background: #000;
	overflow: hidden;
	width: 100%;
}
#gps_solar .h2_back {
	background: url(/astron/ndlimited2016/img/bg_gps_pc.jpg) center center no-repeat;
	background-size: cover;
	position:relative;
	font-family: 'Lato', sans-serif;
	margin: 0 auto;
	min-height: 200px;
	border-bottom: 1px solid #6d6c6c;
	padding-top:60px;
}

#gps_solar h2 {
	font-family: 'Lato', sans-serif;
	margin: 0 auto;
	font-size: 3em;
	font-weight: 300;
	text-align: center;
	vertical-align: middle;
}
#gps_solar h2 span{
	font-size: 40%;
	vertical-align: top;
	position: relative;
	top:8px;
}

#gps_solar #gps_solar_area{
	width:100%;
}

#gps_solar #gps_solar_area ul{
	display:table;
	width:100%;
	table-layout:fixed
}

#gps_solar #gps_solar_area ul li{
	display:table-cell;
	vertical-align:top;
	text-align:center;
	line-height:1.8;
}

#gps_solar #gps_solar_area ul.border{
	border-bottom: 1px solid #6d6c6c;
}

#gps_solar #gps_solar_area ul.border li{
	border-right:1px solid #6d6c6c;
}

#gps_solar #gps_solar_area ul li.perspective {
	-webkit-perspective: 1000px;
	        perspective: 1000px;
	        
	-webkit-transform-style: preserve-3d;
	        transform-style: preserve-3d;
}
#gps_solar #gps_solar_area ul li.perspective img{
	width:100%;
	height:auto;
	max-width:100%;
	
	-webkit-transform-origin: 50% 100%;
	        transform-origin: 50% 100%;
	        
	-webkit-transform: rotateX(90deg);
	        transform: rotateX(90deg);
	        
	opacity: 0;
}

#gps_solar #gps_solar_area ul li.perspective:nth-child(1) img{
	-webkit-transition:all 500ms ease-out 0.5s;
			transition:all 500ms ease-out 0.5s;
}
#gps_solar #gps_solar_area ul li.perspective:nth-child(2) img{
	-webkit-transition:all 500ms ease-out 1s;
			transition:all 500ms ease-out 1s;
}
#gps_solar #gps_solar_area ul li.perspective:nth-child(3) img{
	-webkit-transition:all 500ms ease-out 1.5s;
			transition:all 500ms ease-out 1.5s;
}

#gps_solar #gps_solar_area ul li.perspective.scrollin img{
	opacity: 1;
	
	-webkit-transform: rotateX(0deg);
	        transform: rotateX(0deg);
}



#gps_solar #gps_solar_area ul li .gps_tit{
	width:80%;
	margin:25px auto;
	font-size:153.9%;
}

#gps_solar #gps_solar_area ul li .gps_text{
	width:80%;
	margin:0 auto;
	text-align:left;
}

#gps_solar #gps_solar_area ul.next_02 li .gps_text{
	width:50%;
	margin:0 auto;
	text-align:left;
}

#gps_solar #gps_solar_area ul li ul{
	width:80%;
	margin:0 auto;
}

#gps_solar #gps_solar_area ul li ul li{
	font-size:10px;
	padding-top:40px;
	text-align:left;
	display:inherit;
	margin-left:10px;
	text-indent: -0.5em;}

#gps_solar #gps_solar_area ul li ul li:before { content:"* " }

#gps_solar #gps_solar_area ul li ul li a{
	text-decoration: underline;
}

#gps_solar #gps_solar_area ul.next_01{
	display:table;
	width:100%;
	table-layout:fixed;
	margin:140px 0 0 0;
}

#gps_solar #gps_solar_area ul.next_01 li{
	border-top:1px solid #4c4c4c;
	border-bottom:1px solid #4c4c4c;
}

#gps_solar #gps_solar_area ul.next_02{
	margin-bottom:60px;
}

#gps_solar #gps_solar_area ul.texts li.fadein_y:nth-child(1),
#gps_solar #gps_solar_area ul.next_02 li.fadein_y:nth-child(1) {
	-webkit-transition : all 500ms ease-out 0s;
			transition : all 500ms ease-out 0s;
}
#gps_solar #gps_solar_area ul.texts li.fadein_y:nth-child(2),
#gps_solar #gps_solar_area ul.next_02 li.fadein_y:nth-child(2) {
	-webkit-transition : all 500ms ease-out 0.5s;
			transition : all 500ms ease-out 0.5s;
}
#gps_solar #gps_solar_area ul.texts li.fadein_y:nth-child(3),
#gps_solar #gps_solar_area ul.next_02 li.fadein_y:nth-child(3) {
	-webkit-transition : all 500ms ease-out 1s;
			transition : all 500ms ease-out 1s;
}



/* profile */

#profile{
}

#profile .profile_tit{
	width:100%;
	background:#e8b99d;
	text-align:center;
	padding:40px 0;
	color:#442112;
}

#profile .profile_tit h2{
	font-size:30px;
	font-weight:bold;
 }

#profile dl{
	max-width:1500px;
	width:100%;
	margin:-40px auto 0;
	display:table;
}

#profile dl dt{
	display:table-cell;
	width:55%;
}

#profile dl dt img{
	width:100%;
	height:auto;
	max-width:809px;
}

#profile dl dd{
	display:table-cell;
	vertical-align:middle;
}

#profile dl dd p{
	width:70%;
	margin-top:20px;
}

#profile dl dd a{
	text-decoration: underline;
}


/* spec */

#spec {
	background: url(/astron/ndlimited2016/img/img_sbxb_bg.jpg) no-repeat scroll top center;
	width: 100%;
	text-align:center;
	padding: 130px 0 160px;
	position:relative;
}

#spec dl{
	display:table;
	margin:0 auto;
	text-align:left;
}

#spec dl dt{
	display:table-cell;
}

#spec dl dd{
	display:table-cell;
	vertical-align:middle;
	padding: 70px 0 0 30px;
}

#spec dl dd h2{
	font-size:182%;
	font-family: 'Lato', sans-serif;
}

#spec dl dd h2 span{
	font-size:20px;
}

#spec dl dd .waku{
	border:1px solid #e8b99d;
	padding:3px 0;
	text-align:center;
	width:180px;
	margin-bottom:40px;
}

#spec dl dd p{
	margin-bottom:15px;
	font-family: 'Lato', sans-serif;
}

.btn_spec{
	display: block;
	text-align: center;
	border: 3px solid #ffffff;
	width: 250px;
	padding: 5px 35px 5px 50px;
	margin:10px 0 20px 0;
	border-radius: 30px;
	background: url(/astron/ndlimited2016/img/icon_triangle03.png) no-repeat 50px center #000;
	background-size: 12px 12px;
    transition: opacity .2s ease-out;
	font-size:108%;
	color:#fff;
}

a.btn_spec:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	color:#fff;
}

.btn_spec:link,
.btn_spec:visited{
	color:#fff;
}

.pdf{
	display: block;
	padding:0 0 0 30px;
	background: url(/astron/ndlimited2016/img/acrobat.png) no-repeat 0 center;
	background-size: 20px 20px;
	text-decoration:underline;
}


.site_btn a{
	position:absolute;
	background:#222;
	text-align:center;
	padding:8px 0;
	width:220px;
	color:#fff;
	bottom: 30px;
	right: 30px;
}

.site_btn a:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.site_btn a span{
	font-size: 10px;
	margin-left: 5px;
}


/* FOOTER */
#footer{
	margin: 0 0 0 0;
	padding: 40px 0 40px 0;
	text-align: center;
	color: #401f11;
}
#footer img {
	margin-bottom: 30px;
}

#footer ul{
	margin-bottom: 40px;
	letter-spacing: -0.4em;
}

#footer li{
	display: inline-block;
	
	background: url(/astron/img/top/icon_gt.png) no-repeat left top;
	background-size: 11px 15px;
	
/* 	padding: 0 20px 0 15px; */
	letter-spacing: normal;
}

#footer .logo_gps {
	margin-bottom:0;
}

.footer_box {
	background: #e8b99d;
}

#footer_link{
	display: none;
}


#band_link {
	overflow:hidden;
	border:1px solid #666;
	background:#23272d;
	padding:20px 30px;
	width:755px;
	margin:0 auto 0 auto;
	display: table;
}
#band_link .text_area {
	display: table-cell;
	vertical-align: top;
}
#band_link h3 {
	padding-bottom:15px;
	font-family: 'Lato', sans-serif;
	font-size: 142%;
	color: #888;
}

#band_link div.btn_band {
	width:220px;
	display: table-cell;
	vertical-align: top;
}

#band_link div.btn_band a{
	display: block;
	text-align: center;
	width: 200px;
	padding: 9px 10px 9px 25px;
	margin: 20px auto;
	color: #fff;
	font-size: 110%;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	text-decoration: none;
	background: url(/astron/img/top/icon_triangle02.png) no-repeat 22px center;
    background-size: 12px 12px;
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}

#band_link div.btn_band a:hover {
	text-decoration: none;
	opacity: .65;
}

.ios #band_link div.btn_band a:hover {
	opacity: 1;
}

/* PhotoSwipe */
.pswp__caption__center {
	text-align: center;	
}
.photoswipe:hover {
	opacity: 1;
	-webkit-animation: flash 1s;
	animation: flash 1s;
}

.ios .photoswipe:hover {
	-webkit-animation: inherit;
	animation: inherit;
}



.pswp {
	z-index: 300010;
}

.pswp__bg{
	background: #333;
}

.pswp__button--arrow--right{
	right: 2%;
}

.pswp__button--arrow--left{
	left: 2%;
}



.sp{
	display:none;
}


@media screen and (min-width: 768px)  and (max-width: 860px) {


.d_none{
	display:none;
}

.tb{
	display:inherit;
}

/* TOP */

#top{
	background: url(/astron/ndlimited2016/img/bg_top_tb.jpg) no-repeat scroll top center;
	background-size:135% auto;
	position:relative;
	max-width:100%;
}

#top_box{
	margin: 0 auto;
	position:absolute;
	top: 15%;
	left:50%;
	-webkit-transform: translate(-50%,0%);
	-moz-transform: translate(-50%,0%);
	-ms-transform: translate(-50%,0%);
	-o-transform: translate(-50%,0%);
	transform: translate(-50%,0%);
	display:table;
	width:80%;
}

#top_txt_area {
    text-align: center;
    display:table-cell;
    vertical-align:middle;
    position:relative;
    padding-top:7%;
   }

#top_txt_area h2{
}

#top_txt_area .logo_gps{
	position:absolute;
	top:10%;
	left:0;
	right:0;
}

#top_astron {
    display:table-cell;
    vertical-align:top;
}

#top_txt_area h2 img{
	width:100%;
	height:auto;
}

#top_astron img{
	width:100%;
	height:auto;
}

.logo_gps img{
	height:auto;
}

.logo_gps{
	margin-bottom:80px;
}



.tit_djokovic{
	width: 90%;
	max-width:100%;
}



/* category01 */

#category01 #djokovic_txt_area {
    top: 3%;
    right: 5%;
    width: 35%;
}

#category01 h2,
#category02 h2,
#category03 h2 {
	font-size:32px;
	margin-bottom: 15px;
	line-height:1.2;
}


/* category02 */

#category02 #djokovic_txt_area {
    text-align: left;
    position: absolute;
    top:20%;
    left:7%;
    width:35%;
}


/* category03 */

#category03 #djokovic_txt_area {
    text-align: left;
    position: absolute;
    top:8%;
    right:12%;
    width:34%;
}




#gps_solar #gps_solar_area ul li .gps_tit {
    width: 90%;
    margin: 20px auto;
}

#gps_solar #gps_solar_area ul li .gps_text {
    width: 90%;
}	
#gps_solar #gps_solar_area ul li .gps_text_center {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

#gps_solar #gps_solar_area ul li ul {
    width:90%;
}

#gps_solar #gps_solar_area ul.next_02 li .gps_text{
    width: 90%;
}


/* profile */


#profile dl{
	max-width:100%;
	width:100%;
	display:inherit;
	margin: -20px auto 0
}

#profile dl dt{
	display:inherit;
	width:100%;
	text-align:center;
}

#profile dl dt img{
	width:90%;
	height:auto;
	max-width:100%;
	margin:0 auto;
}

#profile dl dd{
	display:inherit;
	vertical-align:middle;
	padding-bottom:50px;
}

#profile dl dd p{
	width:90%;
	margin:20px auto 0;
}




/* spec */

#spec {
	background: url(/astron/ndlimited2016/img/img_sbxb_bg.jpg) no-repeat scroll top center;
	background-size: 100% auto;
	width: 100%;
	min-height: 500px;
	text-align:center;
	padding: 50px 0 160px;
	border-top:1px solid #6d6c6c;
}

#spec dl{
	width: 90%;
}
#spec dl dt{
	display:table-cell;
}

#spec dl dd{
	display:table-cell;
	vertical-align:middle;
	padding: 90px 0 0 30px;
}

}

@media screen and (min-width: 768px)  and (max-width: 860px) and (max-height: 840px){



}

@media screen and (min-width: 861px)  and (max-width: 1024px) and (max-height: 900px){

#top_txt_area {
    padding-top:20%;
   }

}

@media screen and (min-width: 1025px)  and (max-width: 1300px) and (max-height: 830px){
#top_box{
	top: 5%;
}

#top_txt_area {
    padding-top:0;
   }
}

@media screen and (min-width: 1301px)  and (max-width: 1400px) and (max-height: 900px){


#top_box{
	top: 8%;
}

#top_txt_area {
    padding-top:0;
   }

}


@media screen and (min-width: 1301px)  and (max-width: 1400px) and (max-height: 1100px){

#top{
	background-size:cover;
}

#top_box{
	top: 8%;
}

#top_txt_area {
    padding-top:0;
   }

}


@media screen and (min-width: 861px) and (max-width: 1024px) {

/* TOP */

#top{
	max-width:100%;
	background-size:120% auto;
	margin:0 auto 50px;
}

#top_box{
	margin: 0 auto;
	position:absolute;
	top: 5%;
	left:50%;
	-webkit-transform: translate(-50%,0%);
	-moz-transform: translate(-50%,0%);
	-ms-transform: translate(-50%,0%);
	-o-transform: translate(-50%,0%);
	transform: translate(-50%,0%);
	display:table;
	width:70%;
}

#top_txt_area {
    text-align: center;
    display:table-cell;
    vertical-align:middle;
    position:relative;
    padding-top:25%;
   }

#top_txt_area h2{
}

#top_txt_area .logo_gps{
	position:absolute;
	top:18%;
	left:0;
	right:0;
}

#top_astron {
    display:table-cell;
    vertical-align:top;
}

#top_txt_area h2 img{
	max-width:445px;
	width:100%;
	height:auto;
}

#top_astron img{
	max-width:477px;
	width:100%;
	height:auto;
}


/* category01 */

#category01 #djokovic_txt_area {
    top: 7%;
    right: 5%;
    width: 35%;
}

#category01 h2 {
	font-size:36px;
	margin-bottom: 20px;
	line-height:1.4;
}


/* category02 */

#category02 #djokovic_txt_area {
    text-align: left;
    position: absolute;
    top:25%;
    left:7%;
    width:35%;
}

#category02 h2 {
	font-size:36px;
	font-weight:bold;
	margin-bottom: 20px;
	line-height:1.4;
}


/* category03 */

#category03 #djokovic_txt_area {
    text-align: left;
    position: absolute;
    top:23%;
    right:12%;
    width:34%;
}

#category03 h2 {
	font-size:36px;
	font-weight:bold;
	margin-bottom: 20px;
	line-height:1.4;
}


/* profile */


#profile dl{
	max-width:1500px;
	width:95%;
	margin:-20px auto 0;
	display:table;
}

#profile dl dt{
	display:table-cell;
	width:55%;
}

#profile dl dt img{
	width:100%;
	height:auto;
	max-width:809px;
}

#profile dl dd{
	display:table-cell;
	vertical-align:bottom;
	padding:30px 0 20px 0;
}

#profile dl dd p{
	width:100%;
	margin-left:10px;
	margin-top:10px;
}


}




@media screen and (min-height: 1050px) and (max-width: 1024px) {



}

@media screen and (min-height: 900px) and (max-width: 1500px) {

}


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

.sp{
	display:inherit;
}

.pc{
	display:none;
}

#logo {
	left: 10px;
    padding:0;
	width:inherit;
	height:inherit;
}

#logo img {
	width:80px;
	height:auto;
}
	#sns_box {
		display: none;
	}
	
	#menu {
		display: none;
	}
	
	#scroll_top,
	#scroll_icon {
		display: none;
	}
	
	/* // header // */
	
	div#header_sp_area{
		display: block;
	}
	
	div#header_sp {
		position:fixed;
		display:table;
		width:100%;
		height:40px;
		background:#000;
		z-index:300005;
	}
	
	div#header_sp #logo_seiko {
		padding:0 0 0 15px;
		display:table-cell;
		text-align:left;
		vertical-align:middle;
	}
	
	div#header_sp #nav_icon {
		padding:0 15px 0 0;
		display:table-cell;
		vertical-align:middle;
		text-align:right;
	}	




/* TOP */

#top{
	background: url(/astron/ndlimited2016/img/bg_top_sp.png) no-repeat scroll top center;
	background-size:100% auto;
	max-width:100%;

}

#top_box{
	position:inherit;
	display:inherit;
	margin: 0 auto;
	max-width:100%;
}

#top_txt_area {
    display:inherit;
    padding-top:17%;
}

#top_txt_area .logo_gps{
	position:inherit;
    margin-bottom: 30px;
}

#top_txt_area h2 img{
	width:90%;
	height:auto;
	max-width:445px;
}

#top_astron {
	text-align:center;
	display:inherit;
    padding:5% 0;
}

#top_astron img{
	width:60%;
	height:auto;
}

.logo_gps img{
	max-width:180px;
	width:40%;
	height:auto;
}

h3 p{
	width:95%;
	margin:0 auto;
}



.tit_djokovic{
	width: 90%;
	max-width:100%;
	margin:0 auto 60px auto;
	text-align:center;
}

.tit_djokovic h3{
	font-size:25px;
	font-weight:bold;
	margin-bottom:20px;
	line-height:1.4;
}



/* category01 */
#category01{
	position:inherit;
	background: url(/astron/ndlimited2016/img/bg_djokovic01_sp.png) no-repeat scroll top center;
	background-size:100% auto;
}

#category01 #djokovic_txt_area,
#category02 #djokovic_txt_area,
#category03 #djokovic_txt_area {
    position:inherit;
    top:inherit;
    right:inherit;
    left:inherit;
    width:90%;
    margin:0 auto 30px;
    padding-top:50px;
}

#category01 h2{
	font-size:25px;
}

#category02 h2,
#category03 h2 {
	font-size:30px;
	text-align:center;
}



/* category02 */

#category02{
	position:inherit;
	background: url(/astron/ndlimited2016/img/bg_djokovic02_sp.png) no-repeat scroll top center #fff;
	background-size:100% auto;
}

/* category03 */

#category03{
	position:inherit;
	background: url(/astron/ndlimited2016/img/bg_djokovic03_sp.png) no-repeat scroll top center;
	background-size:100% auto;
}


#category01 img,
#category02 img,
#category03 img{
	width:100%;
	height:auto;
}




/*GPS */

#gps_solar{
	width:100%;
	border-bottom:1px solid #4c4c4c;
}

#gps_solar .h2_back {
    background: url(/astron/ndlimited2016/img/bg_gps_sp.jpg) bottom center no-repeat;
    background-size:cover;
    min-height:inherit;
    padding:0;
}

#gps_solar h2 {
    text-align: center;
    padding:30px 0;
    font-weight: 300;
    font-size: 280%;
}

#gps_solar #gps_solar_area ul li{
	display:inherit;
	border-bottom:1px solid #4c4c4c;
	padding-bottom:60px;
}

#gps_solar #gps_solar_area ul li:last-child{
	border-bottom:none;
}

#gps_solar #gps_solar_area ul li .gps_tit {
    width: 95%;
	min-height: inherit;
}

#gps_solar #gps_solar_area ul li .gps_text {
    width: 80%;
}

#gps_solar #gps_solar_area ul li img{
	width: 100%;
	height: auto;
}



/* profile */

#profile{
	padding-bottom:50px;
	border-bottom: 1px solid #4c4c4c;
}

#profile .profile_tit{
	width:100%;
	background:#e8b99d;
	text-align:center;
	padding:40px 0;
	color:#442112;
}

#profile .profile_tit h2{
	width:90%;
	margin:0 auto;
	line-height:1.4;
 }

#profile .profile_tit p{
	width:90%;
	margin:0 auto;
 }

#profile dl{
	max-width:100%;
	width:100%;
	display:inherit;
	margin: 20px auto 0
}

#profile dl dt{
	display:inherit;
	width:100%;
}

#profile dl dt img{
	width:95%;
	height:auto;
	max-width:100%;
}

#profile dl dd{
	display:inherit;
	vertical-align:middle;
}

#profile dl dd p{
	width:90%;
	margin:20px auto 0;
}



/* spec */

#spec {
	width:100%;
	background: url(/astron/ndlimited2016/img/img_sbxb_bg_sp.jpg)no-repeat scroll top center #000;
	background-size:100% auto;
	padding:90px 0 150px;
	text-align:center;
	min-height:inherit;
}

#spec dl{
	display:inherit;
	width:95%;
	margin:0 auto;
	text-align:center;
}

#spec dl dt{
	display:inherit;
}

#spec dl dt img{
	width:80%;
	height:auto;
	max-width:350px;
}

#spec dl dd{
	display:inherit;
	padding-left:0;
}

#spec dl dd h2{
	font-size:182%;
	padding-bottom:30px;
}

#spec dl dd .waku{
	margin:0 auto 20px auto;
}

#spec dl dd p{
	margin-bottom:15px;
}


.btn_spec{
	margin:10px auto 20px auto;
}

.pdf{
	width: 160px;
	margin:0 auto;
}

.site_btn a{
	width:250px;
	bottom:3%;
	right:3%;
}


/* footer */

.footer_box{
	background:#fff;
	color:#000;
	margin-top:30px;
	overflow: hidden;
}

#footer .logo_gps img{
	/*filter: invert(100%); */
}

#footer {
	width:100%;
    margin:0px;
    padding:0;
    text-align: center;
    border-top: 1px solid #FFF;
}


#footer ul{
	width: 93%;
	margin:20px auto;
	text-align:left;
}

#footer li {
	display: inline-block;
	letter-spacing: normal;
	margin-right: 20px;
	background: url(/astron/img/top/icon_triangle.png) no-repeat left center;
    background-size: 12px 12px;
	padding-left: 18px;
	line-height: 2.6;
}

#footer li a {
	color: #000;
	font-size: 110%;	
}

#footer_link {
	display: table;
	width: 95%;
	margin: 20px auto;
	color: #333;
}

#footer_link .btn_home {
	display: table-cell;
}

#footer_link .btn_up {
	display: table-cell;
	text-align: right;
}

#footer_link .btn_home span{
	color: #fff;
	background: #000;
	
	height: 12px;
    width: 12px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    
    font-size: 5px;
    padding: 2px 0 0 3px;
    vertical-align: middle;
}

#footer_link .btn_up span{
	color: #fff;
	background: #000;
	
	height: 12px;
    width: 12px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    
    font-size: 5px;
    padding: 2px 3px 0 0;
    vertical-align: middle;
}

#footer_link a {
	color: #333;
}

#footer_sns {
	display: table;
	margin: 0 auto;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	width: 95%;
	padding: 5px 0;
}

#footer_sns .tw_icon {
	display: table-cell;
	vertical-align: middle;
	padding-top: 4px;
	width: 50%;
	text-align: right;
	padding-right: 20px;
}
#footer_sns .fb_icon {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
	padding-left:20px;
}
#footer_sns .icon {
	margin-right: 5px;
}
.footer_bottom{
	padding:20px 0;
	background:#e8b99d;
}

#footer .logo_gps {
    margin: 20px 0 30px 0;
	text-align:center;
	color:#9f9f9f;
}


}








@media screen and (min-width: 861px) and (max-width: 1024px) {
	
/* gps_solar */

#gps_solar #gps_solar_area ul.next_01 {
    margin: 70px 0 0 0;
}


}


@media screen and (min-width: 1025px) and (max-width: 1400px) {


#profile dl {
    max-width: 1500px;
    width: 95%;
    margin: -20px auto 0;
}

#profile dl dd {
    padding: 10px 0 20px 0;
}

#profile dl dd p {
    width: 90%;
    margin-left: 10px;
}

}


@media screen and (min-width: 1500px){
	
#profile dl {
    max-width: 1500px;
    width: 95%;
}

}






.popup-scroll{
  /* Overflow Scroll */
  overflow-y: scroll;
  max-height: 600px;
  padding:0 1em 0 0;
  
}

/* POPUP */

#popup_detail {
	position: relative;
	margin:10px auto;

	width: 70%;
	background: #fff;
	padding: 40px;
	
	color: #000;
}

#popup_detail a{
	color: #333;
	text-decoration: underline;
}



#popup_detail table {
	border: 1px solid #999999;
	border-collapse: collapse;
	width: 100%;
	color: #000;
}

#popup_detail th {
	border: 1px solid #999999;
	background: #cdcdcd;
	padding: 2px 5px;
	vertical-align: top;
	white-space: nowrap;
}

#popup_detail td {
	border: 1px solid #999999;
	padding: 2px 5px;
}

#popup_detail .name{
	font-weight: bold;
	padding-top: 20px;
	border-top: 1px dotted #000;
}

#popup_detail .price{
	font-weight: bold;
}

#popup_detail h2{
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 18px;
	font-family: 'Lato', serif;
	font-weight: 300;
}

#popup_detail h3{
	margin-top: 10px;
}

#popup_detail .limited span{
	color: #ff0000;
}

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}

@media screen and (max-width: 767px) {
	
	#popup_detail {
		position: relative;
		margin:10px auto;
	
		width: 94%;
		background: #fff;
		padding: 40px 20px 20px 20px;
		
		color: #000;
	}
	
}