@charset "UTF-8";

/*--------------------------------------------------------
モバイル用レイアウト（736px以下の解像度のスクリーン含む）
--------------------------------------------------------*/

@media (max-width: 1024px) and (min-width: 768px) {

ul#nav1,
#works-table td.txt,
#flow-list,
.q-arrow,
#header h1,
#header ul,
#header-contact,
#header,
.u-wrapper1 p.u-txts2 br{
	display: none;
}

#inner-bg{
	margin-top: 0px;
	padding-top: 65px;
}

p#pan,
p#greeting-txt{
	width: 97%;
	padding-left: 3%;
}

ul#inner-btn li,
#rental-btn li, #req-btn li{
	width: 225px;
}

#ylw-clum .googlemap,
#greeting-clum,
#inner-banner,
.bgn-clum{
	width: 94%;
	padding-left: 3%;
	padding-right: 3%;
}

#greeting-clum .left,
#greeting-clum .right{
	width: 100%;
}

#greeting-clum .right{
	padding-top: 20px;
}

#inner-banner .left,
#inner-banner .right,
.bgn-clum .left,
.bgn-clum .right,
#under-content .left,
#under-content .right{
	width: 49%;
}

#bn-clum{
	width: 94%;
	padding-left: 3%;
	padding-right: 3%;
}

.bn-cont .left, .bn-cont .right{
	width: 44%;
}

.wht-frame .bn-txt{
	padding: 0px 5%;
	width: 90%;
}

.bn-lastone{
	margin-left: auto;
	margin-right: auto;
}

.left-one{
	margin-left: 26%;
}

#merit,
.panel, #kitchen-list{
	width: 94%;
	padding-left: 3%;
	padding-right: 3%;
}

#meat-bg{
	padding: 7% 3%;
}

#merit .left{
	float: none;
}

#merit .right{
	float: none;
	padding-top: 25px;
}

p#faq-catchy{
	font-size: 20px;
}

.panel dt .q-txt{
	width: 60%;
}

.panel dt .q-txt{
	padding-top: 28px;
}

.q-tbl{
	padding-top: 15px !important;
}

p#works-txt{
	font-size: 20px;
}

#works-table{
	width: 100%;
}

#works-table td.ttl span{
	display: block;
	font-size: 12px;
	font-weight: 100;
	padding-top: 3px;
}

#works-table th{
	text-align: left;
	padding-left: 5%;
	width: 15%;
}

#works-table td.ttl{
	width: 80%;
}

#d-frame{
	margin-left: 3%;
	margin-right: 3%;
	width: 84%;
	padding: 30px 5%;
}

#d-wht{
	margin-right: 3%;
	margin-left: 3%;
	width: 84%;
	padding: 65px 5%;
}

#sa-clum{
	margin-left: 3%;
	margin-right: 3%;
	width: 94%;
}

#sa-clum .sa-txt{
	float: none;
	width: 100%;
	padding-top: 0px;
}

#sa-clum .right-img{
	float: none;
	margin-top: 15px;
}

.tbl-left{
	float: left !important;
	margin-left: 10px;
}

ul#po-list li{
	width: 46%;
	margin: 0px 1% 25px;
	text-align: center;
}

ul#po-list li img{
	display: block;
}

ul#po-list li .dot-img{
	width: 13px;
	margin-left: auto;
	margin-right: auto;
}

ul#po-list li .tbl-listimg{
	margin-left: auto;
	margin-right: auto;
	width: 230px;
}

#po-detail{
	margin-left: 3%;
	margin-right: 3%;
	width: 94%;
}

#po-detail .left img{
	width: 100%;
}

#po-detail .left{
	float: none;
	width: 100%;
}

#po-detail .right{
	padding: 5%;
	float: none;
	width: 90%;
}

#po-detail .right p#txt{
	padding-right: 0px;
}

.all-point{
	margin-left: 3%;
	margin-right: 3%;
	width: 94%;
}

