.object-fit-img,.avatar {
  		object-fit: cover;
		width:100%;
		height:100%;
  		font-family: 'object-fit: cover;'
}

/*.firstmove{
	opacity: 0;
}*/

.fontrobot{font-family: 'Roboto', sans-serif;}

@media screen and (min-width:751px){
	
.pc_none{
	display: none !important;
}

body{
	background:#fff;
	position:relative;
	-webkit-text-size-adjust : 100% !important ;
	font-size:1em;
	color:#303030;
	letter-spacing: 0.1em;
	min-width: 1100px;
	font-weight: 400;
	font-family: 'Noto Sans JP', sans-serif;
}
	
	#page_top{
		position: fixed;
		bottom:-70px;
		right:50px;
		width:50px;
		line-height: 0;
		cursor: pointer;
		z-index:3;
		transition: bottom 0.5s;
	}
	
	#page_top.active{
		bottom:80px;
	}
	
	#page_top img{
		width:100%;
	}
	
	.fixlogo{
		width:62px;
		position: fixed;
		top:30px;
		left:65px;
		z-index:3000;
	}
	
	.fixlogo img{
		width:100%;
	} 
	
	.fixcopy{
		width:auto;
		position: fixed;
		top:0;
		left:30px;
		z-index:3000;
		height:100%;
		-webkit-writing-mode: vertical-rl;
  		-ms-writing-mode: tb-rl;
  		-o-writing-mode: vertical-rl;
  		writing-mode: vertical-rl;
		color:#60502e;
		font-size:0.6em;
		text-align: center;
	}
	
	/*cart*/
	.cartbtn{
		display: inline-block;
		width:41px;
		position: absolute;
		padding:0 0 0 0;
		top:33px;
		right:160px;
		z-index:1006;

	}
	
	.cartbtn img{
		width:100%;
	}
	
	.cartbtn.hide{
		top:-110px;
		left:0;
		right:auto;
		transition:top 0.5s;
		padding:20px 0 0 0;
		z-index:1006;
		margin-left:calc(100% - 200px);
		position: fixed;

	}
	
	.cartbtn.hide.min{
		margin-left:calc(1050px - 90px);

	}
	
	.cartbtn.hide.active{
		top:0;

	}
	
	/*menu*/
	.menu{
		display: inline-block;
		width:50px;
		position: absolute;
		padding:35px 60px 0 0;
		top:0;
		right:0;
		z-index:1011;

	}

	.menu.hide{
		top:-110px;
		left:0;
		right:auto;
		transition:top 0.5s;
		padding:20px 60px 0 0;
		z-index:1011;
		margin-left:calc(100% - 110px);
		position: fixed;

	}
	
	.menu.hide.min{
		margin-left:calc(1050px - 90px);

	}
	
	.menu.hide.active{
		top:0;

	}

	.menu-trigger,
	.menu-trigger span {
  		display: inline-block;
  		transition: all .4s;
  		box-sizing: border-box;
		cursor: pointer;
	}
	.menu-trigger {
  		position: relative;
  		width: 50px;
  		height: 40px;
		z-index:5;
	}
	.menu-trigger span {
  		position: absolute;
  		left: 0;
  		width: 100%;
  		height: 5px;
  		background-color: #61512f;
  		border-radius: 0px;
	}
	
	.menu.hide .menu-trigger span {
  		position: absolute;
  		left: 0;
  		width: 100%;
  		height: 5px;
  		background-color: #61512f;
  		border-radius: 0px;
	}
	
	.menu-trigger.active span {
  		position: absolute;
  		left: 0;
  		width: 100%;
  		height: 5px;
  		background-color: #fff !important;
  		border-radius: 0px;
	}
	.menu-trigger span:nth-of-type(1) {
  		top: 0;
	}
	.menu-trigger span:nth-of-type(2) {
 		top:17px;
	}
	.menu-trigger span:nth-of-type(3) {
  		bottom: 0;
		width:50% !important;
		right:0 !important;
		left:auto !important;
	}

	.menu-trigger.active span:nth-of-type(1) {
  		-webkit-transform: translateY(17.5px) rotate(45deg);
  		transform: translateY(17.5px) rotate(45deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
  		opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
  		-webkit-transform: translateY(-17.5px) rotate(-45deg);
 		 transform: translateY(-17.5px) rotate(-45deg);
		width:100% !important;
	}
	
/*header*/
	.header.box2{
		z-index:1005;
		position: fixed;
		left:0;
		top:-150px;
		width:100%;
		min-width: 1100px;
		transition: top 0.5s;
	}
	
	.header{
		min-width:1100px;
	}
	.header .innerbox{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		z-index:5;
	}
	
	.header .innerbox2{
		position: relative;
		left:0;
		width:100%;
		height:80px;
		background:transparent !important;
		z-index:5;
	}
	
	.header.box2.active{
		top:0;
	}
	
	.header .logo{
		width:65px;
		float: left;
		padding:25px 0 0 65px;
	}
	
	.header .innerbox2 .logo{
		width:65px;
		float: left;
		padding:10px 0 0 60px;
	}
	
	.header .logo img{
		width:100%;
		height:auto;
	}
	
	.header ul{
		float: right;
		height:auto;
		padding:50px 130px 0 0;
		list-style: none;
	}
	
	.header .innerbox2 ul{
		float: right;
		height:auto;
		padding:30px 130px 0 0;
		list-style: none;
	}
	
	.header ul li{
		margin:0 30px 0 0;
		float: left;
	}
	
	.header ul li:last-child{
		margin:0 0 0 0;
	}
	
	.header ul li a {
  		position: relative;
  		display: inline-block;
  		text-decoration: none;
		padding:0 3px;
		color:#fff;
		opacity:0.5;
		transition: opacity 0.3s;
	}
	
	.header .innerbox2 ul li a {
  		position: relative;
  		display: inline-block;
  		text-decoration: none;
		padding:0 3px;
		color:#fff;
		opacity:1 !important;
	}
	
	.header ul li a:hover {
  		opacity:1;
	}
	.header ul li a::after {
  		position: absolute;
  		bottom: -6px;
 		left: 0;
  		content: '';
  		width: 100%;
  		height: 1px;
  		background: #fff;
  		transform: scale(0, 1);
  		transform-origin: right top;
  		transition: transform .3s;
	}
	
	.header .innerbox2 ul li a {
  		position: relative;
  		display: inline-block;
  		text-decoration: none;
		padding:0 3px;
		color:#333;
	}
	.header .innerbox2 ul li a::after {
  		position: absolute;
  		bottom: -6px;
 		left: 0;
  		content: '';
  		width: 100%;
  		height: 1px;
  		background: #333;
  		transform: scale(0, 1);
  		transform-origin: right top;
  		transition: transform .3s;
	}
	.header ul li :hover::after {
  		transform-origin: left top;
 		transform: scale(1, 1);
	}
	
	.header .innerbox2 ul li :hover::after {
  		transform-origin: left top;
 		transform: scale(1, 1);
	}
	
	.headnav {
  		position: fixed;
		top:0;
		right:-100%;
		width:auto;
		height:100%;
		z-index: 1010;
		overflow-y:auto;
		opacity:1;
		visibility: hidden;
		background-color: rgba(140,135,125,0.9);
		text-align: left;
		transition: all 0.5s;
	}
	
	.headnav.active {
  		right:0;
		opacity: 1;
		visibility: visible;
	}
	
	.headnav .inbox{
		padding:45px 70px 45px 100px;
	}
	
	.headnav .inbox .logo{
		width:80px;
		padding:0 0 30px 0;
	}
	
	.headnav .inbox .logo img{
		width:100%;
		height:auto;
	}
	
	.headnav .inbox .rightbox{
		padding:0 0 0 0;
	}
	
	.headnav .inbox .rightbox ul{
		padding:0 0 0 0;
		list-style: none;
		text-align: left;
	}
	
	.headnav .inbox .rightbox ul li a{
		float: none;
		margin:0 0 30px 0;
		display: inline-block;
		font-size:1em;
	}
	
	.headnav .inbox .rightbox ul li a span{
		letter-spacing: 0.1em;
		font-size:0.6em;
		color:#60502e;
		font-weight: 500;
	}
	
	.headnav .inbox .linkbox{
		color:#fff;
		font-size:0.6em;
		margin:0 0 30px 0;
		
	}
	
	.headnav .inbox a{
		color:#fff;
		text-decoration: none;
		opacity:1;
		transition: opacity 0.5s;
		
	}
	
	.headnav .inbox a:hover{
		opacity: 0.5;
	}
	
	.headnav .inbox a.mainbtn{
		font-size:3em;
		margin:0 0 20px 0;
		display: inline-block;
		letter-spacing: 0.1em;
	}
	
	.headnav .inbox .snsbox{
		margin: 0 0 0 0 !important;
	}
	
	.headnav .inbox .snsbox a{
		width:24px;
		display: inline-block;
		transition: opacity 0.3s;
		margin:0 30px 0 0;
	}
	
	.headnav .inbox .snsbox a img{
		width:100%;
	}
	
	.maincontainer{
		margin:0 0 0 0;
	}
	
	#footer{
		width:100%;
		padding:50px 0;
		background:#8c877d;
	}
	
	#footer .innerbox{
		width:960px;
		margin:0 auto;
	}
	
	#footer .logobox{
		width:180px;
		float: right;
	}
	
	#footer .logobox img{
		width:100%;
	}
	
	#footer .leftbox{
		float: left;
	}
	
	#footer .leftbox .tx{
		line-height: 2em;
		color:#fff;
		font-size:0.9em;
	}
	
	#footer .leftbox .tx span{
		color:#d9d4c9;
	}
	
	.calenderbox{
		width:960px;
		margin:0 auto;
		padding:0 0 90px 0;
	}
	
	.calenderbox li{
		list-style:none;
	}
	
	.calenderbox .leftbox{
		width:50%;
		float:left;
	}
	
	.calenderbox .leftbox .widgettitle{
		color:#61512f;
		font-size:1.4em;
		font-weight:normal;
	}
	
	.calenderbox .leftbox table{
		width:100%;
		table-layout:fixed;
		color:#61512f !important;
		margin:-17px 0 30px 0;
	}
	
	.calenderbox .leftbox table caption{
		text-align:right;
		margin:0 0 15px 0;
	}
	
	.calenderbox .leftbox .this-month caption span.btn1{
		width: 8px;
  		height: 8px;
  		border: 2px solid;
  		border-color: #61512f #61512f transparent transparent;
  		transform: rotate(45deg);
  		display:inline-block;
  		margin:0 5px 0 10px;
  		cursor:pointer;
  	}
  	
  	.calenderbox .leftbox .next-month caption span.btn2{
		width: 8px;
  		height: 8px;
  		border: 2px solid;
  		border-color: #61512f #61512f transparent transparent;
  		transform: rotate(225deg);
  		display:inline-block;
  		margin:0 10px 0 0;
  		cursor:pointer;
  	}
	
	.calenderbox .leftbox .next-month{
		display:none;
	}
	
	.calenderbox .leftbox table tr td{
		text-align:center;
		border:2px solid #61512f !important;
		height:55px;
		vertical-align:middle;
		font-weight:bold;
		color:#61512f !important;
		padding-top:0 !important;
		padding-bottom:0 !important;
	}
	
	.calenderbox .leftbox table tr td.businessday{
		background:#dcdbd8;
	}
	
	.calenderbox .leftbox table tr th{
		text-align:center;
		border:2px solid #61512f !important;
		height:55px;
		vertical-align:middle;
		font-weight:bold !important;
		background:#fff !important;
		color:#61512f !important;
		padding-top:0 !important;
		padding-bottom:0 !important;
		
	}
	
	.calenderbox .leftbox span.business_days_exp_box.businessday{
		display:inline-block;
		width:40px;
		height:20px;
		background:#dcdbd8;
		vertical-align:middle;
	}
	
	.calenderbox .leftbox strong{
		font-size:1.2em;
		font-weight:500;
		vertical-align:middle;
	}
	
	.calenderbox .leftbox .txbox{
		line-height:2em;
		margin:20px 0 0 0;
	}
	
	.calenderbox .rightbox{
		width:50%;
		float:right;
		padding:0 0 0 60px;
		box-sizing:border-box;
	}
	
	.calenderbox .snsbox{
		width:100%;
		margin:0 auto 90px;
	}
	
	.calenderbox .snsbox iframe{
		width:100%;
	}
	
}

