@charset "utf-8";
/* ================================================ CSS Information
 File Name:      layout.css
 Last updated:   2015/10/15
 Style Info:    レイアウト定義
 Notes:          
================================================================ */

h1, h2, h3, h4, h5, h6
	        { line-height: 1.6; margin-top:0; margin-bottom: 1em; font-size:1.6rem;}
p	        { margin-top:0; margin-bottom: 0; }
ul, ol	    { margin-top:0; margin-bottom: 1em; }
dl	        { margin-top:0; margin-bottom: 1em; }
dt	        { font-weight: bold; }
dd	        { margin-bottom: .5em; margin-left:0;}
strong	    { font-weight: bold; }
cite,
em          { font-style: normal; font-weight: bold; }
i	        { font-style: italic; }
address	    { margin-top:0; margin-bottom:1.8em; }
ins	        { background: #fff9c0; text-decoration: none; }
span        { padding:0; margin:0; }
a { 
  text-decoration: none;
  color: #333;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
a:hover	{
	opacity: 0.6;
	text-decoration: none;
  cursor:pointer;
  cursor:hand;
  opacity: .6;
  -webkit-opacity: .6;
  -moz-opacity: .6;
  filter: alpha(opacity=60);	/* IE lt 8 */
  -ms-filter: "alpha(opacity=60)"; /* IE 8 */
}
img {
  -webkit-backface-visibility: hidden;
}
table {
	width: 100%;
	margin: 0 0 1.5em;
}
table th,
table td {
  padding: 5px;
  border: 1px dotted #666;
  border-width: 0 0 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: normal;
  text-align: left;
}
tbody th { vertical-align: top; }
html { font-size: 62.5%; }
body {
	margin: 0;
	background: #fff;
	color: #333;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1;
	-webkit-text-size-adjust: 100%; /* iPhone */
}
#base {
	/*position: relative;*/
}
.zoom {
	overflow: hidden;
}
.zoom img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.zoom:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.fit-img {
  object-fit: contain;
  font-family: 'object-fit: contain;'
}
.fit-img {
  object-fit: cover;
  font-family: 'object-fit: cover; object-position: bottom;'
}
.pc-only { display: block;}
.sm-only { display: none;}
.clearfix {
  clear: both;
}
/* ヘッダー ------------------------------------------------ */
.header {
  padding: 1% 0;
  border-bottom: 1px solid #CCC;
  position: fixed;
  width: 100%;
  z-index: 500;
  background-color: #FFF;
}
.header .box {
  width: 90%;
  max-width: 1460px;
  margin: 0 auto;
  display: table;
  position: relative;
}
.header .box .top-logo {
  width: 25%;
  min-width: 15%;
  max-width: 312px;
  display: table-cell;
  vertical-align: middle;
  left: 0;
}
.header .box .top-logo img {
  width: 100%;
  right: 0;
}
.header .box .icon-box {
  width: 30%;
  max-width: 250px;
  display: table-cell;
  vertical-align: middle;
  float: right;
  position: relative;
  right: 0px;
  margin-top: 1%;
}
.icon-box a .icon01 {
  width: 10%;
  float: right;
  margin-left: 20%;
  /* display: table-cell; */
  display: none;
  vertical-align: middle;
}
.icon-box a .icon01 img {
  width: 100%;
}
.icon-box a .icon02 {
  width: 10%;
  float: right;
  margin-left: 20%;
  display: table-cell;
  vertical-align: middle;
}
.icon-box a .icon02 img {
  width: 100%;
}
.icon-box a .icon03 {
  width: 10%;
  float: right;
  display: table-cell;
  vertical-align: middle;
}
.icon-box a .icon03 img {
  width: 100%;
}
/* フッター ------------------------------------------------ */
.footer {
  padding: 8% 0;
  text-align: center;
}
.footer .link-box {
  width: 80%;
  margin: 0 auto 4%;
}
.footer .link-box .link {
  margin: 0 2%;
  font-weight: bold;
  float: left;
  font-size: 1.2vw;
}
.footer .copyright {
  font-size: 0.9vw;
}
#back-top {
    position: fixed;
    width: 8%;
    max-width: 80px;
    right: 5%;
    bottom: 5%;
    cursor: pointer;
    z-index: 1000;
}

/* wpページナビ */
.wp-pagenavi {
	position:relative;
	clear: both;
	width: 100%;
	margin: 0 auto 5%;
	text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span {
  display: inline-block;
  min-width: 21px;
  height: 28px;
  line-height: 30px;
  overflow: hidden;
  margin: 0 3px;
  padding: 0 8px;
  box-sizing: border-box;
  font-size: 15px;
  font-size: 1.5rem;
  text-align: center;
  letter-spacing: normal;
}
.wp-pagenavi .page,
.wp-pagenavi .current {
  text-decoration: none;
}
.wp-pagenavi .first,
.wp-pagenavi .last,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {}
	
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
  background: #333;
  color: #FFF;
}
/* サイドバー
 ------------------------------------*/