#kc-catchy p{
	width: 80%;
	font-size: 20px;
	line-height: 1.4em;
	text-shadow: 0 0 3px #fff;
}

#how-catchy p,
#req-catchy p{
	text-shadow: 0 0 3px #fff;
}

#kc-catchy img{
	margin-top: 50px;
}

#kc-catchy div{
	width: 80%;
	line-height: 1.4em;
	text-shadow: 0 0 3px #fff;
}

#kc-catchy{
	min-height: 200px;
}

.pb-clum{
	margin-left: 3%;
	margin-right: 3%;
	width: 94%;
}

.products-balloon{
	min-width: 100%;
}

p.pb-txt1{
	font-size: 20px;
}

p.pb-txt2{
	font-size: 14px;
	line-height: 1.4em;
}

ul.products-list li{
	width: 30%;
}

ul.products-list li p span{
	font-size: 14px;
	line-height: 1.4em;
}

ul.products-list li p{
	font-size: 18px;
	top: 33%;
	line-height: 1.2em;
}

.ps-contents{
	margin-left: 3%;
	margin-right: 3%;
	width: 94%;
}

.flow .f-ttl{
	width: 70%;
	padding-left: 30px;
}

.flow .f-txt{
	width: 85%;
	padding-top: 10px;
}

.ps-thought .pt-cat1,
.ps-thoughts .pt-cat1{
	float: none;
}

.ps-thought .pt-cat2,
.ps-thoughts .pt-cat2{
	width: 100%;
	float: none;
}

.flow-first{
	margin-top: 35px;
}

#works-list{
	padding-left: 2%;
	padding-right: 2%;
}

#works-list li{
	width: 26%;
	padding: 2%;
	margin: 0px 1%;
}

#amazing ul{
	padding: 0px 2%;
}

#amazing ul li{
	margin: 0px 1% 25px;
	width: 22%;
	padding: 3%;
}

.rental-int dt{
	padding-left: 20px;
	padding-right: 20px;
}

.rental-int .r-txt{
	width: 65%;
}

.rental-int .r-detail{
	clear: both;
	margin-top: 15px;
}

.rental-int dd ul.pics li{
	width: 30%;
}

p#contact-ttl{
	font-size: 20px;
}

#list-display li.cont,
ul.ev-list li{
	margin: 0px 2% 25px;
	width: 46%;
}

.blog-frame,
#per-cont{
	margin-left: 3%;
	margin-right: 3%;
	width: 94%;
}

.blog-frame .contents,
.blog-frame .sidebar{
	width: 100%;
	float: none;
}

#un-frame{
	margin-left: 3%;
	margin-right: 3%;
	width: 88%;
	padding: 3%;
}

#un-frame p{
	padding: 80px 25px 0px 25px;
}

p#un-num .u-txt1,
p#un-num .u-txt2,
p#un-num .u-txt4{
	font-size: 36px;
}

p#un-num .u-txt3{
	font-size: 28px;
}

#un-list li{
	background-size: contain;
	width: 31% !important;
	margin: 0px 0.5%;
	padding-top: 30%;
}

#un-bg3 p,
.k-blog-frame{
	padding-left: 3%;
	padding-right: 3%;
	width: 94%;
}

#news-clum{
	margin-left: 3%;
	margin-right: 3%;
	width: 84%;
	padding: 5%;
}

#wp-clum,
#under-content{
	padding-left: 3%;
	padding-right: 3%;
	width: 94%;
}

#wp-clum #crepe,
#wp-clum #donut{
	float: none;
	width: 100%;
}

#wp-clum #donut{
	margin-top: 55px;
}

.t-event li{
	width: 28%;
	margin: 0px 1%;
}

#under-content ul li{
	width: 47%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 2%;
}

.t-event li .e-cont .right{
	width: 50%;
}

