@charset "utf-8";
.cfx:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.cfx { min-height: 1px; }

* html .cfx {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

#work .inner,
#works_detail_contents .inner,
#suggestion .inner {width:auto;}

#works_list li img {max-width:100%;height:auto;}
#suggestion p.btn.totop {display:none;}
#pager 				{ text-align: center; font-size: 14px; }
#pager ul span,
#pager ul a { display: inline-block; *display: inline; *zoom: 1; width: 33px; padding: 5px 0; margin: 3px 0; }
#pager ul span 		{ background: #000; color: #fff; }
#pager ul a { background: #fff; color: #000; border: 1px solid #000; }

#contact_us { background: #f3f3f3; padding: 40px 0;}
#contact_us .inner { width: 941px;}
#contact_us p.btn { float: left; width: 465px;}
#contact_us .reserve { margin: 0 11px 0 0;}
#contact_us a { display: block; /*width: 335px;*/ color: #fff; font-size: 21px; text-align: left; padding: 40px 0 40px 155px;}
#contact_us a span { display: block; background: url(images/arw_01.png) 90% center no-repeat;}
#contact_us a small { font-size: 15px; line-height: 100%; display: block;}
#contact_us .reserve a { background: url(images/icn_04.png) 80px center no-repeat #12274a;}
#contact_us .catalog a { background: url(images/icn_05.png) 80px center no-repeat #8e0314;}

.pgFoot {
clear:both;
}

@media (min-width:641px) and (max-width:999px){
.col2 #contents{
max-width: 1000px;
}
h2.main_ttl {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
}

@media only screen and (max-width:640px){
.pgFoot {margin-left:-15px;margin-right:-15px;}
#contact_us { background: #f3f3f3; padding: 20px 0;margin:0 -15px;}
#contact_us .inner { width: 94%;}
#contact_us p.btn { float: none; width: 100%;}
#contact_us .reserve { margin: 0 0 15px;padding-bottom:0;}
#contact_us a { display: inline-block;
    *display: inline;
    *zoom: 1;
    color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 14px; display: block; color: #fff; font-size: 16px; text-align: left; padding: 20px 0 20px 20%;}
#contact_us a span { display: block; background: url(images/arw_01.png) 90% center no-repeat;}
#contact_us a small { font-size: 12px; line-height: 100%; display: block;}
#contact_us .reserve a { background: url(images/icn_04.png) 5% center no-repeat #12274a; background-size: 20px auto;}
#contact_us .catalog a { background: url(images/icn_05.png) 5% center no-repeat #8e0314; background-size: 20px auto;}
}

@media all and (min-width:1000px){
	.col2 #mainArea{float:none; max-width:1200px; }
}
#works_detail_contents .contents {text-align:center;}
#works_detail_contents .contents img{max-width:900px;height:auto;}


/* ------------------------------------------------------------ common */

#works_list { padding: 100px 0 0; margin: 0 0 0 -25px;}
#works_list li { float: left; margin: 0 0 20px 25px;width:316px;}
#works_list li div { padding: 25px 0; width: 350px; }
#works_list li div h4 { font-size: 18px; margin: 0 0 20px; font-family: 'Noto Sans Japanese bold'; height: 36px; overflow: hidden; }
#works_list li div h4 span { font-size: 12px; color: #c30606; display: block;}
#works_list li div p { height: 81px; overflow: hidden; }
/* ------------------------------------------------------------ index */
/*
#fv { background: url(../images/works/fv.jpg) center center no-repeat; background-size: cover;}
*/
#work { padding: 0 0 150px;}


/* ------------------------------------------------------------ detail */

#works_detail #header { border-bottom: 1px solid #f1f3f4; background: #fff; }
#works_detail #header ul li a { color: #000; font-family: 'Noto Sans Japanese bold';}

#works_detail #bread { margin: 92px 0 0; }


#works_detail #works_detail_contents { padding: 60px 0 0;}
#works_detail #works_detail_contents h3 { text-align: center; font-size: 34px; padding: 0 0 25px; font-family: 'Noto Sans Japanese medium';line-height: 1.5;}
#works_detail #works_detail_contents h3 span { color: #c30606; font-size: 15px; display: block;}
#works_detail #works_detail_contents #example3 p { text-align: left; color: #fff; /*background: url(../images/works/detail/bg.png); */padding: 25px; line-height: 30px;}
#works_detail #works_detail_contents h4 { font-size: 28px;}
#works_detail #works_detail_contents p { line-height: 35px; padding: 35px 0 110px; }
#works_detail #works_detail_contents .contents p { width: 805px; margin: 0 auto;text-align:left;}

#suggestion { padding: 120px 0 0;}
#suggestion h3 { font-size: 21px; text-align: center; font-family: 'Noto Sans Japanese bold';}
#suggestion #works_list { padding: 60px 0 0;}
#suggestion p.btn.totop { padding: 50px 0 125px;}

.empty { text-align: center; padding: 20px 0 40px; }
/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){

/* ------------------------------------------------------------ common */

#works_list { padding: 30px 0 0; margin: 0;}
#works_list li { float: none; margin: 0 0 15px;width: auto;}
#works_list li img { float: left; width: 50%; height: auto;}
#works_list li div { padding: 0 2%; float: left; width: 50%; box-sizing: border-box; -webkit-box-sizing: border-box;}
#works_list li div h4 { font-size: 14px; margin: 0 0 5px; font-family: 'Noto Sans Japanese bold'; line-height: 130%; height: 55px; overflow: hidden; }
#works_list li div h4 span { font-size: 11px; color: #c30606; display: block;}
#works_list li div p { font-size: 13px; line-height: 130%; height: auto; }

/* ------------------------------------------------------------ index */
/*
#fv { background: url(../images/works/fv.jpg) center center no-repeat; background-size: cover;}
*/
#work { padding: 0 0 50px;}


/* ------------------------------------------------------------ detail */

#works_detail #bread { margin: 40px 0 0; }

#works_detail #works_detail_contents { padding: 30px 0 0;}
#works_detail #works_detail_contents h3 { text-align: center; font-size: 20px; padding: 0 ;}
#works_detail #works_detail_contents h3 span { color: #c30606; font-size: 12px; display: block;}
#works_detail #works_detail_contents #example3 p { padding: 15px; line-height: 24px;}
#works_detail #works_detail_contents h4 { font-size: 18px;}
#works_detail #works_detail_contents p { line-height: 30px; padding: 15px 0 30px; }
#works_detail #works_detail_contents .contents img { width: 100%; height: auto;}
#works_detail #works_detail_contents .contents p { width: 94%; margin: 0 auto;}

#suggestion { padding: 30px 0 0;}
#suggestion h3 { font-size: 16px; text-align: center; font-family: 'Noto Sans Japanese bold';}
#suggestion #works_list { padding: 30px 0 0;}
#suggestion p.btn.totop { padding: 30px 0 40px;}


}