@charset "utf-8";

/* 
name: style
designer: Adclip
designer_url: http://adclip.net/ 
*/

header{ margin:auto ;}

.header-inner{background:#333; color:#fff; }
.header-center{text-align:center;}
.header-left .inner,.header-right .inner{padding:5px; box-sizing:border-box;}
.header-right li{margin:5px; list-style:none;}
.header-right a{padding:5px 20px; color:#fff; background:#c1272d; border-radius:5px; display:block;}

footer{padding-top:20px; background:#111; color:#fff;}
footer a{color:#fff;}
footer a:hover{text-decoration:underline;}
footer li{line-height:2em; list-style:none;}

.copyright{border-top:#b3b3b3 1px dotted; text-align:center;}

.contact-area{text-align:center; padding:10px; box-sizing:border-box;}
.contact-area .inquiry a{
	font-size:120%;
	display:block;
	background:#c1272d;
	color:#fff;
	border-radius:5px;
}

.contact-area .inquiry a:hover{	display:block; background:#c83c42;}
.contact-area .inquiry .inquiry-text{ padding:20px;  text-align:center;}


.sharedaddy{margin:15px 0;}
.mtitle{background:#333; color:#fff;}


/*ページネーション*/
/************************************
** レスポンシブページネーション
************************************/
.pagination{
  list-style-type: none;
  padding-left: 0;
  margin: 30px 0;
}

.pagination,
.pagination li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.pagination a {
  font-weight: 300;
  padding-top: 1px;
  text-decoration:none;
  border: 1px solid #ddd;
  border-left-width: 0;
  min-width:36px;
  min-height:36px;
  color: #333;
}

.pagination li:not([class*="current"]) a:hover {
  background-color: #eee;
}

.pagination li:first-of-type a {
  border-left-width: 1px;
}

.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
  /* screen readers only */
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
  display: inline-block;
  font-family: Fontawesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.pagination li.first a::before { content: "\f100"; }
.pagination li.last a::after { content: "\f101"; }

.pagination li.previous a::before { content: "\f104"; }
.pagination li.next a::after { content: "\f105"; }

.pagination li.current a {
 background-color: #ddd;
 cursor: default;
 pointer-events: none;
}

.pagination > li:first-child > a {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}


/*画像サイズ1024px以上*/

@media  print, screen and (min-width:1024px) {

.header-center{
	margin-left:-150px;
	position:absolute;
	left:50%;
	width:300px;
	height:160px;
	background:url(../image/header-logo-left.jpg) no-repeat,url(../image/header-logo-right.jpg) no-repeat right,url(../image/header-logo-center.jpg) repeat-x;
}
.headerlogo{padding-top:20px;}
.header-inner{height:160px; background:url(../image/header-back.jpg) repeat-x;}
.header-left{width:360px; float:left;}
.header-left .inner,.header-right .inner{width:360px; height:160px; display:table;text-align:center;}
.header-left .inner .box,.header-right .inner .box{display:table-cell;vertical-align:middle; }
.header-right{width:360px; float:right;}

.footer-menu li{width:25%; float:left; font-size:90%;}

.mtitle{padding:20px 0; font-size:120%;}

}

/*画像サイズ781px以上1023以下*/
@media only screen and (min-width:781px)and (max-width:1023px)  {

.header-center{
	margin-left:-150px;
	position:absolute;
	left:50%;
	width:36%;
	height:160px;
	background:url(../image/header-logo-left.jpg) no-repeat,url(../image/header-logo-right.jpg) no-repeat right,url(../image/header-logo-center.jpg) repeat-x;
}
.headerlogo{padding-top:20px;}
.header-inner{height:160px; background:url(../image/header-back.jpg) repeat-x;}
.header-left{width:30%; float:left;}
.header-left img{width:100%;}
.header-left .inner,.header-right .inner{width:100%; height:160px; display:table;text-align:center;}
.header-left .inner .box,.header-right .inner .box{display:table-cell;vertical-align:middle; }
.header-right{width:28%; float:right;}
.header-right li{margin:10px 0;}

.footer-menu li{width:25%; float:left; font-size:90%;}

.mtitle{padding:20px 0; font-size:120%;}

}


/*画像サイズ481px以上780以下*/
@media only screen and (min-width:481px)and (max-width:780px)  {

.header-center{
	margin::0 auto;
	width:100%;
	height:160px;
	background:url(../image/header-logo-left.jpg) no-repeat,url(../image/header-logo-right.jpg) no-repeat right,url(../image/header-logo-center.jpg) repeat-x;
}
.headerlogo{padding-top:20px;}
.header-inner{ background:#333;}
.header-left{width:50%; float:left;}
.header-left .inner,.header-right .inner{width:100%; height:80px; display:table;text-align:center;}
.header-left img{width:100%;}
.header-left .inner .box,.header-right .inner .box{display:table-cell;vertical-align:middle; }
.header-right{width:50%; float:left;}
.header-right li{}

.footer-menu li{width:50%; float:left;}

.mtitle{padding:20px 0; font-size:120%;}
}


/*画像サイズ480px以下*/
@media only screen and (max-width:480px)  {

.header-center{
	margin::0 auto;
	width:100%;
	height:160px;
	background:url(../image/header-logo-left.jpg) no-repeat,url(../image/header-logo-right.jpg) no-repeat right,url(../image/header-logo-center.jpg) repeat-x;
}
.headerlogo{padding-top:20px;}
.header-inner{ background:#333;}

.header-left{margin-bottom:15px; text-align:center;}
.header-right{margin-bottom:15px; text-align:center;}


.footer-menu li{width:50%; float:left;}

.page-title .title-img{width:100%;}

.mtitle img{width:100%; padding:20px 0;}

}

/*ページネーション*/
/************************************
** レスポンシブページネーション
************************************/
.pagination{
  list-style-type: none;
  padding-left: 0;
  margin: 30px 0;
}

.pagination,
.pagination li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.pagination a {
  font-weight: 300;
  padding-top: 1px;
  text-decoration:none;
  border: 1px solid #ddd;
  border-left-width: 0;
  min-width:36px;
  min-height:36px;
  color: #333;
}

.pagination li:not([class*="current"]) a:hover {
  background-color: #eee;
}

.pagination li:first-of-type a {
  border-left-width: 1px;
}

.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
  /* screen readers only */
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
  display: inline-block;
  font-family: Fontawesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.pagination li.first a::before { content: "\f100"; }
.pagination li.last a::after { content: "\f101"; }

.pagination li.previous a::before { content: "\f104"; }
.pagination li.next a::after { content: "\f105"; }

.pagination li.current a {
 background-color: #ddd;
 cursor: default;
 pointer-events: none;
}

.pagination > li:first-child > a {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}