.t-event li .e-cont .left, .t-event li .e-cont .left img{
	width: 100px !important;
	height: 100px !important;
}

.t-event li .e-cont .right{
	padding-top: 10px;
}

p.in-ttl-2{
	padding-left: 75px;
	margin-right: 0px;
	text-align: left;
	background-position: left center;
}

#news-icon{
	padding-left: 75px;
	margin-right: 0px;
	text-align: left;
	background-position: left 20px center;
}

.drawr{
	display: block;
}

#k-clum .left,
#k-clum .right{
	float: none;
	width: 100%;
}

#k-clum .right{
	margin-top: 55px;
}

#comment-k .left{
	float: left !important;
}

#comment-k .right{
	float: right !important;
	width: 80% !important;
	margin-top: 0px !important;
}

.blog-list .list-btn, .blog-list .list-btns{
	margin-left: 25%;
}

p#intro-txt{
	font-size: 20px;
}

#per-frame{
	background-image: none;
	margin-left: 3%;
	margin-right: 3%;
	width: 94%;
}

#how-catchy,
#req-catchy{
	background-size: contain;
	background-position: center top 50px;
}

#ps-catchy p, #how-catchy p, #req-catchy p{
	font-size: 20px;
}

#how-ribbon{
	font-size: 16px;
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
}

.how-point,
.how-points{
	margin-left: 5%;
	margin-right: 5%;
	width: 90%;
}

.how-point .left img,
.how-points .right img{
	width: 100%;
}

.how-point .left,
.how-points .right{
	float: none;
	width: 100%;
}

.how-point .right,
.how-points .left{
	float: none;
	width: 90%;
	padding: 5%;
}

#contact-box{
	width: 100%;
}

#ques-wht{
	margin-left: 3%;
	margin-right: 3%;
	width: 84%;
	padding: 5%;
}

#ques-wht .left{
	float: none;
}

.left-tbl{
	margin-top: 55px;
}

.left-tbl #illust{
	text-align: center;
}

#smp-header{
	display: inherit !important;
	padding: 12px 0px 12px 3%;
	position: fixed;
	background-color: #fff;
	width: 97%;
	z-index: 9999;
	top: 0px;
}

#header{
	position: inherit !important;
	height: auto;
	padding-bottom: 15px;
}

.drawr{
	display: block;
}

.button{
	background:url(/kumiai/image/smp/menu.jpg) no-repeat 0 0;
	display: block;
	background-size: 65px 65px;
	width: 65px;
	height: 65px;
	position: fixed;
	top: 0;
	right: 0;
	cursor: pointer;
	z-index: 9999;
}

.peke{
	background-image:url(/kumiai/image/smp/drawer_close.jpg);
}

.lh-css{
	line-height: 1.2em !important;
	padding-top: 12px;
}

.drawr{
	display: none;
	background-color: rgba(255,255,255,0.9);
	position: fixed;
	top: 0px;
	right: 0;
	width: 100%;
	height: auto !important;
	margin-top: 65px;
	padding-bottom: 10px;
	z-index: 100;
	line-height: 1.4em;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}

.drawr ul{
	margin: 1% 2%;
	overflow: hidden;
	padding-bottom: 1%;
	font-size: 14px;
}

.Menu1 li,
.Menu3 li,
.Menu5 li{
	width: 49.5%;
	background-color: #fff;
	height: 50px;
	line-height: 50px;
	text-align: center;
	float: left;
	font-size: 11px;
	font-weight: bold;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}

.Menu2 li,
.Menu4 li{
	width: 32.6%;
	background-color: #fff;
	height: 50px;
	line-height: 50px;
	text-align: center;
	float: left;
	font-size: 11px;
	font-weight: bold;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}

.Menu1 li a,
.Menu2 li a,
.Menu3 li a,
.Menu4 li a,
.Menu5 li a{
	display: block;
	text-decoration: none;
}

