@charset "utf-8";

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			{ padding:0; list-style-type: none;}
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;
	width: 100%;
	line-height: 0;
}
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;
}
html { font-size: 1.1vw; }
body {
	margin: 0;
	background: #313131;
	font-size: 14px;
	font-size: 1.1vw;
	-webkit-text-size-adjust: 100%; /* iPhone */
  -webkit-font-smoothing: antialiased;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#base {
	position: relative;
}
.content {
 	padding: 5% 0;
}
.clearfix {
	clear: both;
}
.pc-only {
	display: block;
}
.sm-only {
	display: none;
}
.zoom {
	overflow: hidden;
}
.zoom img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.zoom:hover img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
.fit-img {
  object-fit: contain;
  font-family: 'object-fit: contain;'
}
.fit-img {
  object-fit: cover;
  font-family: 'object-fit: cover; object-position: bottom;'
}
.serif {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Sawarabi Mincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.main-title {
	position: relative;
}
.main-title .title {
  position: absolute;
  text-align: center;
  width: 100%;
  top: 40%;
  font-size: 2.5vw;
  font-weight: bold;
  letter-spacing: 0.4vw;
	color: #FFF;
	text-shadow: 0 0 20px #000;
}
/* ヘッダー
   ------------------------------------------------ */
#header {
	width: 100%;
	z-index: 1000;
	top: 0;
	padding: 1% 0 0;
	background-color: #000000;
}
#header .child {
	padding: 0 0 0 5%;
}
.sm-header {
	display: none;
}
#header .box01 {
	width: 35%;
	margin: 0 0 0 3%;
	display: table;
	float: left;
	box-sizing: border-box;
}
#header .logo {
	margin: 0 5% 0 0;
	width: 50%;
	display: table-cell;
}
.logo img {
	width: 100%;
}
#header .name {
	color: #FFFFFF;
	display: table-cell;
	vertical-align: bottom;
}
.name .txt01 {
	margin: 0 0 0 10%;
	font-size: 1.1vw;
}
.name .txt02 {
	font-size: 1.8vw;
	padding: 0 0 0 10%;
	font-weight: bold;
}
#header .box02 {
	width: 40%;
	padding: 4% 7% 0 0;
	float: right;
}
#header .btn01 {
	float: left;
	width: 25%;
  text-align: center;
	margin: 0 5% 0 0;
}
#header .btn01 a {
	padding: 2%;
	color: #FFF;
	border: 1px solid #FFF;
	display: block;
}
#header .btn02 {
	float: left;
	width: 40%;
  text-align: center;
}
#header .btn02 a {
	padding: 1.6%;
	color: #FFF;
	border: 1px solid #FFF;
	display: block;
}
/* ページの先頭へ */
.top-btn {
	display: block;
	position: fixed;
	z-index: 1000;
	bottom: 50px;
	right: 50px;
	width: 6vw;
	height: 6vw;
}
#header #navi {
	background-color: #313131;
	padding: 2% 0;
	margin: 1% 0 0;
}
#navi ul {
	width: 80%;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-left: 1px solid #FFFFFF;
}
#navi li  {
	width: 12.5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	border-right: 1px solid #FFFFFF;
	text-align: center;
}
#navi li a {
	color: #FFFFFF;
	display: block;
}
.top-btn img {
	width: 100%;
}
/* 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 12px 28px;
  box-sizing: border-box;
  font-size: 15px;
  font-size: 1.1vw;
	font-weight: bold;
  text-align: center;
  letter-spacing: normal;
	border: 1px solid #FFF;
	color: #FFF;
}
.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: #00003A;
  color: #FFF;
}
/* ウィジェット */
.side-menu-box {
	padding: 0;
}
#categories-2 {
	padding: 45px 0 90px;
}
.side-menu-box .box-title {
	font-size: 1.4vw;
	font-weight: bold;
	border-bottom: 1px solid #FFF;
  margin: 0 0 5%;
  padding: 0 0 5%;
}
.side-menu-box .box-content {
	padding: 0;
}
.side-menu-box ul,
.side-menu-box ol {
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
.sidebar .side-menu-box li {
	width: 100% !important;
	float: none;
	margin-bottom: 5%;
	font-size: 1.2vw;
 }
 .sidebar .side-menu-box li a {
	padding: 6% 1%;
 }
.side-menu-box li .count {}
.side-menu-box li a {
	color: #FFF;
	text-decoration: none;
	padding: 1%;
	display: block;
}
.box01 .side-menu-box li a {
	background-color: #003600;
}
.box02 .side-menu-box li a {
	background-color: #BF272D;
}
.buy .side-menu-box li a {
	background-color: #003600;
}
.drink .side-menu-box li a {
	background-color: #BF272D;
}

/* カレンダー */
.tbl-calendar {
	margin: 0;
}
.tbl-calendar caption {
	display: none;
}
.tbl-calendar thead th {
	border-bottom: 2px solid #009682;
}
.tbl-calendar th,
.tbl-calendar td {
	line-height: 1.2;
	padding: 2px;
	border: none;
	font-size: 1rem;
	text-align: center;
}
.tbl-calendar .day {
	display: inline-block;
	width: 100%;
	line-height: 2em;
}
.tbl-calendar a {
	background: #66C0B4;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
.tbl-calendar .prev {
	padding-top: 20px;
	text-align: left;
}
.tbl-calendar .next {
	padding-top: 20px;
	text-align: right;
}
.tbl-calendar .prev a,
.tbl-calendar .next a {
	background: #FFF;
	color: #009682;
	font-weight: normal;
}
.case-list-group2 .inset2cols.case-items p {
	padding-top: 10px;
	text-align: left;
}
#footer {
	padding: 2% 0;
	background-color: #00003A;
}
#footer .child {
  padding: 0 0 0 5%;
}
#footer .wrap {
	margin: 0 auto;
	width: 95%;
}
#footer .box01 {
	width: 50%;
	float: left;
	display: table;
}
#footer .box02  {
	width: 40%;
	float: right;
}
#footer .logo {
	width: 25%;
	display: table-cell;
	vertical-align: bottom;
}
#footer .txt01 {
	width: 55%;
	padding: 0 0 0 10%;
	display: table-cell;
	color: #FFF;
	vertical-align: bottom;
	font-size: 1.1vw;
}

