@charset "utf-8";


@media screen and (max-width: 960px) {
    
#header { height: 50px;}

#header h1 { padding: 13px 0 0 13px;}
#header h1 img { width: 125px;}

#header .inner { width: 100%;}

#header ul {
 float: none;
 width: 100%;
 padding: 0;
}
#header li {
 float: none;
 padding: 0;
}
#header li a {
 display: block;
 font-size: 17px;
 line-height: 1em;
 text-align: center;
 padding: 13px 0;
 border-top: 1px solid #fff;
}

#menuBtn {
 position: absolute;
 right: 15px;
 top: 14px;
}

#spMenu {
 display: none;
 position: absolute;
 left: 0;
 top: 0;
 z-index: 5000;
 width: 100%;
 height: auto;
 padding: 50px 0 0;
 background-color: rgba(89,87,87,0.85);
}
#closeBtn {
 position: absolute;
 right: 15px;
 top: 14px;
}
#closeBtn img.back {
 position: absolute;
 left: -40px;
 top: 10px;
}

#footer { border-top-width: 1px;}
#footer img.sp {
 width: 215px;
 height: auto;
}
#footer img.kanban {
 width: 119px;
 height: auto;
}


.pc { display: none;}
img.pc { display: none !important;}
.sp { display: block;}
img.sp { display: inline-block !important;}

img.catch {
 width: 100%;
 height: auto;
}

.lm {
 position: absolute;
 top: -50px;
 left: 0;
 z-index: 100;
}

/*===== text =====*/
p,th,td,dl {
 font-size: 12px;
}


h2 img { width: 251px;}

.midashi {
 color: #595757;
 font-family: "A-OTF リュウミン Pro" , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
 font-size: 18px;
 font-weight: 400;
 line-height: 1.4em;
 letter-spacing: 0.05em;
}

h3 span { font-size: 10px;}




/*===== catch =====*/

#catch {
 height: 320px !important; 
 padding: 0;
 background: url(../img/top/catch_back.png) no-repeat center bottom;
 background-size: 830px 320px;
}
#catch .inner { width: 320px;}
#catch img {
 position: absolute;
 left: 20px;
 top: 110px;
 width: 145px;
 height: auto;
}



/*===== news =====*/

#news { padding: 20px 0 25px;}
#news h2 {
 font-size: 13px;
 padding-bottom: 14px;
 margin-bottom: 0;
 border-bottom: 1px solid #eee; 
}
#news .inner { width: 100%; margin: 0; padding: 0;}
#news .unit {
 position: relative;
 float: none;
 width: 100%;
 padding-right: 0;
}
#news .unit .thumb {
 position: absolute;
 width: 70px;
 height: 70px;
 margin-bottom: 0;
}
#news .unit .spbox {
 padding: 0 15px 0 80px;
 background: url(../img/mark.png) no-repeat right center / 7px 13px;
}
#news .unit .date {
 display: block;
 font-size: 11px;
 margin-bottom: 5px;
}

#news .unit h3 {
 font-size: 15px;
}
#news .unit p { font-size: 11px;}
#news .unit a {
 height: 125px;
 height: auto;
 padding: 17px 10px 8px;
 border-width: 1px;
 border-top: none;
}
#news .unit a:hover { background-color: #f7f8f8;}
#news a.btn {
 letter-spacing: 0.05em;
 width: 170px;
 margin: 20px auto 0;
 border-width: 1px;
}


/*===== message =====*/

#message .contents {
 width: 100%;
 padding: 0 0 0;
 background: none;
}
#message .textUnit {
 width: 90%;
 padding: 35px 0 0;
 margin: 0 auto;
}
#message .fl,#message .fr { float: none;}
#message .fr { width: 100%;}
#message h3 { margin-bottom: 24px;}



/*===== group =====*/

#group {
 width: 100%;
 padding: 40px 0 0;
}
#group h2 { margin-bottom: 35px;}
#group .contents {
 width: 100%;
 height: auto;
 padding: 0;
 background: none;
}
#group .textUnit {
 width: 90%;
 padding: 0;
}
#group h3 {
 color: #595757;
 margin: 33px 0 20px;
}
#group p { color: #595757; margin-bottom: 0;}
#group .root { padding: 20px 0 0;}
#group .root img { width: 320px; height: auto;}

#group br.pc { display: none !important;}
#group br.sp { display: inline !important;}



/*===== works =====*/

#works {
 padding: 37px 0 0;
}
#works h2 { margin-bottom: 39px;}


#works .contents {
 width: 100%;
 padding: 20px 0 0;
 margin: 0 auto;
}
#works h3 {
 text-align: center;
 margin: 10px 0 38px;
}
#works h3 img {
 width: 224px;
 height: auto;
}
#works .fl,#works .fr { float: none;}