p#dr-menu{
	font-size: 28px;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	line-height: 28px;
	padding: 15px 0px 10px;
}

.drawr li{
	border-radius: 5px;
}

.drawr li#dr01-01{
	background-color: #f69c33;
	float: left;
}

.drawr li#dr01-02{
	background-color: #76bcb1;
	float: right;
}

.drawr li#dr01-01 a,
.drawr li#dr01-02 a,
#dr05-01 a,
#dr05-02 a{
	color:#fff;
}

.drawr ul.Menu2 li{
	border: 1px solid #da4428;
	margin-bottom: 3px;
}

#menus2{
	margin: 0px 2% 1%;
}

.Menu2{
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

.drawr li#dr02-01 a,
.drawr li#dr02-02 a,
.drawr li#dr02-03 a,
.drawr li#dr02-04 a,
.drawr li#dr02-05 a,
.drawr li#dr02-06 a,
#dr03-01 a,
#dr03-02 a{
	color:#da4428;
}

.drawr li#dr02-02,
.drawr li#dr02-05{
	margin: 0px 1%;
}

.drawr li#dr02-03,
.drawr li#dr02-06{
	float: right;
}

#dr03-01,
#dr03-02{
	border: 1px solid #da4428;
	background-color: #fadfdb;
}

#dr03-01{
	float: left;
}
#dr03-02{
	float: right;
}

#dr04-01{
	border: 1px solid #da4428;
	height: 40px;
	line-height: 40px;
}

#dr04-01 a{
	color:#da4428;
}

#dr04-02{
	border: 1px solid #e59305;
	float: left;
	margin: 0px 1%;
	height: 40px;
	line-height: 40px;
}

#dr04-02 a{
	color:#e59305;
}

#dr04-03{
	border: 1px solid #3297e1;
	float: right;
	height: 40px;
	line-height: 40px;
}

#dr04-03{
	color:#3297e1;
}

#dr05-01{
	float: left;
	background-color: #da4428;
	border-radius: 0px;
}

#dr05-02{
	float: right;
	background-color: #da4428;
	border-radius: 0px;
}

#smp-header h1{
	float: left;
	width: 270px;
}

#gf-table{
	display: none;
}

#global-footer{
	padding-left: 3%;
	padding-right: 3%;
	width: 94%;
}

.gf-detail{
	float: none;
	width: 256px;
	margin: 0 auto;
}

p#ft-txt{
	text-align: center;
}

#un-bg2-clum{
	padding-left: 3%;
	padding-right: 3%;
	width: 94%;
}

#un-bg2 .right{
	position: inherit !important;
}

#greeting-clum .right div{
	text-align: center;
}

.d-img,
.kc-tbl img{
	display: none;
}

ul#ft-btn li#txt1 a{
	color:#d94427;
	text-decoration: none;
}

p#p#ft-txt a{
	color:#fff;
	text-decoration: none;
}

#background{
	background-image: url(/kumiai/image/common/bg2.png);
	height: 105px;
	background-position: center top;
}

#d-frame th{
	margin: 0 auto;
}

.a-pl-spc{
	height: 158px !important;
}

.ps-thought .pt-cat1, .ps-thoughts .pt-cat1{
	margin-left: auto;
	margin-right: auto;
}

#merit .left{
	text-align: center;
}

#merit .right{
	width: 100%;
}

#merit .right ul{
	padding-left: 5%;
}

.flow .f-ttl{
	padding-top: 0px !important;
}

#gifanime02,
#gifanime03,
#gifanime04,
#gifanime05,
#gifanime06,
#gifanime07,
#gifanime08,
#gifanime09,
#gifanime10,
#gifanime11,
#maintxt{
	display: none;
}

#tbl-mainimg{
	display: block;
	margin-top: 65px;
}

#mainimg{
	min-height: 155px;
	margin-top: 25px;
	background-size: cover;
}

.sidebar{
	padding-top: 55px;
}

