@charset "utf-8";
/*
Theme Name: L-style
Theme URI: http://www./
Description: L-style
Version: 1.0
Author: L-style
Author URI: http://www./
Tags: L-style

*/


@media screen and (max-width: 767px){
	.pc-block{
		display: none;
	}
	.sp-block{
		display: block;
	}
	.flex-box{
			flex-direction: column;
		}
	.button{
		font-size: 20px;
		font-size: 2.0rem;
	}
	.inner {
		max-width: 100%;
		width: 100%;
		margin: 0 auto;
		padding:0 20px;
	}
	.button {
		width: auto;
		    padding: 20px 10px 20px 0;
	}


#header{
	background: none;
}
#header .inner{
	padding: 10px 0;
}
#header .inner h1{
	width: 37%;
	margin-left: 2rem;
}
#header .inner > nav{
	    display: none;
}
h2{
    font-size: 30px;
}


	#menubtn{
		position: fixed;
		height: 24px;
		width: 30px;
		display: inline-block;
		box-sizing: border-box;
		z-index: 20;
		right: 20px;
		top: 20px;
	}
	#menubtn div{
		position: absolute;
		left: 0;
		height: 2px;
		width: 30px;
		background-color: #000;
		display: inline-block;
		box-sizing: border-box;
	}
	#menubtn div:nth-of-type(1){
		top: 0;
	}
	#menubtn div:nth-of-type(2){
		top: 10px;
	}
	#menubtn div:nth-of-type(3){
		bottom: 0;
	}
	#menubtn.is-active div{
		background-color: #fff;
	}
	#menubtn.is-active div:nth-of-type(1){
		top: 0;
		transform: translateY(10px) rotate(-45deg);
	}
	#menubtn.is-active div:nth-of-type(2){
		opacity: 0;
	}
	#menubtn.is-active div:nth-of-type(3){
		bottom: 0;
		transform: translateY(-12px) rotate(45deg);
	}

	.nav-sp-block{
		position: fixed;
		background: #f59a0b;
		top: 0px;
		z-index: 11;
		height: 100%;
		width: 100%;
	}
	.nav-sp-block ul{
		margin-top: 100px;
	}
	.nav-sp-block ul li{
		border-bottom: 1px solid #fff;
	}
	.nav-sp-block ul li a{
		display: block;
		padding: 20px 30px;
		color: #fff;
	}


	div.slider-01 div.slide{
		height: 60vh;
	}
	.main-text{
		width: 90%;
		height: auto;
		display: flex;
		align-items: center;
	}


	#cont01 .inner{
		padding: 40px 2rem 200px;
	}
	#cont01 .inner .text{
		margin-top: 20px;
		text-align: left;
	}
	#cont02 .inner{
		padding: 60px 2rem 70px;
	}
	#cont02 .inner .text{
		margin-top: 20px;
		text-align: left;
	}
	#cont02 .inner .link-area a {
		margin: 40px 20px 0;
	}
	#cont02 .inner .link-area a+a{
		margin-top: 2rem;
	}
	#cont03 .inner-wide{
		padding: 40px 2rem 60px;
	}
	#cont03 .inner-wide > h2 > span img{
		width: 40%;
	}
	#cont03 .inner-wide > .colume2 {
		margin-top: 30px;
	}
	#cont03 .inner-wide > .colume2 .box:nth-child(1) .img {
		text-align: center;
		width: 70%;
		margin: 0 auto;
	}
	#cont03 .inner-wide > .colume2 .box:nth-child(2) {
		width: auto;
		margin-left: 0;
		margin-top: 2rem;
	}
	#cont03 .inner-wide > .colume2.link-area a {
		margin: auto;
	}
	#cont03 .inner-wide > .colume2.link-area a+a{
		margin-top: 1rem;
	}
	#cont03 .inner-wide > .colume2 .box:nth-child(2) .block .title{
		font-size: 24px;
		text-align: center;
	}
	#cont05 .inner-wide {
		padding: 40px 2rem 60px;
	}
	#cont05 .inner-wide > .colume2 {
		margin-top: 50px;
	}
	#cont05 .inner-wide > .colume2 .box:nth-child(2){
		width: auto;
		margin-left: 0;
		margin-top: 2rem;
	}
	#cont05 .inner-wide > .colume2 .box:nth-child(2) .block .title{
		font-size: 24px;
		text-align: center;
	}
	#cont06 .inner{
		padding: 60px 2rem 60px;
	}
	#cont06 .inner .colume2 .block > .colume2 {
		margin-top: 0;
	}
	#cont06 .inner .colume2 .block:nth-child(1) .colume2 .box{
		width: auto;
	}
	#cont06 .inner .colume2 .block:nth-child(1) .colume2 .box:nth-child(even) {
		margin-left: 0;
		margin-top: 5rem;
	}
	#cont06 .inner .colume2 .block:nth-child(1) .colume2 .box .price{
		font-size: 22px;
	}
	#cont06 .inner .colume2 .block:nth-child(1) .colume2 .box .button{
		width: 80%;
	}
	#cont07 .inner{
		padding: 60px 2rem 60px;
	}
	#cont07 .inner > ul{
		width: auto;
		margin: 20px auto 0;
	}
	#cont07 .inner > ul li a{
		flex-direction: column;
	}
	#cont07 .inner > ul li a .data{
		width: auto;
		text-align: right;
	}
	#cont07 .inner > ul li a .category{
		width: auto;
		margin-top: 1rem;
		margin-left: 0;
		padding: 8px 10px;
	}
	#cont07 .inner > ul li a .title{
		width: auto;
		margin-left: 0;
		margin-top: 2rem;
	}
	#cont08 .inner{
		padding: 40px 2rem 60px;
	}
	#cont08 .inner > .colume2:nth-child(2){
		align-items: center;
		margin-top: 20px;
		font-size: 40px;
	}
	#cont08 .inner .colume2 > p{
		line-height: 1.3;
	}
	#cont08 .inner .colume2 .tell{
		font-size: 40px;
	}
	#cont08 .inner .colume2 .tell > a{
		color: #88460c;
		font-size: 40px;
	}
	#cont08 .inner .colume2 .fax {
		margin-left: 0;
		font-weight: bold;
	}
	#cont08 .inner .colume2 .fax span {
		font-size: 24px;
	}
	#cont08 .inner .link-area .button{
		width: auto;
		margin: 40px 20px 0;
	}
	#cont08 .inner .link-area .button+.button{
		margin-top: 2rem;
	}
	#footer .inner{
		padding: 20px 2rem 10px;
	}
	#footer .inner .footer-top{
		display: none;
	}
	#footer .inner .footer-bottom .image img{
		width: 70%;
	}
	#footer .inner .footer-bottom > .colume2{
		align-items: center;
		margin-top: 1rem;
	}
	#footer .inner .footer-bottom > .colume2 p{
		line-height: 1.3;
		font-size: 40px;
		margin-top: 0;
	}
	#footer .inner .footer-bottom > .colume2 .fax{
		margin-left: 0;
		font-weight: bold;
	}
	#footer .inner .footer-bottom > .colume2 .tell{
		font-size: 40px;
	}
	#footer .inner .footer-bottom > .colume2 .tell a{
		color: #fff;
		font-size: 40px;
	}
	#footer .inner > .copyright p{
		margin-top: 20px;
	}




	body.page .inner-page .main-image, body.category .inner-page .main-image, body.single .inner-page .main-image {
		width: 100%;
		height: 240px;
	}
	body.page #container.inner-page > .inner {
		padding: 60px 2rem 100px;
	}
	body.product-about #inner-cont01 .inner{
		padding: 0;
	}
	body.product-about #inner-cont01 .inner > .text {
		margin-top: 20px;
		text-align: left;
	}
	body.product-about #inner-cont02 .inner{
		padding: 0;
	}
	body.product-about #inner-cont02 .inner > h2 {
		margin-top: 20px;
	}
	body.product-about #inner-cont02 .inner > p img{
		width: 40%;
	}
	body.product-about #inner-cont02 .inner > .text{
		margin-top: 20px;
	}
	body.product-about #inner-cont03 .inner{
		padding: 0;
	}
	body.product-about #inner-cont03 .inner > .text {
		margin-top: 20px;
	}
	body.product-about #inner-cont03 .inner > .button{
		width: auto;
		margin: 40px auto 0;
	}
	body.product-about #inner-cont04 {
		margin-top: 80px;
	}
	body.product-about #inner-cont04 .inner > .block .colume2{
		margin-top: 5rem;
	}
	body.product-about #inner-cont03 .inner > .colume2 .box:nth-child(1) {
		width: auto;
	}
	body.product-about #inner-cont03 .inner > .colume2 .box:nth-child(2) {
		margin-left: 0;
		width: auto;
	}
	body.product-about #inner-cont04 .inner{
		padding: 0;
	}
	body.product-about #inner-cont04 .inner > .text{
		margin-top: 20px;
	}
	body.product-about #inner-cont04 .inner > .block {
		margin-top: 0;
	}
	body.product-about #inner-cont04 .inner > .block .colume2 .box:nth-child(2){
		margin-top: 2rem;
	}
	body.product-about #inner-cont04 .inner > .block .colume2 .box:nth-child(2) .title{
		text-align: center;
	}
	body.product-about #inner-cont04 .inner > .button{
		width: auto;
		margin: 40px auto 0;
	}

	body.company #inner-cont01 .inner{
		padding: 0;
	}
	body.company #inner-cont01 .inner > ul{
		width: auto;
		margin: 40px auto 0;
	}
	body.company #inner-cont01 .inner > ul li{
		padding: 16px 0;
	}
	body.company #inner-cont01 .inner > ul li dl dd{
		font-size: 16px;
	}
	body.company #inner-cont02{
		margin-top: 80px;
	}
	body.company #inner-cont02 .inner{
		padding: 0;
	}
	body.company #inner-cont02 .inner iframe {
		margin-top: 40px;
	}


	body.category-item .inner-page .inner {
		padding: 60px 2rem 100px;
	}
	body.category-item .inner-page .inner .colume3{
		margin-top: 4rem;
	}
	body.category-item .inner-page .inner .colume3 .box{
		width: auto;
		margin-left: 0;
	}
	body.category-item .inner-page .inner .colume3 .box+.box{
		margin-top: 5rem;
	}
	body.category-item .inner-page .inner .colume3 .box:nth-child(n+4){
		margin-top: 5rem;
	}
	body.category-item .inner-page .inner .colume3 .box .image img{
		margin-top: 0;
	}

	body.single #container .inner {
		padding: 100px 2rem 180px;
	}


	body.contact #inner-cont01 .inner{
	padding: 0;
	}
	body.contact #inner-cont01 .formblock {
		width: auto;
		margin: 40px auto 0;
	}
	body.contact #inner-cont01 .formblock dl{
		flex-direction: column;
	}
	body.contact #inner-cont01 .formblock dl+dl {
		margin-top: 20px;
	}
	body.contact #inner-cont01inner-cont01 .formblock dl dt{
		width: auto;
		padding: 10px;
	}
	body.contact #inner-cont01 .formblock dl dd{
		width: 100%;
		margin-left: 0;
	}
	body.contact #inner-cont01 .formblock dl dd input[type="text"], body.contact #inner-cont01 .formblock dl dd input[type="email"], body.contact #inner-cont01 .formblock dl dd input[type="tel"], body.contact #inner-cont01 .formblock dl dd input[type="email"],body.contact #inner-cont01 .formblock dl dd textarea{
		width: 100%;
		height: auto;
	}
	body.contact .formblock .button{
		margin: 50px auto 0;
		padding: 0;
		width: auto;
	}
	body.contact .formblock .button input[type="submit"]{
		width: 100%;
		padding: 16px 20px;
	}









}




@media screen and (max-width:380px){
	div.slider-01 div.slide{
		height: 75vh;
	}

}