@charset "utf-8";
/* CSS Document */
*{
	margin:0;padding:0;
} 

img{
	margin:0;padding:0;
}

ul,ol{
	list-style-type:none;
	margin:0;padding:0;
}

html, body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h2{
	font-size:110%;
	font-weight:bold;
	color:#f4b3c1;
	border-bottom:1px dotted #f4b3c1;
}

#pageTop{
	background:#ee8194;
	border-radius:20px;
	color:#FFF;
	padding:15px 20px;
	position:fixed;
	bottom:20px;
	right:20px;
	opacity:0.9;
}
#pageTop:hover{
	background:#fd99aa;
}

.news{
		margin-bottom:100px;
}
.news p{
		padding-bottom:8px;
}

.other_banner{
	margin-bottom:100px;
}

footer{
	width:100%;
	background:url(../images/footer_bg_21.gif) repeat;
	color:#fff;
}
.footer_l{
		display:block;
}
.footer_hr{
		border:dotted 1px #fdeeed;
}
.footer_table{
	display:table;
	table-layout:fixed;
	width:180px;
	margin:0 auto;
}
.fb_button{
	display:table-cell;
	width:50px;
	padding:5px;
}


@media(min-width:784px){
	/*PC*/
	.sp_nav{
		display:none;
	}
	.pc{
		display:block;
	}
	.phone{
		display:none;
	}
	
	.pc_logo{
		display:block;
		margin:20px 0 0 10px;
	}
	.sp_logo{
		display:none;
	}
	
	#wrapper{
		width:100%;
		font-size:100%;
		line-height:180%;
	}
	
	header{
		background-color:#fff;
		width:100%;
		height:75px;
	}
	
	#header_inner{
		width:980px;
		height:75px;
		margin:0px auto 0px;
		position:relative;
		overflow: hidden;
	}
	#l_header{
		width: 200px;
		height: 70px;
		line-height: 18px;
		float:left;
		
	}
	#r_header{
		width:500px;
		margin:0;
		height: 70px;
		line-height: 18px;
		float:right;	
	}
	.menu-button{
		display:none;
	}
	
	#nav ul{
		margin-top:20px;
		height:20px;
		display:table;
		table-layout:fixed;
		text-align:center;
		width:100%;
	}
	#nav ul li{
		border-right:1px dotted #f4b3c1; 
		display:table-cell;
		vertical-align:middle;
	}
	#nav ul li:last-child{
		border-right:0;
	}
	#nav ul li a{
		display:block;
		font-size:14px;
		text-decoration:none;
		padding:10px 0;
	}
	
	#main{
		width:100%;
		height:600px;
		background:#faf9f1 repeat-x;
		margin:0;
		/*#faf9f1*/
	}
	#main_bg{
		width:655px;
		height:600px;
		background:url(../images/sp_main201701_2.png) no-repeat top;
		margin:0 auto 0;
		position:relative;
	}
	.phone_main{
		display:none;
	}
	
	article{
		width:980px;
		margin:40px auto 0;
	}
	
	h2{
	padding:7px;
	margin-bottom:15px;
	}
	/*
	.listbox{
		display:table;
		width:940px;
		margin:0 auto 30px;
	}
	.list_img{
		display:table-cell;
		width:470px;
		text-align:center;
	}
	.listbox_sp{
		display:none;
	}
	*/
	.fb{
		width:500px;
		margin:0 auto;
	}
	
	footer a:link,footer a:hover,footer a:visited,footer a:active{
		color:#fff;
	}
	footer{
		height:200px;
		padding-top:30px;
	}
	#footer_inner{
		width:980px;
		margin:0 auto;
	}
	.footer_c{
		display:table-cell;
	}
	ul.footer_link li{
		position:relative;
	}
	ul.footer_link li::after{
		display:block;
		content:'';
		position:absolute;
		top:.5em;
		left:-1em;
		width:6px;
		height:6px;
		border-right:1px solid #fff;
		border-bottom:1px solid #fff;
		-webkit-transform:rotate(-45deg);
		transform:rotate(-45deg);
	}
	
	.footer_hr{
		width:980px;
		margin:20px auto 0;
	}
	#footer_inner2{
		width:980px;
		margin:0 auto;
		padding-top:10px;
		display:table;
		font-size:10px;
	}
	.footer_l{
		text-align:center;
	}
	
	.pc_mini{
		font-size:12px;
	}
	
	#navToggle{
		display:none;
	}
	
}


