header {
	border-bottom:1px solid #dddcd6;
}
.page-title {
	color:#0075c2;
	font-weight:600;
	padding:5% 0 0;
	position:relative;
}
.page-title:after {
	content: "";
	border-top: 5px solid #0075c2;
	width: 50px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.page-title img {
	margin:0 auto;
}
.w-780 {
	max-width:780px;
}
.w-980 {
	max-width:980px;
}
.partition {
	position:relative;
	padding-bottom:4em;
	margin-bottom:5em;
}
.partition:after {
	content:'';
	position:absolute;
	bottom:0;
	left:50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	max-width:400px;
	width:60%;
	border-bottom:1px solid #dddcd6;
}
.img-center {
	margin:0 auto;
}
table {
	font-size:160%;
}
table ul {
	font-size:100%;
	list-style:disc;
	padding-left:1.2em;
}
table tbody th {
	text-align:left;
}
.box {
	display:flex;
}
dl {
	font-size:160%;
	color:#fff;
}
.mi article ul {
	display:flex;
	justify-content:space-between;
}
.mi article li {
	text-align:center;
	margin-bottom:1em;
}
.mi article li:not(:last-child) {
	margin-right:5px;
}
@media only screen and (max-width: 600px) {
	.page-title {
		padding-top:30px;
		margin-bottom:30px;
	}
	.page-title img {
		width:auto;
		height:45px;
	}
	.page-title:after {
		width: 25px;
		position: absolute;
		bottom: -10px;
		left: 50%;
		transform: translateX(-50%);
	}
	.mi article ul {
		flex-wrap:wrap;
	}
	.mi article li {
		width:48%;
		line-height:1.3;
	}
	.mi article li:not(:last-child) {
		margin-right:0;
	}
	.mi article li img {
		margin-bottom:5px;
	}
}

/*single*/
.single-title h1 {
	font-size:240%;
	color:#0075c2;
	font-weight:600;
	line-height:1.5;
	padding:10px 0;
	margin-top:5%;
	margin-bottom:.5em;
}
.single-title span {
	display:inline-block;
	font-size:160%;
}
.single-title span.date {
	display:inline-block;
	font-size:160%;
	color:#fff;
	background-color:#8fc31f;
	border-radius:5px;
	padding:0 5px;
	margin-bottom:5px;
}
.single-title span:last-child {
	display:block;
}
#single img {
	display:inline;
	margin:1em auto;
}
.entry_nav {
	padding-top:1%;
	margin-top:5%;
	display:flex;
	flex-wrap:wrap;
}
.entry_nav > div {
	max-width:47.5%;
}
.entry_nav_wrap {
	display:flex;
	flex-wrap:wrap;
}
.entry_nav_wrap .thumb {
	width:30%;
	margin-top:15px;
	margin-right:5%;
}
.entry_nav_title {
	width:60%;
}
.entry_nav_title,
.top_jump p {
	margin:10px 0 0;
}
.entry_nav a,
.entry_nav a:visited,
.entry_nav a:hover {
	font-weight:400;
}
.entry_nav .prev {
	margin-right:5%;
}
.entry_nav .prevnext,
.entry_nav .top_jump span {
	font-size:160%;
}
.entry_nav_postTitle br {
	display:none;
}
.entry_nav a p {
	font-size:100%;
}
#single .entry_nav img {
	margin:0;
}
@media only screen and (max-width: 600px) {
	.entry_nav_wrap .thumb {
		width:100%;
		margin-top:10px;
		margin-right:0;
	}
	.entry_nav_title {
		width:100%;
	}
}

/*blog*/
#info-list > .container {
	max-width:1000px;
}
.mag-list li:not(:last-child) {
	margin-bottom:2em;
}
.mag-list li {
	border:1px solid #e6eae3;
	border-radius:10px;
}
.mag-list a {
	position:relative;
	display:block;
	color:#222;
	text-decoration:none;
	padding:1em 3em 1em 1em;
}
.mag-list a:before {
	content:'\f591';
	position:absolute;
	top:50%;
	right:.5em;
	transform:translateY(-50%);
	font-size:160%;
	font-weight:100;
	color:#0075c2;
	font-family:Material Symbols Outlined;
}
.mag-list .date {
	display:inline-block;
	font-size:78.5%;
	color:#fff;
	background-color:#8fc31f;
	border-radius:5px;
	padding:0 5px;
}
.mag-list .catname {
	display:inline-block;
	font-size:78.5%;
}
.mag-list h3 {
	color:#0075c2;
	line-height:1.3;
	margin:.5em 0;
}
@media only screen and (max-width: 600px) {
	.mag-list li:not(:last-child) {
		margin-bottom:1em;
	}
}
.jaw_symbol {
	margin-right:3px;
}
.blog #custom_html-2 {
	display:none;
}
#custom_html-2 a {
	display:block;
}
@media only screen and (max-width: 600px) {
	.mag-list a,
	.mag-list a:visited,
	.mag-list a:hover {
		display:block;
	}
	.mag-list-thum {
		width:60%;
		margin:0 auto 1em;
	}
	.mag-list-text {
		width:100%;
	}
}

