@charset "UTF-8";
/* CSS Document */

/*----------------------------
*PC/SP
----------------------------*/

html{
	font-size:62.5%;/*1em=10px*/
}

body{
	font-size: 1.6rem;
	font-family: 'M PLUS Rounded 1c', 'Kosugi Maru', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing:grayscale;
	line-height: 1.6;
	color: #707070;
	counter-reset: title;
}

img{
	width: 100%;
	height: auto;
	margin: auto;
}

.text-center{
	text-align:center;
}


a{ color: #707070;
	text-decoration-line: none;
}
button{
	padding: 0;
	background-color: transparent;
}
strong{
	font-weight: bold;
}


.btn{
	display: block;
}

.font_bold{
	font-weight: bold;
}


/*------------------------------------
*SP
------------------------------------*/
	section{
		margin-bottom: 40px;
	}

	hr{
		display: none;
	}


	.sp{
		display: block;
	}

	.pc{
		display: none;
	}

	.margin_b{
		padding-bottom: 50px;
	}

	.margin_b2{
		padding-bottom: 20px;
	}

/*----------------------------
*header
----------------------------*/

	.logo{
		width: 100px;
	}
		.header_inner{
		padding: 1em;
	}
	
	.outer{
	}
	
/*------------------------------------
*toggle
------------------------------------*/

	#btn_toggle{
		position: fixed;
		z-index: 101;
		right: 20px;
		top: 24px;
		width: 30px;
		height: 30px;
		border: none;
		transition: 2s;
	}

	#btn_toggle:focus{
		outline: none;
	}


	.toggle_bar{
		position: absolute;
		display: block;
		width: 100%;
		height: 3px;
		background: #6DB92B;
		border-radius: 1em;
		transition: .5s;
	}
	.top_bar{
		top:0;
		transform-origin:center;
		transform: rotate(0deg);
	}
	.middle_bar{
		top:10px;
		opacity: 1;
		transition: .5s;
	}
	.under_bar{
		top:20px;
		transform-origin:center;
		transform: rotate(0deg);
	}
	#btn_toggle.open{
		transform: translate(5px 0);
	}

	#btn_toggle.open > .top_bar{
		top:10px;
		transform: rotate(-405deg);
	}

	#btn_toggle.open > .middle_bar{
		opacity: 0;
	}

	#btn_toggle.open > .under_bar{
		top:10px;
		transform: rotate(405deg);
	}


/*----------------------------
*sidemenu
----------------------------*/	
	#sidemenu{
		box-sizing: border-box;
		z-index: 100;
		position: fixed;
		top: 0;
		width: 100%;
		height: 100%;
		padding: 30px 0 0;
		background: rgba(200, 250, 160, 0.9);
		transition: 0.8s;
		transform: translate(100%, 0);
	}

	#sidemenu.open{
		transform: translate(0, 0);
	}


	.menu-text{
		display: flex;
		height: 105px;
		font-size: 1.0em;
		font-weight: bold;
		border-bottom: dashed 1.6px rgba(109, 185, 43, 0.5);/*サイドメニューの破線*/
		width:80%; 	
		margin: 0 auto;
	}
	.menu-text.sp{
		display: flex;
	}
	.menu-text > a{
		display: block;
		letter-spacing: .1em;
		margin: auto;
	}


/*---------------------
*main
---------------------*/
	main{
		padding: 30px 20px;
	}

	.category_title{
		margin-bottom: 20px;

	}
	.category_image{
		padding: 30px;

	}
	.section_title{
		width: 156px;
		margin-bottom: 10px;
	}
	.text_basic{
		letter-spacing: .2em;
		margin-bottom: 20px;
	}
	
	.order-btn{
		transition: 0.5s;
		display: block;
		opacity: 1;
		transform: scale(1,1);
		}

	.goyoyaku_btn{
		padding: 0px;
	}

	

