@charset "UTF-8";

/* ---------------------------------------------------------
MEDIA QUERY FORMAT
----------------------------------------------------------*/
@media screen and (max-width: 980px) {
}

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

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

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

/* ---------------------------------------------------------
mainVisual
----------------------------------------------------------*/
#mainVisual {
  position: relative;
	margin: 0 0 20px;
}

#mainVisual .slider {
  max-width: 950px;
  margin: 0 auto;
}

#mainVisual #gNav {
  position: absolute;
  bottom: 0;
}

@media screen and (max-width: 768px) {
#mainVisual {
    position: relative;
    margin: 0 0 1PX;
}
#mainVisual #gNav {
  position: fixed;
  bottom: 50px;
  height: auto;
  background: none;
}

#mainVisual #gNav ul {
  background: -webkit-linear-gradient( left, rgba(219,183,74,.9) 0%, rgba(244,238,189,.9) 50%, rgba(219,183,74,.9) 100% );
  background: linear-gradient( to right, rgba(219,183,74,.9) 0%, rgba(244,238,189,.9) 50%, rgba(219,183,74,.9) 100% );
}
}



#content-top {
    background: #989083;
    padding: 30px 0 50px;
}
#content-top li {
    width: 150px;
    float: left;
    margin: 0 50px 0 0;
}
#content-top li:last-child {
    margin: 0;
}
#content-profile h2 {
    max-width: 950px;
    margin: 0 auto;
    width: 100%;
    border-bottom: solid 1px #747474;
}
.pack {
    max-width: 950px;
    margin: 0 auto;
}
.cont-pack {
    margin: 20px auto;
    border-bottom: dotted 1px #747474;
    float: left;
    padding: 0 0 20px;
}
.cont-pack .two-c-l {
    width: 37%;
    float: left;
    margin: 0 3% 0 0;
}
.cont-pack .two-c-r {
    float: left;
    width: 60%;
}
.cont-pack .two-c-r h3 {
    font-size: 20px;
    color: #747474;
    margin: 0 0 20px;
}
.cont-pack .two-c-r p {
    line-height: 160%;
    color: #747474;
    text-align: justify;
}
ul.booklist-h {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.cont-pack02 {
    margin: 20px 1%;
    border-bottom: dotted 1px #747474;
    float: left;
    padding: 0 1% 20px;
    width: 29%;
}
li.cont-pack02 p {
    font-size: 12px;
    margin: 15px 0 0 0;
    color: rgb(101, 101, 101);
}
.cont-pack02 .two-c-l {
    width: 37%;
    float: left;
    margin: 0 3% 0 0;
}
.cont-pack02 .two-c-r {
    float: left;
    width: 60%;
}
.cont-pack02 .two-c-r h3 {
    font-size: 20px;
    color: #747474;
    margin: 0 0 20px;
}
.cont-pack02 .two-c-r p {
    line-height: 160%;
    color: #747474;
    text-align: justify;
}
.cont-pack03 {
    margin: 20px 0.5%;
    border-bottom: dotted 1px #747474;
    float: left;
    padding: 0 0.5% 20px;
    width: 18%;
}
h3.works-h3 {
    color: #7a7a7a;
    font-size: 18px;
    padding: 20px 0 3px;
    border-bottom: dotted 1px #7a7a7a;
}
li.works-last {
    width: 100%;
    text-align: right;
}
li.works-last a {
    color: #7a7a7a;
    padding: 0 0 20px;
    font-size: 16px;
}

@media screen and (max-width: 768px) {
#content-top li {
    width: 30%;
    float: left;
    margin: 0 5% 30px 0;
    text-align: center;
}
#content-top li:nth-child(3n) {
    margin: 0 0 30px 0;
}
li.cont-pack02 p {
    font-size: 12px;
    margin: 15px 0 0 0;
    color: rgb(101, 101, 101);
}
}



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

}


h3.menu-detail-h3 {
    font-size: 18px;
    margin: 0 0 20px;
}
.store-detail ul li {
    width: 49%;
    float: left;
    margin: 0 1% 0 0;
}
table.store-detail-t {
    width: 100%;
    margin: 10px 0 50px;
}
table.store-detail-t th {
    border: solid 1px #989083;
    background: #989083;
    color: #fff;
    padding: 0.5em;
}


table.store-detail-t td {
    padding: 0 0 0 2em;
    border-bottom: dotted 1px;
}
/* ---------------------------------------------------------
bg
----------------------------------------------------------*/
.bg {
  background: url(../common/imgs/bg-pattern.png) top center repeat;
}





.slick-prev,
.slick-next {
  position: absolute;
  top: 43px;
  display: block;
  font-size: 0;
  line-height: 1;
  letter-spacing: 0;
  border: none;
  width: 20px;
  height: 33px;
  z-index: 1000;
}

.slick-prev {
  background: url(../imgs/slick-arrow-prev.png) center center no-repeat;
  left: -20px;
}

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

.slick-prev {
  left: 5px;
}
}

.slick-next {
  background: url(../imgs/slick-arrow-next.png) center center no-repeat;
  right: -20px;
}

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

.slick-next {
  right: 5px;
}
}


/* ---------------------------------------------------------
お問い合わせ
----------------------------------------------------------*/

#formWrap {
	width:700px;
	margin:20px auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
@media screen and (max-width: 768px) {
#formWrap {
	width:90%;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td, table.formTable th {
    border: 1px solid #ccc;
    padding: 2%;
    float: left;
    width: 100%;
}
table.formTable th{
	width:100%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
textarea {
    width: 100%;
}
section#content-profile {
    width: 96%;
    margin: 2%;
}
.cont-pack02,
.cont-pack03 {
    margin: 20px 3%;
    border-bottom: dotted 1px #747474;
    float: left;
    padding: 0 1% 20px;
    width: 42%;
}
}