#works .unit01 {
 width: 90%;
 margin: 0 auto 30px;
}
#works .unit01 p { width: auto;}
#works .unit02 {
 width: 320px;
 margin: 0 auto;
}
#works .unit02 img {
 display: block;
 width: 290px;
 height: auto;
 margin: 0 auto;
}
#works .ichijuanBox {
 width: 240px;
 padding: 0 0 0 80px;
 margin: 0 auto;
 background: url(../img/top/ichijuan02.png) no-repeat left top;
 background-size: 63px 169px;
}
#works .ichijuanBox strong {
 font-family: "A-OTF リュウミン Pro" , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
 font-size: 12px;
 font-weight: 400; 
}
#works .ichijuanBox p { line-height: 1.55em;}


.slider_prev,.slider_next {
 background-color: rgba(0,0,0,0);
 background-size: 26px 47px;
}

/*===== store =====*/

#store {
 padding: 42px 0 0;
}
#store h2 { margin-bottom: 30px;}
#store .contents {
 width: 100%;
 padding: 0;
 background: none;
}
#store .textUnit {
 width: 90%;
 padding: 24px 0 0;
 margin: 0 auto;
}
#store h3 { margin-bottom: 40px;}
#store h3 img {
 width: 129px;
 height: auto;
}
#store h3 span {
 position: absolute;
 top: 15px;
 left: 160px;
}
#store .fl,#store .fr { float: none;}
#store .unit01 { margin-bottom: 50px;}
#store .unit01 h4 { margin-bottom: 20px;}
#store .unit01 .fl { width: 100%;}
#store .unit01 .fr { padding: 0;}
#store .unit01 .fr img {
 width: 300px;
 height: auto;
}
#store .unit02 { margin-bottom: 20px;}
#store .unit02 h5 {
 line-height: 1em;
 margin-bottom: 20px;
}
#store .unit02 h5 img {
 width: auto;
 height: 16px;
}
#store h6.midashi {
 font-size: 15px;
 margin-bottom: 10px;
}
#store .box {
 float: none;
 width: 100%;
 padding-right: 0;
}
#store .box p { font-size: 10px; margin-bottom: 20px;}


#store a.line {
 display: block;
 padding: 15px;
 border: 1px solid #00c300;
}
#store a.line div {
 padding-left: 0;
 background: url(../img/top/store_line_mark.png) no-repeat right center / 8px 14px;
}
#store a.line div img.sp {
 width: 177px;
 height: auto;
}

#store a.line div img.icon {
 width: 49px;
 height: auto;
 margin-right: 11px;
}



/*===== recruit =====*/

#recruit {
 padding: 43px 0 0;
}
#recruit h2 { margin-bottom: 30px;}
#recruit p { margin-bottom: 0;}
#recruit .contents {
 width: 100%;
 padding: 0;
 background:none;
}
#recruit .textUnit {
 width: 90%;
 padding: 0;
}
#recruit .fl,#recruit .fr { float: none;}
#recruit .fl,#recruit fr { float: none;}
#recruit .unit01 { margin-bottom: 40px;}
#recruit .unit01 .fl { width: 100%;}
#recruit .unit01 h3 { margin: 34px 0 20px;}
#recruit .unit01 img.sp {
 float: right;
 width: 94px;
 height: auto;
 padding: 0 0 2px 5px;
}
#recruit .unit02 { width: 100%;}
#recruit .unit02 .fl { margin-bottom: 10px;}
#recruit .unit02 .fr { width: 100%;}
#recruit .unit02 h3 {
 font-size: 15px;
 margin-bottom: 10px;
}
#recruit .unit02 p { font-size: 12px;}
#recruit .unit02 img {
 display: block;
 width: 128px;
 height: auto;
 margin: 0 auto;
}


#requirement .inner {
 width: 90%;
 padding: 25px 0 30px;
 margin: 0 auto;
}
#requirement th,#requirement td {
 padding: 10px 0;
 border-bottom: 1px solid #d2d2d2;
}
#requirement th {
 font-weight: normal;
 text-align: left;
 width: 70px;
 padding: 10px 10px 10px 7px;
}
#requirement p.midashi {
 font-size: 15px;
 text-align: left !important;
 margin-bottom: 15px !important;
}
#requirement .renrakusaki { width: 95%; padding: 10px;}
#requirement .renrakusaki p {
 text-align: left;
}
#requirement .renrakusaki a { color: #595757;}



/*===== profile =====*/

#profile { padding: 55px 0 0;}
#profile h2 { margin-bottom: 30px;}
#profile .contents {
 width: 100%;
 padding: 0;
 background: none;
}
#profile .fl,#profile .fr { float: none;}
#profile .textUnit {
 width: 100%;
 padding: 80px 0 50px;
 margin: 0 auto;
}
#profile .unit01 {
 width: 90%;
 margin: 0 auto;
}
#profile .unit01 h3 {
 float: left;
 line-height: 1em;
 margin-bottom: 40px;
}
#profile .unit01 h3 span {
 font-family: "A-OTF リュウミン Pro" , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