/*---------------------
*footer
---------------------*/
	footer{
		position: relative;
	}

	.footer_inner{
		background-color: rgba(247, 147, 0, 0.2);
		height: auto;
	}

	.footer_fixed_inner{
			z-index: 97;
		}

	.footer_title{
		width: 60%;
		margin: 0 auto;	
		padding: 30px;
	}

	.footer_mail{
		width: 50%;
		margin: 0 auto;
		padding-bottom: 20px;
	}

	.footer_TEL{
		width: 50%;
		margin: 0 auto;
		padding-bottom: 20px;
	}

	.footer_time{
			padding-bottom: 20px;
	}

	.container_fixed{
		width: 100%;
		display: flex;
		justify-content: space-between;
		z-index: 97;
	}

	.fixed_btn{
		position: fixed;
		justify-content:space-between;
		bottom: 0;
		height: 80px;
	}

	.fixed_mail{
		height: 54px;
		width: 54px;
		padding:20px;
	}


	.fixed_TEL{
		height: 54px;
		width: 54px;
		padding:20px;
	}

	.small_inner{
		margin:0 auto;
		padding: 30px;
		background: #fff;
		position: relative;
		z-index: 98;
	}

	.btn_totop{
		position: absolute;
		right: 0;
		bottom: 0; 
		z-index: 99;
		display: block;
		height: 40px;
		width: 40px;
		padding:20px;
	}



/*---------------------
*PC
---------------------*/
@media screen and (min-width:750px){

		.sp{
			display: none;
		}
	

		.pc{
			display: block;
		}
	
		body{
			background-color: rgba(240,215,195,0.1)
		}
	
		a:hover{
			color:#F79300;
		}
	
		section{
			margin-bottom: 60px;
		}
	
/*----------------------------
*header
----------------------------*/
	header{
		display: flex;
		justify-content: space-between;
		max-width: 1250px;
		margin: 0 auto;
	}
	
	.header_inner{
		padding: 10px;
	}
	
	.logo{
		width: 130px;
	}
	
	.outer_header{
		width: 100%;
		background-color: #fff;
		position: fixed;
		z-index: 101;
	}
	
/*------------------------------------
*toggle
------------------------------------*/
	
	#btn_toggle{
			display: none;
		}

	
/*----------------------------
*PC sidemenu
----------------------------*/	
	
	#sidemenu{
		box-sizing: content-box;
		position: static;
		width: 800px;
		height: auto;
		padding: 0;
		background: #fff;
		transition: none;
		transform: none;
	}
	
	.nav_box{
		display: flex;
		justify-content: space-around;
	}
	
	.menu-text{
		height: 0px;
		padding: 0;
		font-size: 1em;
		color: #707070;
		font-weight: normal;
		border-bottom: none; /*サイドメニューの破線を消す*/
		width:auto; 	
		margin: auto;
	}
	.menu-text.sp{
		display: none;
	}
	
	.menu-text > a{
		padding: 1.5em 1em;
	}
	

/*---------------------
*main
---------------------*/
	main{
		max-width: 1050px;
		margin: 0 auto;
		padding: 112px 100px;
	}

	.category_title{
		margin-bottom: 50px;
	}
	.category_image{
		padding: 40px; 
	}
	.section_title{
		width: 210px;
		margin-bottom: 30px;
	}
	.text_basic{
		font-size: 1.8rem;
		line-height: 1.8;
		margin-bottom: 80px;
	}
	
	.goyoyaku_btn{
		padding-top: 20px;
		padding-bottom: 80px;
		width: 500px;
		margin: 0 auto;
	}
	
	.order-btn:hover{
		transition: 0.2s;
		opacity: 0.7;
		transform: scale(1.08,1.08);
	}
	
	
/*ページを読み込んだときに、コンテンツをふわっふわっと表示させる。*/
	.effect-fade {
		 opacity : 0;
		 transform : translate(0, 150px);
		 transition : all 	1500ms;
		}

	.effect-fade.effect-scroll {
		 opacity : 1;
		 transform : translate(0, 0);
		}

/*---------------------
*footer
---------------------*/
	.outer_footer{
		border-color: rgb(255, 237, 222);
	}
	
	.footer_inner{
		padding: 50px 0;
	}
	
	.footer_fixed_inner{
		background: none;
	}
	
	.fixed_mail{
		display: none;
	}

	.fixed_TEL{
		display: none;
}
	
	.footer_mail{
		display: inline-block;
		margin: 0 46px 0 0;
		width: 200px;
		}
		
	.footer_TEL{
		display: inline-block;
		width: 200px;
		}
	
	.footer_time{
		padding-bottom: 0;
		width: 500px;
		margin: 0 auto;
		text-indent: 5px;
}
	
	.container_flex_PC{
		display: flex;
		justify-content: center;
	}
	
	.btn_totop{
		position: fixed;
		right: 20px;
		bottom: 0px;
/*		padding-bottom: 300px;*/
	}
	
	
}