@charset "UTF-8";
/* @group Reset */
*{ 
	margin: 0;
	padding: 0;
	box-sizing : border-box;
}
a {
	text-decoration : none;
}
ul, ol {
	list-style : none;
}
img { 
	vertical-align : middle;
	max-width : 100%;
}
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.hid {
	position:absolute;
	left:-9999px;
}
a:link {
	color: #fff;
	text-decoration: underline;
}
a:visited {
	color: #fff;
}
a:hover,
a:active {
	color: #33ccff;
}
a:hover img {
	opacity:0.7;
}
.eng {
		color: #999;
	}

/*go-top */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
	font-size: 75%;
}
#page-top a {
   background-color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    color: #272727;
    width: 90px;
    padding: 12px 0;
    text-align: center;
    display: block;
    border-radius: 2px;
}
#page-top a:hover {
    text-decoration: none;
    background-color: rgba(51, 204, 255, 0.6);
}	



/*--------------------------------------------------------------------------------------------------------------------*/
/*768px*//*1024px*/
@media print, screen and (min-width : 768px){	
html {
	font-size : 100%;
	line-height : 1.6;
	background:  url("../img/bg.jpg") repeat top left; 
	color: #fff;
}
.sp {
	display: none;
}	
/* @group Header  ------------------------------------------------*/	
#header {
	margin: 0 auto;
	padding: 20px 0 15px;
	width: 1000px;		
}	
#header .logo {
	float: left;
	width: 310px;
}
#header .cont {
	float: right;
	width: 200px;
}	
/* header nav  ------------------------------------------------ */
.nav {
	margin: 0px auto 0;
	padding: 10px 0;
	width: 1000px;
}
.nav ul li a {
	float: left;
}
/* contents   ------------------------------------------------*/
	#main_bg {
		background: #000;
	}
#contents {
	margin: 30px auto 70px;
	width: 1000px;		
}	
#contents_l {
	width: 780px;
	float: left;
}
#contents_r {
	width: 200px;
	float: right;
}	
#contents_r ul li {
	margin-bottom: 10px;
}
	#contents_r ul li.li02 {
	margin-bottom: 25px;
}
	#contents_r ul.travel {
		margin: 1.5em 0;
}
	#contents_r ul.travel li {
		font-size: 75%;
		padding-left: 12px;
		line-height: 1.4;
		background:  url("../img/t_ico.png") no-repeat 0 2px; 
}
	#contents_r ul.travel li a:link {
		text-decoration: none;
}
	
	
#contents .inner {
	
	}
#contents .left {
		float: left;
	}	
#contents .right {
		float: right;
	}		
	
/* footer   ------------------------------------------------*/
#footer {
	margin:0 auto 50px;
	width: 1000px;		
}	
#footer #copy {
	text-align: center;
	color: #666666;
	font-size:0.813em;
}

	
	
	
/* --*/	
}

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

html {
	font-size : 1em;
	line-height : 1.6;
	background:  url("../img/bg.jpg") repeat top left; 
		color: #fff;
}
.pc {
	display: none;
}

/* @group Header  ------------------------------------------------*/	
.drawer-menu {
		font-size : 0.688em;
	background: #1a1a1a;
	}
.drawer-menu li {
	padding: 1.2em 2em;
	width: 100%;
}
.drawer-menu li a {
	text-decoration: none;
	display: block;
	color: #fff;
}
.drawer-menu li a span {
	margin-left: 0.8em;
	color: #999;
}		
	
/* contents   ------------------------------------------------*/
	#contents {
		margin: 1em auto 3em;
		width: 90%;		
	}
	#contents h2 {
		margin-bottom: 1em;		
	}
	
/* footer   ------------------------------------------------*/
#footer {
	margin:0 auto 1.5em;	
}	
#footer #copy {
	text-align: center;
	color: #666666;
	font-size:0.625em;
}	
	
	#footer_menu_sp {
		padding: 1em 0;
	background: #000;
	}	
	
	#footer_menu_sp .drawer-menu {
		font-size : 0.688em;
		background: #000;
	}
	#footer_menu_sp .drawer-menu li {
		padding: 0.7em 2em;
	}
	
	#footer dl {
		margin:3em auto 2.5em;
		text-align: center;
		font-size: 0.75em;
	}
	#footer dl dt {
		margin: 0 0 0.8em 0;
	}
	#footer dl dd {
		margin: 0 0 0.4em 0;
	}
	#footer dl dd.eng {
		color: #999;
		font-size:0.688em;
	}
	
	
	
	
	
	
	
	
}
	

/*--------------------------------------*/
@media print {
	html {
	background:  #fff; 

}
  body {
    -webkit-print-color-adjust: exact;
  }
	#contents p {
		color: #000;
	
	}
}