#profile .unit01 ul { float: right;}
#profile .unit01 li { padding-left: 7px;}
#profile .unit01 li img {
 width: 40px;
 height: auto;
}
#profile .unit01 table {
 width: 100%;
 border-top: 1px solid #b3b3b3;
 margin-bottom: 45px;
}
#profile .unit01 th,
#profile .unit01 td {
 padding: 6px 0;
 border-bottom: 1px solid #b3b3b3;
}
#profile .unit01 th {
 text-align: left;
 font-weight: normal;
 width: 80px;
 padding: 6px 0 6px 6px;
}

#profile .unit02 {
 width: 90%;
 padding: 30px 0 40px;
 margin: 0 auto;
}
#profile .unit02 h3 {
 text-align: center;
 padding-bottom: 25px;
 margin-bottom: 18px;
 border-bottom: 1px solid #d6d6d6; 
}
#profile .unit02 table {
 width: 100%;
 border-bottom: 1px solid #d6d6d6; 
}
#profile .unit02 th,
#profile .unit02 td {
 font-weight: normal;
 text-align: left;
 padding: 0 0 8px 7px;
}
#profile .unit02 th { width: 50px;}

#profile .unit03 { padding: 0 0 20px;}
#profile .unit03 .inner {
 width: 90%;
 margin: 0 auto;
}
#profile .unit03 h3 {
 text-align: center;
 padding-bottom: 30px;
}
#profile .unit03 h4 { font-size: 17px;}

#profile a { color: #595757;}

#map {
 width: 320px;
 margin: 0 auto 40px;
}
#map img {
 width: 320px;
 height: 400px;
}
#map iframe {
 width: 320px !important;
 height: 150px !important;
 margin-top: 15px;
}



/*===== category&single&archive =====*/

#basicContainer {
 width: 100%;
 padding: 85px 0 0;
 margin: 0 auto;
}
#basicContainer h2 img {
 width: 251px;
 height: auto;
}
#basicContainer h3 { font-size: 13px;}
#basicContainer .archives {
 float: none;
 width: 100%;
 padding: 15px 0 17px;
}
#basicContainer .archives ul { padding: 0 10px;}
#basicContainer .ichiran,#basicContainer .kiji {
 float: none;
 width: 100%;
}
#basicContainer .kiji .content { padding: 15px 10px;}

#basicContainer .ichiran { border-top-width: 1px;}
#basicContainer .ichiran .unit { border-bottom: 1px solid #e9eaea;}
#basicContainer .ichiran .unit a {
 position: relative;
 height: 50px;
 padding: 12px 10px 12px 10px;
}
#basicContainer .ichiran .thumb {
 float: none;
 position: absolute;
 width: 50px;
 height: 50px;
 margin-right: 0;
 background-color: #ccc;
}
#basicContainer .ichiran .spUnit {
 float: none !important;
 height: 50px;
 padding: 0 10px 0 60px;
 background: url(../img/mark.png) no-repeat right center / 8px 14px;
 }


.wp-pagenavi { margin: 15px auto 15px;}

#pager { padding: 10px 10px 15px;}


.kaisya {
 width: 300px;
 padding: 150px 10px 30px;
 margin: 60px auto 0;
 border-top: none;
 background: url(../img/top/profile_back.jpg) no-repeat left top / 320px 140px;
}
.kaisya p { margin-bottom: 0;}
.kaisya p.midashi { margin-top: 20px;}
.kaisya a { color: #595757; text-decoration: none;}

#bottomMenu li { width: 100%;}
#bottomMenu a {
 display: block;
 font-family: "A-OTF リュウミン Pro" , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
 color: #595757;
 font-size: 13px;
 line-height: 1em;
 letter-spacing: 0.05em;
 padding: 12px 15px;
 background-color: #f7f8f8;
 border-top: 1px solid #dcdddd;
}
#bottomMenu a span {
 display: block;
 background: url(../img/mark.png) no-repeat right center / 8px 14px;
}



/*===== contact =====*/

#contact h2 img {
 width: 250px;
 height: auto;
}
#formUnit {
 padding: 45px 0 65px;
 margin: 30px 0 0;
 background: url(../img/texture_B.png) repeat center top;
}
#formUnit .inner {
 width: 320px;
 margin: 0 auto;
}

#formUnit dt {
 font-size: 14px;
 margin-bottom: 5px;
}

#formUnit dd { margin-bottom: 20px;}

#contact p.att {
 width: 90%;
 margin: 20px auto 0;
}

#formUnit dd.type01 input { width: 90%;}
#formUnit dd textarea { width: 90%;}

.wpcf7-submit {
 width: 90%;
 height: 40px;
}

.sent .transmission .thank {
 width: 90%;
 padding: 50px 0;
 margin: 0 auto 50px;
}



/*===== 404 =====*/

.nothingfound { padding: 30px 0 0;}
.nothingfound p {
 font-size: 13px;
 margin-bottom: 10px;
}


}