@charset "utf-8";
/*
 responsive base
*/


/* PC用
------------------------------------------------------------*/
@media print, screen and (min-width: 481px){
	
	
		
	.inner{
		margin :0 auto;
	/*	max-width:900px;*/
		padding:0 20px;
	}
	
	.wide_inner{
		margin :0 auto;
		/*
		width:1000px;
		*/
		width:100%;
	}
	
	.fix_inner{
		width:auto;
	}
	
	.fix_inner img{
		min-width:1000px;
		width:100%;
	}

/* ---------------------------------------- #header */
		
	.header-inner{
		margin:0 auto;
		}
	
	#logo {
		color: #fff;
		float:left;
		margin-right:10px;
	}
	
	#logo img{
		width:260px;	
	}
	
	
	
	.h-online {
		color: #0099ff;
		float:right;
		clear:both;
	}
	.fb-like {
		color: #0099ff;
		float:right;
	}
	.fb-like_rigth{
		float:right; width:200px; height:30px;
		text-align:right;
	}
	
	.userlogin{
		float:right;
		text-align:right;
	}
	/*
	.box_rigth{
		float:right;
		text-align:right;
	}
	*/
	.sns {
		color: #0099ff;
		float:right;
		font-size:25px;
	
	}
	
		#hansel{
		display:none;
	}

	
	/* ---------------------------------------- #content */
	
	
	
	/*左コンテンツ*/
	#main{
		width:60%;
		float:left;	
	}
	
	#sidebar{
		width:30%;	
		float:left;
		margin:20px 0 0 50px;
	}
	
	.main_bt_box{
		margin:0 50px 20px;
		position: relative;
		overflow: hidden;
		top:-30px;
		width:95%;
	
	}
	.contents_box{
		margin:20px 50px 30px;
	text-align:center;
	clear:both;
	}
	

/* 1カラム*/
	/*
	.box1{      
		margin:20px 0;
	}
	*/
	/*
	.box1 h3{
		font-size:16px;
		border-bottom:3px solid #ccc;
	}
	
	
	.box2{
			width:60%;
		float:left;	
	}
	*/
	
	 /* 2カラム*/
	.column2 {margin-right:-30px;}
	.column2 .box{     
		float:left;
		margin-right:30px;
		width:420px;
	
	}
	
	
	.column2_wide .box{
		float:left;
		width:500px;	
	}
	
	
	/* 3カラム*/
	.column3 {margin-right:-30px;}
	.column3 .box{      
		float:left;
		margin-right:30px;
		width:280px;
		}
	
	
	/* 4カラム*/
	.column4 {margin-right:-20px;
	margin-top:20px;}
	.column4 .box{
		width:220px;
		margin-right:10px;
		float:left;
	}
	
	
	/*2カラムリキッド*/
	
	.column2_liquid{
		width:100%;
	}
	/*
	.column2_liquid .box{
		float:left;
		margin-right:30px;
	}
	*/
	
	
	.column2_liquid .box-right{
		float:right;
	}
		
	
		
	
	
	/* AccordionArea
	-------------------------- */
	.accordion{
		margin:0 50px 0 0px;
		padding:20px 10px;
		border-bottom:solid 1px #CCCCCC;
		}
	dl.accordion{
	}
	dd{overflow: hidden;}
	dt{float:left;
		font-size:20px;
		width:250px;
	pointer-events:none;
	}
	.img-middle{
			vertical-align:middle;
	}
	
	dl.accordion dt.open {
	}
	
	
		
		
	/* ---------------------------------------- #footer */
	
	.fnavi{
		font-size:12px;
		height:80px;
		text-align:center;
	}
	.fnavi ul{
		margin: 0;
		padding: 30px 5px 0px;
		list-style-type: none;
	
		
	}
	
	.fnavi ul li{
		display: inline;
		padding:0 15px;
		border-left:1px solid #FFF;
	}
	.fnavi ul li a{
		color:#FFF;
	}
	
	.fnavi ul li:first-child {
		border:0px;
	}
	
	
	
	
	
	
	.footer-inner{
		margin:0 50px;
	}
	
	.f_icon{
		overflow:hidden;
		margin:0 auto;
	
	}
	.f_icon a{
		margin-right:20px;
		float:left;
	}
	
	#footProf{
		float:left;
		margin:0 0 30px;
	}
	
	#f_logo a {
	  float:left;
	  margin-bottom:10px;
	}
	.ad{
		float:left;
		margin-right:50px;
		text-align:left;
	}
	#f_bn {
	  color: #0099ff;
	  float:right;
	}