@media(max-width: 783px) {
	/*タブレット*/
	img,object,embed{
		max-width:100%;
		height:auto;
	}
	img{
		-ms-interpolation-mode:bicubic;
	}
	
	.sp_nav{
		display:none;
	}
	.pc{
		display:block;
	}
	.phone{
		display:none;
	}
	
	.pc_logo{
		display:block;
		margin:20px 0 0 10px;
		
	}
	.sp_logo{
		display:none;
	}
	
	#wrapper{
		width:768px;
		font-size:100%;
		line-height:180%;
	}
	header{
		background-color:#fff;
		width:100%;
		height:75px;
	}
	
	#header_inner{
		width:738px;
		height:75px;
		margin:0px auto 0px;
		position:relative;
		overflow: hidden;
	}
	#l_header{
		width: 200px;
		height: 70px;
		line-height: 18px;
		float:left;
		
	}
	#r_header{
		width:500px;
		margin:0;
		height: 70px;
		line-height: 18px;
		float:right;	
	}
	.menu-button{
		display:none;
	}
	
	
	#nav ul{
		margin-top:20px;
		height:20px;
		display:table;
		table-layout:fixed;
		text-align:center;
		width:100%;
	}
	#nav ul li{
		border-right:1px dotted #f4b3c1; 
		display:table-cell;
		vertical-align:middle;
	}
	#nav ul li:last-child{
		border-right:0;
	}
	#nav ul li a{
		display:block;
		font-size:14px;
		text-decoration:none;
		padding:10px 0;
	}
	
	#main{
		width:100%;
		height:400px;
		background:#faf9f1 repeat-x;
		margin:0;
	}
	#main_bg{
		width:437px;
		height:400px;
		background:url(../images/sp_main201701_2.png) no-repeat top;
		background-size:contain;
		margin:0 auto 0;
		position:relative;
	}
	.phone_main{
		display:none;
	}
	
	article{
		width:738px;
		margin:20px auto 0;
	}
	
	h2{
	padding:6px;
	margin-bottom:15px;
	}
	/*
	.listbox{
		display:table;
		table-layout:fixed;
		width:698px;
		margin:0 auto 30px;
	}
	.list_img{
		display:table-cell;
		width:339px;
		padding:5px;
	}
	.listbox_sp{
		display:none;
	}
	*/
	.fb{
		width:500px;
		margin:0 auto;
	}
	
	footer a:link,footer a:hover,footer a:visited,footer a:active{
		color:#fff;
	}
	footer{
		height:220px;
	}
	#footer_inner{
		width:738px;
		margin:0 auto;
		padding-top:25px;
	}
	.footer_c{
		display:block;
	}
	ul.footer_link li{
		position:relative;
	}
	ul.footer_link li::after{
		display:block;
		content:'';
		position:absolute;
		top:.5em;
		left:-1em;
		width:6px;
		height:6px;
		border-right:1px solid #fff;
		border-bottom:1px solid #fff;
		-webkit-transform:rotate(-45deg);
		transform:rotate(-45deg);
	}
	.footer_l{
		text-align:center;
	}
	.footer_hr{
		width:738px;
		margin:15px auto 0;
	}
	#footer_inner2{
		width:738px;
		margin:0 auto;
		padding-top:5px;
		display:table;
		font-size:10px;
	}
	
	#navToggle{
		display:none;
	}
	

     
}
 
@media(max-width: 655px) {
	/*スマホ*/
	img,object,embed{
		max-width:100%;
		height:auto;
	}
	img{
		-ms-interpolation-mode:bicubic;
	}
	
	#nav{
		display:none;
	}
    
	.pc{
		display:none;
	}
	.phone{
		display:block;
	}
	
	.pc_logo{
		display:none;
	}
	.sp_logo{
		display:block;
		margin:15px 0 0 15px;	
	}
	
	#wrapper{
		width:100%;
		font-size:110%;
		line-height:180%;
		min-width:320px;
		overflow:hidden;
	}