#un-bg2 .right,
#client-clum .left{
	display: none;
}

#client-clum{
	margin-top: -200px;
}

.un-bg2-wrapper,
.un-bg3-wrapper{
	padding-left: 3%;
	padding-right: 3%;
	width: 94%
}

#un-bg2-clum{
	padding-top: 35px;
}

#un-bg2-clum p#u-txt1{
	text-align: center;
	padding-top: 50px;
}

#client-txt  p#u-txt1{
	text-align: center;
	padding-top: 50px;
}

.un-smp-img{
	display: block;
	text-align: center;
}

#un-bg2-clum p#u-txt2, #client-txt  p#u-txt2{
	text-align: center;
}

#un-bg2{
	padding-bottom: 100px;
}

#un-bg2-clum div.btns{
	float: none;
	width: 200px;
	margin: 0 auto 250px;
	text-align: center;
}

#client-txt  div.btns{
	float: none;
	width: 230px;
	margin: 0 auto ;
	text-align: center;
}

#client-txt{
	float: none;
	width: 100%;
}

#un-bg2:before{
	
}

#client-txt{
	padding-bottom: 0px;
}

.u-wrapper1 .right,
.u-wrapper2 .left,
.u-wrapper3 .right{
	display: none;
}

.u-wrapper1 .left,
.u-wrapper3 .left{
	float: left;
	width: 50%;
}

.u-wrapper2 .right,
.u-wrapper3 .center{
	float: right;
	width: 50%;
}

.u-wrapper3 .center{
	padding-bottom: 3%;
}

.u-wrapper1 .center{
	float: right;
	width: 50%;
}

.u-wrapper1 p.u-txts1{
	font-size: 24px;
	line-height: 24px;
	margin-top: 10%;
}

.u-wrapper1 p.u-txts2,
.u-wrapper2 p.u-txts1,
.u-wrapper3 p.u-txts1{
	font-size: 18px;
	line-height: 1.4em;
	padding-left: 5%;
	padding-right: 5%;
}

.u-wrapper1 p.u-txts3,
.u-wrapper2 p.u-txts2,
.u-wrapper3 p.u-txts2{
	padding-top: 3%;
	font-size: 14px;
	text-align: left;
	line-height: 1.4em;
}

.u-wrapper2 .center{
	width: 50%;
	padding-bottom: 3%;
}

.u-wrapper2 .right img{
	width: 100%;
	height: 100% !important;
}

.u-wrapper2{
	background-image: url(../image/union/img4.jpg);
	background-size: 50% 100%;
	background-repeat: no-repeat;
	background-position: right top;
}

.u-wrapper3{
	background-image: url(../image/union/img5.jpg);
	background-size: 50% 100%;
	background-repeat: no-repeat;
	background-position: left top;
}

.u-wrapper2 .right img,
.u-wrapper3 .left img{
	display: none;
}

.u-wrapper2 .u-txts3 li{
	padding: 10px 25px;
	font-size: 14px;
}

#po-exclum{
	padding-left: 3%;
	padding-right: 3%;
	width: 94%;
}

.po-exone{
	margin-bottom: 20px;
}

.po-exone .left-pic,
.po-exone .right-txt,
.r-left-icon,
.po-exone .right-txt .r-right-txt{
	float: none;
	margin: 0 auto;
	width: 100%;
}

.po-exone .left-pic img{
	width: 100%;
}

.r-left-icon{
	width: 70px;
}

.po-exone .right-txt .r-right-txt p.txt1{
	background-image: none;
	text-align: center;
	padding-top: 10px;
}

#un-bg3 .u-img img,
#un-img img,
p#un-txt{
	padding-left: 3%;
	padding-right: 3%;
	width: 94%;
}

.cookgear_lp_area .left{
width: 90% !important;
}


}

@media not screen and (1) { .page-top { position: static; } }/* Opera10以上 */