/*philosophy*/
#philosophy .prof {
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	margin-bottom:3em;
}
#philosophy .prof div {
	width:36%;
	margin:0 1%;
}
#philosophy .prof-text h2 span {
	font-size:50%;
	margin-left:1em;
}
#philosophy .prof-text dt {
	position:absolute;
}
#philosophy .prof-text dd {
	padding-left:6em;
	margin:0;
}
.philosophy video,
.goods video {
	width:100%;
	height:auto;
}
@media only screen and (max-width: 500px) {
	#philosophy .prof,
	#philosophy .prof .prof-text a {
		display:block;
	}
	#philosophy .prof .prof-photo {
		width:70%;
		margin:1% auto;
	}
	#philosophy .prof .prof-text {
		width:100%;
		text-align:center;
		margin:1% auto;
	}
	#philosophy .prof .prof-text h2+p {
		margin:0;
	}
	#philosophy .prof .prof-text dl {
		display:inline-block;
		font-size:140%;
		margin:0;
	}
}

/*goods*/
#goods .item {
	justify-content:space-between;
	flex-wrap:wrap;
}
#goods .item:not(:last-child) {
	margin-bottom:2em;
}
#goods .item-photo {
	width:35%;
}
#goods .item-text {
	width:60%;
}
#goods .item-text h3 {
	font-size:180%;
	color:#fff;
	margin-top:2em;
}
#goods dt {
	position:absolute;
}
#goods dd {
	margin:0;
}
#goods .item-price dd {
	padding-left:6em;
}
#goods .item-order dd {
	padding-left:10em;
}
#goods .item-order dd:not(:last-child) {
	margin-bottom:1em;
}
#goods .item-order a.btn {
	font-size:100%;
}
#goods .tel:before {
	content:'\f095';
	font-family:'FontAwesome';
	margin-right:3px;
}
#goods .item-order a.tel {
	display:none;
}
#goods .zendaman {
	max-width:200px;
}
@media only screen and ( max-width: 900px ) {
	#goods .item-order span.tel {
		display:none;
	}
	#goods .item-order a.tel {
		display:inline-block;
	}
}
@media only screen and (max-width: 500px) {
	#goods .item-text h2 {
		text-align:center;
	}
	#goods .item-text h2 br {
		display:none;
	}
	#goods .item-text h3 {
		text-align:center;
		font-size:160%;
		margin-top:1em;
	}
	#goods .partition .item:first-child {
		flex-direction:column-reverse;
	}
	#goods .item-photo {
		width:50%;
		margin:0 auto;
	}
	#goods .item-text,
	#goods .item-order {
		width:100%;
	}
	#goods .item-order dt {
		position:static;
		width:100%;
		text-align:center;
		border:1px solid #fff;
	}
	#goods .item-order dd {
		padding-left:0;
	}
}

/*contact*/
#contact input,
#contact textarea {
	color:#222;
}
#contact dt {
	position:absolute;
}
#contact dd {
	padding-left:12em;
	margin-left:0;
}
#contact dd:not(:last-child) {
	margin-bottom:1.5em;
}
#contact label {
	border:1px solid #fff;
	padding:.5em 1em;
}
#contact .wpcf7-list-item {
	margin:0;
}
textarea,
input[type="email"],
input.address {
	width:97% !important;
}
textarea {
	height:10em !important;
}
input.address {
	margin-top:.5em;
}
input[type="text"],textarea,select,
input[type="tel"],input[type="email"] {
	border: 1px solid #bbb;
	border-radius: 3px;
	padding: 1%;
}
#contact input[type="submit"],
#contact input[type="button"] {
	display:inline-block;
	text-align:center;
	font-size:160%;
	color:#fff;
	text-decoration:none;
	background-color:#707070;
	border:none;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:10px 3em;
	margin-top:2em;
	margin-left:4em;
}
.wpcf7-response-output {
	font-size:160%;
	color:#fff;
}
.wpcf7 form.sent .wpcf7-response-output {
	border-color:#d9305c !important;
}
@media only screen and ( max-width: 900px ) {
	#contact dt {
		position:static;
	}
	#contact dd {
		padding-left:0;
	}
	#contact input,
	#contact textarea {
		width:100% !important;
	}
	#contact input.zip {
		width:60% !important;
	}
	#contact input[type="checkbox"],
	#contact input[type="submit"],
	#contact input[type="button"] {
		width:auto !important;
	}
}

/*privacy*/
#priv h2 {
	font-size:240%;
	margin-bottom:1em;
}
#priv h3 {
	font-size:180%;
	color:#fff;
}
#priv article {
	background-color:#000231;
	padding:5%;
}





/************************************
** pagination
************************************/
.pagination {
  list-style-type: none;
  padding-left: 0;
  margin: 30px 0;
}

.pagination li {
	margin:0 2px;
}

.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-radius:4px;
  min-width:36px;
  min-height:36px;
  color: #333;
}
 
.pagination li:not([class*="current"]) a:hover {
  background-color: #eee;
}
 
.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,
.pagination li.stop a {
 color:#fff;
 background-color: #fcc82c;
 cursor: default;
 pointer-events: none;
}
.pagination li.stop a {
 background-color:#ddd;
}

@media only screen and ( max-width: 680px ) {
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
 
  .pagination li.previous a { border-left-width: 1px; }
}
@media only screen and ( max-width: 600px ) {

  .pagination li {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
 
  .pagination li.current,
  .pagination li.first,
  .pagination li.last,
  .pagination li.previous,
  .pagination li.next{
    position: initial;
    top: initial;
    left: initial;
  }
 
}
@media only screen and ( max-width: 400px ) {
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
 
  .pagination li.previous a { border-left-width: 1px; }
}
@media only screen and ( max-width: 240px ) { /* For watches? */
  .pagination li { width: 50%; margin-bottom:2px;}
 
  .pagination li.current {
    order: 2;
  }
}