/*レイアウト*/

#top-padding{
	padding-top:60px;
	overflow:hidden;/*右端の空白対策*/
}


/*ヘッダー*/
#head_text{
}
	#head_text_ul{
	}
	#head_text_ul li{
		display: inline-block;
	}
	#head_text_ul li h1{
		font-size:9px;
		font-weight:normal;
		color: #878787;
	}
	#head_text_ul li p{
		font-size:9px;
		color:#878787;
	}
	#logo_size{ width:98px;}
	#bana1-img{
		margin:0 auto;width:165px;
	}


 .wrapper, .content, .content_main, .l_sidebar, .footer {
	  float: none;
	  margin: 0;
	  width: auto;
	  overflow:hidden;/*右端の空白対策*/
}
	.area_bg{
		width:auto;
		padding:1.5rem 0 ;
	}
	#pading_off{
		padding-top:0;
	}
	 .content_main p{
		margin-bottom:1.5rem;
		padding:0 1.5rem;
	}
        .content_ul_1{
            font-size: 1.3rem;
            margin-bottom:3.5rem;
            padding:0 1.5rem;
        }
        .content_ul_1 li{
            margin-bottom: 1.3rem;
           border-bottom:1px solid #dedede;
        }
        .content_ul_1 li.borderNo{
            border-bottom:none;
        }


		/*JQ Slider メインイメージ*/
		.slick_container {
			position:relative;
			margin-bottom:-1.2rem;/*<div id="menu_botan">上部の隙間調整*/
		}
			.slick_toriga{
			}
			
			
			.box2way {
				margin-bottom:1.5rem;
			}
				.box2way__image {
					margin-bottom:.5rem;
				}
			
			
 .l_sidebar {
}

 .l_sidebar p{
		padding:0 1.5rem;
}
	 .floatBox0 {
		padding-top:1rem;
	}
		 .floatBox0 li{
			margin-bottom:1.5rem;
		}
		 .floatBox1{
			margin:0 0 0.5rem 0;
		}
		
.r_sidebar {
}
	.r_sidebar p{
		padding:0 1.5rem;
		/*padding:0 .5rem;*/
		margin-bottom:1.5rem;
	}
	
		.ul_Part1{
			font-size: 0rem;/*liの隙間対策*/
			margin-bottom:3rem;
			width:100%;/*IE　画像の伸縮エラー対策*/
		}
		.ul_Part1 li.inline1 {
			padding:0rem;
		}
		.ul_Part1 li.inline1 > p{ margin-top:1.5rem;
		}
		.ul_Part1 li.respons_spaceA {/*ボックス隙間調整*/
			padding:0rem;
			margin:1.5rem 0 0 0;
		}
		div.ul_center_Box1{ text-align:center;}/*横幅が可変な要素を中央寄せ*/
			div.ul_center_Box1 ul{ display:inline-block;}
	
		
.footer{

	padding:1.5rem 0 0 0;
}
	.footer_list_1 {
	text-align:center;
	margin-bottom:2rem;
	}
	.footer_list_1 li {
	border-left:1px solid #CCC;
	padding:0 1.2rem 0 1.2rem;
	display: -moz-inline-box;
	display: inline-block;
	}
	.footer_list_1 li:first-child{
	border-left:none;
	padding-left:0rem;
	
	}
	.footer_list_1 li:last-child{
	padding-right:0rem;
	}
	
	
	#copyright {
		padding:1.2rem 0 ;
		background:#0d294a;
		width:100%;
	}
	#copyright p{
		text-align:center;
		font-size:1rem;
		color:#FFFFFF;
	}
	
@media screen and (min-width: 751px) {/*タブレット*/
#top-padding{
	padding-top:80px;
}

/*ヘッダー*/
#head_text{
}
	#head_text_ul li h1{
		font-size:10px;
		color: #878787;
	}
	#head_text_ul li p{
		font-size:10px;
		color:#878787;
	}

	#logo_size{ width:140px;}
	#bana1-img{width:231px;}
	
	
.area_bg{
width:auto;
padding:4rem 0 4rem 0;
}
/*list横並びbox用*/
/*2box*/
.wid_par36a{ width:36%; }
.wid_par63a{ width:63%; }
.wid_par46b{ width:46%; }
.wid_par53b{ width:53%; }
.wid_par23d{ width:23%; }
.wid_par76d{ width:76%; }
.wid_par50c{ width:50%; }
.wid_par49c{ width:49%; }
/*3box*/
.wid_par33c{ width:33%; }


	/*JQ Slider メインイメージ*/
	.slick_container {
		margin-bottom:0rem;/*リセット*/
	}

	.margBotom {
		margin-bottom:3rem;
	}
	
	.pc_size{
		width:auto;
		margin:0 3rem;
	}
		.box2way {
			width:100%;
		}
			.box2way__image {
				float: left;
				width:256px;
				margin:0 1rem 0.5rem 0;
			}
				