/*
-----------------------------
			Navi
-----------------------------
*/
header nav {
	margin-top:20px;
	margin-left: 50px;

}
header nav ul li {
	padding:5px 10px;
}


		
		
	
}

/* タブレット用以上（MENU）
------------------------------------------------------------*/
@media only screen and (min-width:641px){

}

/* タブレット用
------------------------------------------------------------*/
@media only screen and (max-width:940px){

}



/* スマートフォン 横(ランドスケープ) 
------------------------------------------------------------*/
/*
@media only screen and (max-width:640px){

.inner{
		margin :0 auto;
		padding:0;
	}
	
	.wide_inner{
		margin :0 auto;
	}
	
	

}
*/


/* スマートフォン 縦(ポートレート) 
------------------------------------------------------------*/
@media only screen and (max-width: 640px){
	
h2{ font-size:18px; }   
h3{	font-size:18px;	}
h4{	font-size:14px;	}  
h5{ font-size:12px; }

	
	.inner{
		margin :0 auto;
		padding:0;
	}
	
	.wide_inner{
		margin :0 auto;
	}
	
	/* ---------------------------------------- #header */
	
	.header-inner{
		margin:0px 0px 0px;	}
	
	#logo {
		color: #fff;
		float:left;
		padding-left:5px;
		
	}
	#logo img{
		width:160px;	
	}
	

	.h-online {
		float:left;
		margin:50px 0 15px;
		width:155px;
	}
	.fb-like {
		float:left;
		margin:50px 0 15px;
	}
		.fb-like_rigth{
		float:left; width:120px; height:30px;
		
	}
	
	.userlogin{
			text-align:center;
			clear:both;
			margin-top:10px;
	}
	/*
		.box_rigth{
			text-align:center;
			clear:both;
			margin-top:10px;
		
	}
	*/
	.sns {
		margin:10px;
		color: #0099ff;
		font-size:20px;
		float:left;
	}
	
	#hansel{
		display:none;
	}
	
	/* ---------------------------------------- #content */
	
	.main_bt_box{
		margin:10px 20px 20px;
	}	
	.contents_box{
		margin:20px 20px;
	}
	
	/**/
	.box1{
		margin:20px 0;
		clear:both;
	
	
	}
	

 /* 2カラム*/
	.column2 {}
	.column2 .box{     
		float:left;
		width:100%;
	
	}
	
	
	.column2_wide .box{
			
	}
	
	
	/* 3カラム*/
	.column3 {}
	.column3 .box{      
		}
	
	
	/* 4カラム → 2カラム*/
	.column4 {margin-right:-20px;}
	.column4 .box{
		margin-right:10px;
		width:47%;
		float:left;
		
	}




	/*2カラムリキッド*/
	
	.column2_liquid{
	}
	.column2_liquid .box{
		width:100%;
	}
		

	
	
	
	/* AccordionArea
	-------------------------- */
	dl.accordion {
		background:#EFEFEF; width:100%; margin:0 auto 0px; padding:10px 0px 0px; border-bottom:solid 1px #FFFFFF;
		clear:both;
	}
	dl.accordion dt {
		height:20px; text-indent:0px; line-height:0px; color:#333; cursor:pointer;
		padding:5px 10px 10px;
	}
	.img-middle{
			vertical-align:middle;
	}
	dl.accordion dt.open {
	}
	dl.accordion dd { background:#FFF; padding:10px 10px 30px; display:none;}
	
	
	
	
		
	/* ---------------------------------------- #footer */
	
	
	.fnavi{
		font-size:12px;
		padding:5px 0;
	}
	
	.fnavi li{
		margin:0;
		padding:8px 0px;
		border-bottom:dotted 1px #fff;
	}
	.fnavi li:last-child{
		border-bottom:0px;
	}
	.fnavi ul li a{
		color:#FFF;
	}
	
	.footer-inner{
		text-align:center;
		padding-top:10px;
	}
	
	.f_icon a{
	
	}
	#footProf{
		margin:0px 0 10px;
	}
	.ad{
		
		margin-top:10px;
		font-size:12px;
	}
	
	#f_bn {
	  color: #0099ff;
	}

/*
-----------------------------
			Navi
-----------------------------
*/
header nav {
	margin-top:10px;
}

header nav ul li {
	padding:3px 4px;
}




}