@media screen and (max-width:750px){

.sp_none{
	display: none !important;
}

body{
	background:#fff;
	position:relative;
	-webkit-text-size-adjust : 100% !important ;
	font-size:0.8em;
	color:#303030;
	letter-spacing: 0.1em;
	min-width: 100%;
	font-weight: 400;
	font-family: 'Noto Sans JP', sans-serif;
}
	
	#page_top{
		position: fixed;
		bottom:-70px;
		right:50px;
		width:50px;
		line-height: 0;
		cursor: pointer;
		z-index:3;
		transition: bottom 0.5s;
	}
	
	#page_top.active{
		bottom:80px;
	}
	
	#page_top img{
		width:100%;
	}
	
	.fixlogo{
		width:42px;
		position: fixed;
		top:10px;
		left:5%;
		z-index:3000;
	}
	
	.fixlogo img{
		width:100%;
	} 
	
	/*cart*/
	.cartbtn{
		display: inline-block;
		width:25px;
		position: absolute;
		padding:0 0 0 0;
		top:20px;
		right:80px;
		z-index:1006;

	}
	
	.cartbtn img{
		width:100%;
	}
	
	.cartbtn.hide{
		top:-110px;
		left:0;
		right:auto;
		transition:top 0.5s;
		padding:5% 0 0 0;
		z-index:1006;
		margin-left:calc(100% - 105px);
		position: fixed;

	}
	
	.cartbtn.hide.min{
		margin-left:calc(1050px - 90px);

	}
	
	.cartbtn.hide.active{
		top:0;

	}
	
	/*menu*/
	.menu{
		display: inline-block;
		width:30px;
		position: absolute;
		padding:22px 5% 0 0;
		top:0;
		right:0;
		z-index:1011;

	}

	.menu.hide{
		top:-110px;
		left:0;
		right:auto;
		transition:top 0.5s;
		/*padding:15px 5% 0 0;*/
		z-index:1011;
		margin-left:calc(100% - 5%);
		position: fixed;

	}
	
	.menu.hide.min{
		margin-left:calc(100% - 30px - 5%);

	}
	
	.menu.hide.active{
		top:0;

	}

	.menu-trigger,
	.menu-trigger span {
  		display: inline-block;
  		transition: all .4s;
  		box-sizing: border-box;
		cursor: pointer;
	}
	.menu-trigger {
  		position: relative;
  		width: 30px;
  		height: 20px;
		z-index:5;
	}
	.menu-trigger span {
  		position: absolute;
  		left: 0;
  		width: 100%;
  		height: 3px;
  		background-color: #61512f;
  		border-radius: 0px;
	}
	
	.menu.hide .menu-trigger span {
  		position: absolute;
  		left: 0;
  		width: 100%;
  		height: 3px;
  		background-color: #61512f;
  		border-radius: 0px;
	}
	
	.menu-trigger.active span {
  		position: absolute;
  		left: 0;
  		width: 100%;
  		height: 3px;
  		background-color: #fff !important;
  		border-radius: 0px;
	}
	.menu-trigger span:nth-of-type(1) {
  		top: 0;
	}
	.menu-trigger span:nth-of-type(2) {
 		top:8px;
	}
	.menu-trigger span:nth-of-type(3) {
  		bottom: 0;
		width:50% !important;
		right:0 !important;
		left:auto !important;
	}

	.menu-trigger.active span:nth-of-type(1) {
  		-webkit-transform: translateY(8.5px) rotate(45deg);
  		transform: translateY(8.5px) rotate(45deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
  		opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
  		-webkit-transform: translateY(-8.5px) rotate(-45deg);
 		 transform: translateY(-8.5px) rotate(-45deg);
		width:100% !important;
	}
	
/*header*/
	.header.box2{
		z-index:1005;
		position: fixed;
		left:0;
		top:-150px;
		width:100%;
		transition: top 0.5s;
	}
	
	.header{
		min-width:100%;
	}
	.header .innerbox{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		z-index:5;
	}
	
	.header .innerbox2{
		position: relative;
		left:0;
		width:100%;
		height:50px;
		background: transparent !important;
		z-index:5;
	}
	
	.header.box2.active{
		top:0;
	}
	
	.header .logo{
		width:40px !important;
		float: left;
		padding:15px 0 0 5%;
	}
	
	.header .innerbox2 .logo{
	width: 40px !important;
    float: left;
    padding: 15px 0 0 5%;
	}
	
	.header .logo img{
		width:100%;
		height:auto;
	}
	
	.header ul{
		float: right;
		height:auto;
		padding:50px 130px 0 0;
		list-style: none;
	}
	
	.header .innerbox2 ul{
		float: right;
		height:auto;
		padding:30px 130px 0 0;
		list-style: none;
	}
	
	.header ul li{
		margin:0 30px 0 0;
		float: left;
	}
	
	.header ul li:last-child{
		margin:0 0 0 0;
	}
	
	.header ul li a {
  		position: relative;
  		display: inline-block;
  		text-decoration: none;
		padding:0 3px;
		color:#fff;
		opacity:0.5;
		transition: opacity 0.3s;
	}
	
	.header .innerbox2 ul li a {
  		position: relative;
  		display: inline-block;
  		text-decoration: none;
		padding:0 3px;
		color:#fff;
		opacity:1 !important;
	}
	
	.header ul li a:hover {
  		opacity:1;
	}
	.header ul li a::after {
  		position: absolute;
  		bottom: -6px;
 		left: 0;
  		content: '';
  		width: 100%;
  		height: 1px;
  		background: #fff;
  		transform: scale(0, 1);
  		transform-origin: right top;
  		transition: transform .3s;
	}
	
	.header .innerbox2 ul li a {
  		position: relative;
  		display: inline-block;
  		text-decoration: none;
		padding:0 3px;
		color:#333;
	}
	.header .innerbox2 ul li a::after {
  		position: absolute;
  		bottom: -6px;
 		left: 0;
  		content: '';
  		width: 100%;
  		height: 1px;
  		background: #333;
  		transform: scale(0, 1);
  		transform-origin: right top;
  		transition: transform .3s;
	}
	.header ul li :hover::after {
  		transform-origin: left top;
 		transform: scale(1, 1);
	}
	
	.header .innerbox2 ul li :hover::after {
  		transform-origin: left top;
 		transform: scale(1, 1);
	}
	
	.headnav {
  		position: fixed;
		top:0;
		right:-100%;
		width:100%;
		height:100%;
		z-index: 1010;
		overflow-y:auto;
		opacity:1;
		visibility: hidden;
		background-color: rgba(140,135,125,0.9);
		text-align: center;
		transition: all 0.5s;
	}
	
	.headnav.active {
  		right:0;
		opacity: 1;
		visibility: visible;
	}
	
	.headnav .inbox{
		padding:40px 0 40px 0;
	}
	
	.headnav .inbox .logo{
		width:70px;
		padding:0 0 30px 0;
		display: inline-block;
	}
	
	.headnav .inbox .logo img{
		width:100%;
		height:auto;
	}
	
	.headnav .inbox .rightbox{
		padding:0 0 0 0;
	}
	
	.headnav .inbox .rightbox ul{
		padding:0 0 0 0;
		list-style: none;
		text-align: center;
	}
	
	.headnav .inbox .rightbox ul li a{
		float: none;
		margin:0 0 30px 0;
		display: inline-block;
		font-size:1.2em;
	}
	
	.headnav .inbox .rightbox ul li a span{
		letter-spacing: 0.1em;
		font-size:0.6em;
		color:#60502e;
		font-weight: 500;
	}
	
	.headnav .inbox .linkbox{
		color:#fff;
		font-size:0.8em;
		margin:0 0 30px 0;
		
	}
	
	.headnav .inbox a{
		color:#fff;
		text-decoration: none;
		opacity:1;
		transition: opacity 0.5s;
		
	}
	
	.headnav .inbox a:hover{
		opacity: 0.5;
	}
	
	.headnav .inbox a.mainbtn{
		font-size:3em;
		margin:0 0 20px 0;
		display: inline-block;
		letter-spacing: 0.1em;
	}
	
	.headnav .inbox .snsbox{
		margin: 0 0 0 0 !important;
	}
	
	.headnav .inbox .snsbox a{
		width:27px;
		display: inline-block;
		transition: opacity 0.3s;
		margin: 0 10px;
	}
	
	.headnav .inbox .snsbox a img{
		width:100%;
	}

	.maincontainer{
		margin:0 0 0 0;
	}
	
	#footer{
		width:100%;
		padding:30px 0;
		background:#8c877d;
	}
	
	#footer a{
		text-decoration: none;
		color:#fff;
	}
	
	#footer .innerbox{
		width:90%;
		margin:0 auto;
	}
	
	#footer .logobox{
		width:130px;
		float: none;
		margin:0 auto 20px;
	}
	
	#footer .logobox img{
		width:100%;
	}
	
	#footer .leftbox{
		float: none;
	}
	
	#footer .leftbox .tx{
		line-height: 2em;
		color:#fff;
		font-size:0.7em;
		text-align: center;
	}
	
	#footer .leftbox .tx2{
		line-height: 2em;
		color:#fff;
		font-size:0.7em;
		text-align: center;
		padding:10px 0 0 0;
	}
	
	#footer .leftbox .tx span{
		color:#d9d4c9;
	}
	
	.calenderbox{
		width:90%;
		margin:0 auto;
		padding:0 0 60px 0;
	}
	
	.calenderbox li{
		list-style:none;
	}
	
	.calenderbox .leftbox{
		width:100%;
		float:none;
	}
	
	.calenderbox .leftbox .widgettitle{
		color:#61512f;
		font-size:1.4em;
		font-weight:normal;
	}
	
	.calenderbox .leftbox table{
		width:100%;
		table-layout:fixed;
		color:#61512f !important;
		margin:-17px 0 30px 0;
	}
	
	.calenderbox .leftbox table caption{
		text-align:right;
		margin:0 0 15px 0;
	}
	
	.calenderbox .leftbox .this-month caption span.btn1{
		width: 6px;
  		height: 6px;
  		border: 2px solid;
  		border-color: #61512f #61512f transparent transparent;
  		transform: rotate(45deg);
  		display:inline-block;
  		margin:0 5px 0 10px;
  		cursor:pointer;
  	}
  	
  	.calenderbox .leftbox .next-month caption span.btn2{
		width: 6px;
  		height: 6px;
  		border: 2px solid;
  		border-color: #61512f #61512f transparent transparent;
  		transform: rotate(225deg);
  		display:inline-block;
  		margin:0 10px 0 0;
  		cursor:pointer;
  	}
	
	.calenderbox .leftbox .next-month{
		display:none;
	}
	
	.calenderbox .leftbox table tr td{
		text-align:center;
		border:2px solid #61512f !important;
		height:35px;
		vertical-align:middle;
		font-weight:bold;
		color:#61512f !important; 
	}
	
	.calenderbox .leftbox table tr td.businessday{
		background:#dcdbd8 !important;	
	}
	
	.calenderbox .leftbox table tr th{
		text-align:center;
		border:2px solid #61512f !important;
		height:35px;
		vertical-align:middle;
		font-weight:bold !important;
		background:#fff !important;
		color:#61512f !important;
	}
	
	.calenderbox .leftbox span.business_days_exp_box.businessday{
		display:inline-block;
		width:40px;
		height:20px;
		background:#dcdbd8 !important;;
		vertical-align:middle;
	}
	
	.calenderbox .leftbox strong{
		font-size:1.2em;
		font-weight:500;
		vertical-align:middle;
	}
	
	.calenderbox .leftbox .txbox{
		line-height:2em;
		margin:20px 0 0 0;
	}
	
	.calenderbox .rightbox{
		width:100%;
		float:none;
		padding:0 0 0 0;
		box-sizing:border-box;
	}

	.calenderbox .snsbox{
		width:100%;
		margin:0 auto 60px;
	}
	
}