header{
	background:url(../images/mainbg_07.gif) repeat;
	width:100%;
	height:65px;
	z-index:3;
}

	#header_inner{
	width: 100%;
	height: 65px;
	position:absolute;
	z-index:3;
	overflow:visible;
	}
	#l_header{
		width: 200px;
		height: 60px;
		line-height: 18px;
		float:left;
		
	}
	#r_header{
		width:100px;
		margin:0;
		height: 60px;
		line-height: 18px;
		float:right;	
	}

	/*ハンバーガーアイコン20161229*/
	#navToggle{
		display:block;
		position:absolute;
		right:13px;
		top:20px;
		width:30px;
		height:25px;
		cursor:pointer;
	}
	#navToggle div{
		position:relative;
	}
	#navToggle span{
		display:block;
		position:absolute;
		width:100%;
		border-bottom:solid 3px #999;
		-webkit-transition:.35s ease-in-out;
		-moz-transition:.35s ease-in-out;
		transition:.35s ease-in-out
	}
	#navToggle span:nth-child(1){top:0;}
	#navToggle span:nth-child(2){top:11px;}
	#navToggle span:nth-child(3){top:22px;}
	
	.sp_nav{
		display:block;
		position:absolute;
		right:0;
		top:-300px;
		background:rgba(255,255,255,0.9);
		width:50%;
		padding:0 10px;
		-webkit-transition:.5s ease-in-out; /*transitionで動きを*/
    	-moz-transition:.5s ease-in-out;
    	transition:.5s ease-in-out;
		text-align:left;
	}
	.sp_nav ul{
		margin:0;
	}
	.sp_nav ul li{
		display:block;
    	margin:0;
    	border-bottom:dotted 1px #fff;
    	line-height:3
	}
	.sp_nav ul li a{
		display:block;
		color:#f4b3c1;
	}
	.sp_nav ul li a:hover{
		color:#f86383;
	}
	.sp_nav ul li::after{
		content:''
	}
	.sp_nav ul li:last-child{
		border-bottom:none;
	}
	
	.openNav #navToggle span:nth-child(1) {
    top: 11px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg);
	}
　	.openNav #navToggle span:nth-child(2) {
    top: 11px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg);
	}
	.openNav #navToggle span:nth-child(2),
	.openNav #navToggle span:nth-child(3) {
    top: 11px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg);
	}
	
	.openNav nav.sp_nav{
    -moz-transform: translateY(365px);
    -webkit-transform: translateY(365px);
    transform: translateY(365px);
	}
	
	#main{
		width:100%;
		height:100%;
		background:none;
		margin:0;
	}
	#main_bg{
		display:none;
	}
	.phone_main{
		width:100%;
		height:100%;
		display:block;
	}
	
	article{
		width:94%;
		margin:20px auto 0;
	}
	
	h2{
	padding-bottom:7px;
	margin-bottom:30px;
	}
	/*
	.listbox_sp{
		display:block;
		width:74%;
		margin:0 auto 40px;
	}
	.list_img_sp{
		margin-bottom:20px;
	}
	.listbox{
		display:none;
	}
	*/
	.middle{
		font-size:100%;
	}
	.mini{
		font-size:70%;
	}
	.fb{
		width:100%;
		margin-bottom:30px;
	}
	
	footer a:link,footer a:hover,footer a:visited,footer a:active{
		color:#fff;
	}
	footer{
		height:250px;
	}
	#footer_inner{
		width:100%;
		padding-top:30px;
		overflow:hidden;
	}
	.footer_l{
		margin-bottom:20px;
		text-align:left;
	}
	ul.footer_link li{
		position:relative;
	}
	ul.footer_link li::after{
		display:block;
		content:'';
		position:absolute;
		top:.5em;
		left:-1em;
		width:6px;
		height:6px;
		border-right:1px solid #fff;
		border-bottom:1px solid #fff;
		-webkit-transform:rotate(-45deg);
		transform:rotate(-45deg);
	}
	.footer_hr{
		width:100%;
		margin:20px 0;
	}
	#footer_inner2{
		width:100%;
		padding:0 5px 0 5px;
		font-size:10px;
	}	



}