.icon-inst{
width:3.3vw;
margin: 10px 0;
}
.icon-inst img{
width:100%;
}

#footer .headline {
	color: #FFF;
	font-size: 1.1vw;
	font-weight: bold;
}
#footer a {
	color: #FFF;
	font-size: 0.9vw;
}
#footer .sitemap01 {
	width: 28%;
	float: left;
}
#footer .sitemap02 {
	width: 46%;
	float: left;
}
#footer .sitemap03 {
	width: 24%;
	float: left;
}

/* ===== 送信完了 ===== */
#thanks .content {
	width: 90%;
	margin: 5% auto;
}
#thanks .txt {
	color: #FFF;
	text-align: center;
}
#thanks .txt a {
	color: #FFF;
}
/* 
=============================
　　　　スマホ
=============================
*/
@media screen and (max-width: 699px) {
html	{
	font-size: 14px;
}
body	{
	font-size: 14px;
}
.pc-only {
	display: none;
}
.sm-only {
	display: block;
}
.main-title .title {
  top: 25%;
  font-size: 20px;
}
#header .box01 {
  width: 95%;
}
#header .box02 {
	display: none;
}
#navi {
	display: none;
}
.sm-header {
	display: block;
}
#header {
  padding: 2% 0 1%;
}
.topicspath-wrap {
	display: none;
}
#header .logo {
  width: 40%;
}
.name .txt01 {
  font-size: 12px;
}
.name .txt02 {
  font-size: 14px;
}
.sidebar .side-menu-box li a {
	padding: 2% 1%;
	font-size: 14px;
}
#footer a {
  font-size: 14px;
}
#footer .box01 {
  width: 95%;
  float: none;
  display: block;
	margin: 0 auto 5%;
}
#footer .logo {
 	width: 50%;
	display: block;
	padding: 3% 0 4%;
}
#footer .txt01 {
 	width: 100%;
  font-size: 14px;
	padding: 0;
}
#footer .box02 {
  display: none;
}
/* ===== 送信完了 ===== */
#thanks .txt {
  font-size: 14px;
}
/* ===== ページャー ===== */
.wp-pagenavi a, .wp-pagenavi span {
  font-size: 14px;
}
}