.l_sidebar {
}
	.l_sidebar p{
		padding:0;
	}
		 .floatBox0 {
			padding-top:1rem;
		}
		 .floatBox0 li{
			clear:both;
		}
			 .floatBox1{
				margin:0 0.5rem 0.5rem 0;
				float: left;
			}
				.floatBox1_R{
					overflow: hidden;/*floatが効かない時の対処*/
				}
			
.r_sidebar {
}
	.r_sidebar p{
		padding:0;
	}

		.ul_Part1{
			font-size: 0rem;/*liの隙間対策*/
			/*border-left:1px solid #cccccc; デザイン的に非表示*/
			margin-bottom:4rem;
		}
		.ul_Part1 li.inline1 {
			display:inline-block;
			vertical-align:top;
			padding:1.2rem 1.5rem 1.2rem 0rem;
			/*border-right:1px solid #cccccc; デザイン的に非表示*/
			/*ボックスサイジング*/
			 box-sizing: border-box;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				-ms-box-sizing: border-box;
				 -o-box-sizing: border-box;	
			/*角丸	 
			-webkit-border-radius:5px;
			-moz-border-radius:5px;  
			border-radius:5px;	
			border:solid #898989 3px;
			*/
		}
		.ul_Part1 li.respons_spaceA {
			padding-left:1.5rem;
			margin:0;
		}

	/**** ↓2カラムレイアウトならコレ↓　****
	.content {
		 float: right;
		 width: 100%;
		 margin-left: -202px;
	}
	 
	.content_main {
		 position: relative;  
		 margin: 0 0px 0 200px;  
		 border: 1px solid #000;
	}
	.l_sidebar {
		 float: left;
		 border: 1px solid #000;
		 height: auto;
		 width: 200px;
	}
	.r_sidebar {
		 clear: both; 
		 display: block;
		 border: 1px solid #000;
		 width: 100%;
	}
	**** ↓2カラムレイアウトならコレ↓　****/
}

@media screen and (min-width: 1025px) {/*デスクトップ*/
#top-padding{
	padding-top:110px;
}

/*ヘッダー*/
#head_text{
}
	#head_text_ul li h1{
		font-size:11px;
	}
	#head_text_ul li p{
		font-size:11px;
	}
	#logo_size{ width:150px; padding-top:5px;}
	#bana1-img{width:264px;}


	.wrapper {
	}
	.content {
		/*↓1カラムレイアウト採用時は必要*/
		 float: none;
		 width:auto;
		 margin: 0;
		 /*↑*/
	}
		 .content_main p{
			padding:0;
		}
		.pc_size{
		 width:1024px;
		 margin: 0 auto;
		}
		.box2way {
			float: left;
			width:502px;
		}
		.box2way_r {
			float: right;
			width:502px;
		}
			.box2way__image {
				float:none;
				width:100%;
			}
				
		
.l_sidebar {
}
	/*横並びのボックスの左右を親ボックスの幅ピッタリに均等に収める*/
	 .floatBox0{
		overflow: hidden;
		width:1044px;
	}
	 .floatBox0 li{
		clear: none;
		display:block;
		width:240px;
		float:left;
		margin-right:21px;
	}
	/******/
	 .floatBox1{
		margin:0 0px 0.5rem 0;
		float:none;
	}
	.floatBox1_R{

	}

.r_sidebar{
}

.footer{
}
	#friend_site{
		text-align:center;
		padding-top:1.5rem;
		border-top:1px #CCCCCC solid;
	}
		#friend_site p{
			font-size:1.1rem;
		}
		.friend_site_font li p{
			font-size:1.1rem;
		}


/**** ↓3カラムレイアウトならコレ↓　****
body {background: url(background-photo.jpg) center center / cover no-repeat fixed;}背景一面画像
.wrapper {
	 float: left;
	 width: 100%;
	 margin-right: -252px;
	 height:500px;
}
 
.content {
	 float: right;
	 width: 100%; 
	 margin-left: -202px;  
}
 
.content_main {
	 margin: 0 252px 0 202px;  
	 border: 1px solid #000;
}
 
.l_sidebar {
	 float: left;
	 border: 1px solid #777700;
	 width: 200px;
	 padding-top:200px;
}
.r_sidebar {
	 clear: none; 
	 float: right;
	 border: 1px solid #119911;
	 width: 250px;
}
**** ↓3カラムレイアウトならコレ↓　****/
}