/* ウィジェット、カスタムメニュー */
.side-menu-box .box-title {
	min-height: 31px;
	line-height: 1.8;
	padding: 5px 0 0 35px;
	background: url(../img/blog/side-ttl-bgimg.png) no-repeat 0 100%;
	color: #376226;
	font-weight: bold;
}
.side-menu-box .box-content { margin: 0 0 30px; }
/* child */
.side-menu-box .child {}
.box-title span {
	display: inline-block;
	margin-left: .8em;
	font-size: 15px;
	font-size: 1.5rem;
}
.side-menu-box ul,
.side-menu-box ol {
	list-style: none;
	width: 100%;
	margin: 0 0 0 5px;
	padding: 0;
}
.side-menu-box li {}
.side-menu-box li .count {}
.side-menu-box li a {}

/* カレンダー */
.tbl-calendar {
	margin: -10px 0 0;
}
.tbl-calendar caption,
.tbl-calendar thead {
	display: none;
}
.tbl-calendar th,
.tbl-calendar td {
  line-height: 1.4;
  padding: 2px;
  border: none;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
}
.tbl-calendar .day {
  display: inline-block;
  width: 100%;
  line-height: 30px;
}
.tbl-calendar a {
  background: #ffe0ad;
}
	
.tbl-calendar .prev {
  text-align: left;
}
.tbl-calendar .prev a { background: #fff; }
.tbl-calendar .next {
  text-align: right;
}
.tbl-calendar .next a { background: #fff; }
.foot01 .foot-banner .banner01 {
	float: left;
	margin: 0 15px 0 0;
}
.foot01 .foot-banner .banner02 {
	float: left;
	margin: 0 15px;
}
.foot01 .foot-banner .banner03 {
	float: left;
	margin: 0 0 0 15px;
}
.foot01 .foot-banner .banner04 {
	float: left;
}
.cb-footer {
  display: none;
}

/* ==========================================================

スマホ

============================================================== */
@media screen and (max-width: 800px) {
.pc-only { display: none;}
.sm-only { display: block;}
.header {
  padding: 3% 0;
}
.header .box .top-logo {
  width: 50%;
}
.header .box .icon-box {
  width: 80%;
}
.icon-box a .icon01 {
  display: none;
}
.icon-box a .icon02 {
  width: 20%;
  margin-left: 20%;
}
.content {
  padding: 20% 0 0;
}
.footer .foot-area .wrap01 {
  width: 90%;
  margin: 0 auto 5%;
  float: none;
  font-size: 13px;
}
.foot-area .wrap01 .box01 {
  width: 100%;
  margin-right: 4%;
  float: none;
  font-size: 13px;
  line-height: 25px;
}
.footer .foot-area {
  margin: 0 auto 4%;
  width: 100%;
}
.foot-area .wrap01 .box01 .name {
  width: 60%;
  max-width: none;
  margin-bottom: 3%;
}
.wrap01 .box01 .address {
  font-size: 13px;
  line-height: 25px;
}
.foot-area .wrap01 .box02 {
  display: none;
}
.footer .foot-area .wrap02 {
  width: 90%;
  margin: 0 auto 10%;
  float: none;
}
.foot-area .wrap02 .box03 {
  width: 100%;
  float: none;
  margin: 0 auto 2%;
}
.footer .copyright {
  text-align: center;
  font-size: 10px;
  margin: 3%;
}
.cb-footer {
  display: block;
  position: fixed;
  bottom: -11%;
  left: 0;
  z-index: 90;
  background-color: #ECDAC6;
  padding: 1% 0;
  height: auto;
  width: 100%;
}
.cb-footer .foot-icon-box {
  margin: 0 4%;
  width: 17%;
  float: left;
}
.cb-footer .foot-icon-box .icon {
  margin: 0 auto 2%;
  width: 60%;
}
.cb-footer .foot-icon-box .icon img {
  width: 100%;
}
.cb-footer .foot-icon-box .intro {
  font-size:  3vw;
  text-align: center;
}
.footer {
  padding-bottom: 0;
}
.footer .link-box .link {
  font-size: 14px;
  margin: 0 0 15%;
  float: none;
}
.page-top {
  width: 25%;
  margin: 10% auto;
}
.wp-pagenavi {
  padding-top: 5%;
}
}