@charset "utf-8";
/*
Theme Name: LAZY POOCH
Theme URI: http://wordpress.org/
Description: 【018】リラクゼーション
Author: LAZY POOCH
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: リラクゼーション
*/
@import url("css/sanitize.css");
@import url("css/hamburgers.css");
@import url("css/icon.css");
@import url("css/slick.css");
:root {
	font-size:62.5%;
	color:#736d5f;
	background:#ffffff;
}
* {
	margin:0;
	padding: 0;
	outline:none;
	-webkit-tap-highlight-color: rgba(255,255,255,0.5);
}
html,body{
	font-size: 14px;
	font-size: 1.4rem;
	width: 100%;
	overflow-x:hidden;
}
body {
	font-family: '游ゴシック体', 'Yu Gothic',  'メイリオ', 'Meiryo', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',  'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
	line-height: 180%;
}
.min {
	font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.gf {
	letter-spacing:0em;
	font-family: 'Marcellus', 'sans-serif','游ゴシック体', 'Yu Gothic',  'メイリオ', 'Meiryo', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',  'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic';
}
/*****************************************************************************
common
*****************************************************************************/

p {
  font-size:16px;
  line-height:1.6;
}

.none {
	display:none;
}
a {
	text-decoration: none;
	color:inherit;
	cursor:pointer;
}
figure {
	margin:0;
}
li {
	list-style: none;
}
h1,h2,h3{
	position:relative;
	text-align:center;
	line-height:150%;
	margin:20px 0 8px;
}
hr {
	border:none;
	border-top:1px solid #dedede;
}
address {
	font-size:12px;
	font-size:1.2rem;
	font-style:normal;
	line-height:160%;
	width:100%;
	padding:1em 0;
}
address p {
	color:#383838;
}
.stress {
	color:#6e4e0a;
}
.shadow{
	box-shadow:0px 1px 1px 1px rgba(30,30,30,0.2);
}
.white {
	color:#ffffff;
}
.grd {
}
.col {
	height:auto;
}
.bold {
	font-weight: bold;
}

.red {
	color: red !important;
}

.blue {
	color: blue !important;
}

.brw {
	color: #6e4e0a !important;
}

.big {
  font-size:120%;
}

.tc {
	text-align:center;
}
.tl {
	text-align:left;
}
.tr {
	text-align:right;
}
.ib {
	display:inline-block;
}
.f_cc {
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.none {
	display:none;
}
.f_box {
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
}
.lh100 {
	line-height:100%;
}
.mr1 {
	margin-right:1em;
}
.mr2 {
	margin-right:2em;
}
.mb1 {
	margin-bottom:1em;
}
.mt1 {
	margin-top:1em;
}
.ma {
	margin-left:auto;
	margin-right:auto;
}
span.tri {
	display:block;
	-webkit-transform:scale(0.6) rotate(90deg);
			transform:scale(0.6) rotate(90deg);
}
/*****************************************************************************
button gimic
*****************************************************************************/
.btn.main  {
	display:block;
	position:relative;
	padding:0.5em;
	color:#ffffff;
	text-align:center;
	-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all 0.1s ease-in-out;
	-ms-transition:all 0.1s ease-in-out;
			transition:all 0.1s ease-in-out;
	width:300px;
	box-shadow: 0 0 0 1px #ffffff, 0 0 0 4px #876a49;
	background: #876a49;
	margin:0 0.5em;
}
.btn.main.w {
	font-size:18px;
	font-size:1.8rem;
	color:#876a49;
	box-shadow: 0 0 0 1px #876a49, 0 0 0 4px #ffffff;
	background: #ffffff;
}
.btn.main.b {
	color:#ffffff;
	background: #00479d;
}
.btn.main.menu {
	margin:1.5em auto 0 auto;
}
.btn.main:hover, a.btn.main.opp:hover {
	opacity:0.6;
}
.btn.main:hover:after, a.btn.main.opp:hover:after {
	color:#ffffff;
}
.btn.main.blog {
	width:100%;
}

.btn.main.contact {
	margin:0 0.5em;
}

.toTop {
	position:fixed;
	width:60px;
	height:60px;
	z-index:99;
	display:none;
	text-align:center;
}
.toTop span {
	display:block;
	line-height:200%;
	-webkit-transform:rotate(-90deg) scaleX(0.5);
	transform:rotate(-90deg) scaleX(0.5);
	margin-right:3px;
}

.toTop {
	right:4em;
	bottom:5em;
}
@media screen and (max-width:768px){
	.toTop {
		right:1em;
	}
	.toTop	img {
		width:inherit;
	}
	.toTop.fix {
		position:relative;
		bottom:1em;
	}
}
/*****************************************************************************
	Header
*****************************************************************************/
header {
	width:100%;
	background:#ffffff;
}
header h1 {
	line-height:100%;
}
header .kv h1{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:3;
	padding-top:1em;
}

@media screen and (max-width:768px) {
	header {
		padding:0;
		width:100%;
		z-index:100;
	}
	header .tel {
		width:65px;
		height:65px;
		background:#ef9595;
		padding:0;
	}
	header .toggle {
		width:65px;
		height:65px;
	}
	header section , header section article {
		height:100%;
		padding:0;
		margin:65px 0 0;
	}
	header .kv h1 img {
		max-width:100px;
	}
	header .sp.navi {
		width:100%;
		position:fixed;
		top:0;
		left:0;
		z-index:100;
		background:#6e4e0a;
		height:65px;
	}
}
@media screen and (min-width:768px) {
	header {
		min-width:768px;
	}

	header nav > article {
		max-width:1000px;
		margin:0 auto;
		position:relative;
	}
	header nav {
		width:1200px;
		margin:0 auto;
	}
	header navigation {
		width:100%;
		position:relative;
	}
	header .navigation.active {
		width:100%;
		position:fixed;
		top:0;
		left:0;
		z-index:100;
	}
}

/*****************************************************************************
	Navigation / MENU
*****************************************************************************/
nav.menu {
	color:#4b351b;
}

/* SP Navigation */
@media screen and (max-width:768px){
	nav.menu {
		width:100%;
	}
	header nav.menu {
		position:fixed;
		left:0;
		bottom:-70px;
		z-index:1000;
		background:#e8d7c7;
		color:#4b351b;
		line-height:150%;
	}
	nav.menu span {
		font-size: 12px;
		font-size: 1.2rem;
		line-height:100%;
	}
	nav.menu span.sp {
		font-size: 22px;
		font-size: 2.2rem;
	}
	header nav.menu {
		-webkit-transform:translate3d(0, 100%, 0) ;
				transform:translate3d(0, 100%, 0) ;
		/*-webkit-transform-origin:100% 0;
		-webkit-transform:scale3d(0, 1, 1) ;
				transform:scale3d(0, 1, 1) ;*/
	}
	header nav.menu.active {
		-webkit-transform:translate3d(0 , -180px, 0) ;
				transform:translate3d(0 , -180px, 0) ;
	}
	footer nav.menu a {
		font-size:12px;
		font-size:1.2rem;
	}
	nav.menu a{
		font-size: 18px;
		font-size: 1.8rem;
		display:block;
		width:100%;
		position:relative;
		padding:0.6em 0 0.6em 1.6em;
		border-top: 1px solid #4b351b;
	}
	footer nav.menu a {
		border:none;
		padding:1.5em 0 1.5em 2em;
		border-bottom: 1px solid #4b351b;
		line-height:150%;
	}
	nav.menu a.active, nav.menu a:hover{
		background:#dbc4a8;
		color:#ffffff;
	}
	nav.button a {
		padding:0.8em 0;
		color:#ffffff;
		flex-grow:1;
		text-align:center;
		font-size:18px;
		font-size:1.8rem;
		line-height:100%;
	}
	nav.button a span {
		font-size:10px;
		font-size:1.0rem;
	}
	nav.button a {
		border-right: 2px solid #ffffff;
	}
	nav.menu p {
		display:none;
	}
	header nav.menu .logo {
		display:none !important;
	}
}
/* PC Navigation */
@media screen and (min-width:768px){
	header nav .logo img {
		max-height:70px;
		max-width: 250px;
	}
	header.home nav .logo {
		display:none;
	}
	nav.menu a{
		text-align:center;
		font-size:20px;
		font-size:2.0rem;
	}
	nav.menu a span{
		font-size:0.6em;
	}
	nav.menu a {
		padding:0.5em 1em;
	}
	.navigation.active nav.menu a:not(:first-child) {
		padding:1em 1em;
	}
	footer nav.menu a {
		font-size:14px;
		font-size:1.4rem;
		padding:0 2em;
	}
	nav.menu a:hover {
		color:#ffffff;
	}
	footer nav {
		margin-top:1em;
	}
	footer nav a {
		padding:0.2em 2.7em;
	}
	footer nav.menu a:hover {
		background:rgba(210, 190, 162, 0.5);
	}
}

/*****************************************************************************
	Key Visual
*****************************************************************************/
#kv img{
	width:100%;
}
#kv {
	position:relative;
	z-index:2;
}
#kv > h2 {
	width:100%;
	height:100%;
	margin:-0.7em auto 0 auto;
	text-align:left;
	color:#f4eadd;
	line-height:70%;
	width:900px;
	font-size:60px;
	font-size:6.0rem;
	z-index:10;
}
#kv.index picture div{
	position:absolute;
	width:100%;
	max-height:800px;
	height:100%;
	z-index:5;
}
#kv.index h2 {
	width:100%;
	max-width:1000px;
	color:#ffffff;
	text-align:center;
	margin:0 auto;
	font-size:20px;
	font-size:2.0rem;
	letter-spacing:0.2em;
	line-height:200%;
}
@media screen and (max-width:768px){
	#kv.index h2 {
		font-size:16px;
		font-size:1.6rem;
	}
	#kv > h2 {
		width:90%;
		font-size:40px;
		font-size:4.0rem;
	}
}

/*****************************************************************************
icon
*****************************************************************************/
.social {
	color: #383838;
	font-size:36px;
	font-size:3.6rem;
}

address p {
	font-size: 14px;
	line-height: 1.6;
}

.sponsor {
	width: 170px;
	position: absolute;
	bottom: 0;
	right: 100px;
}

.sponsor img {
	display: block;
	width: 80%;
	height: auto;
	margin: 0 auto 5px;
}

.sponsor p {
	font-size: 12px;
	line-height: 1.6;
}

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

.sponsor {
	width: 170px;
	position: absolute;
	bottom: 60px;
	right: 100px;
}

}

/*****************************************************************************
	Map
*****************************************************************************/
.gmap {
	position:relative;
	width: 100%;
	height: 400px;
}
.gmap.index {
	height: 400px;
}
.gmap+a {
	display:block;
	padding:1em 2em;
	text-align:center;
	font-size:12px;
	font-size:1.2rem;
	margin:0 auto;
}
/*****************************************************************************
	Section / Article
*****************************************************************************/
section {
	position:relative;
}
section > article {
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
article.concept > div{
	padding:2em 0;
}
article.concept > div.grd-r, article.concept > div.grd-l  {
	background:#ffffff;
}
article.concept > div.grd-r::before {
content:"";
position:absolute;
z-index:-1;
right:25%;
top:0;
width:25%;
height:100%;
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 26%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.9) 25%,rgba(255,255,255,0.9) 26%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0.9) 25%,rgba(255,255,255,0.9) 26%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
article.concept > div.grd-l::before {
content:"";
position:absolute;
z-index:-1;
left:25%;
top:0;
width:25%;
height:100%;
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0.9) 76%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 75%,rgba(255,255,255,0.9) 26%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 75%,rgba(255,255,255,0.9) 76%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}

#about article.concept > div {
	padding:5em 0;
}

@media screen and (min-width:768px){
	main{
		padding-top:92px;
	}
	section > article.sub {
		width:940px;
		margin:0 auto;
	}
	article.lead {
		width:1280px;
		max-width:1280px;
	}
}
@media screen and (max-width:768px){
	section > article {
		width:100% !important;
		padding:0 1.2em 1em;
	}
	article.lead {
		padding :0;
	}
	section.home {
		position:relative;
		margin-top:50px;
		height:auto;
	}
	article.concept > div.grd-l::before, article.concept > div.grd-r::before {
		content:none;
	}
	article.concept > div{
		padding:0;
	}
	article.concept p{
	}
	article.concept p.line{
		margin-bottom:0.5em;
	}
}
/*****************************************************************************
	background
*****************************************************************************/
.bg_beige {
	background:#efede4;
}
.bg_sky {
	background:#e9f1f9;
}
.cta {
	background: url("./img/bg_footer.png") center center / cover no-repeat;
}
.navigation {
	position:relative;
	z-index:1000;
	background: rgba(235, 222, 207, 0.9);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}

@media screen and (max-width:768px){
	#about article.concept > div {
	    padding: 0 0 2em 0;
	}
	.bg_lead_sp {
		width:100%;
		min-height:225px;
		background: url("./img/top/top_bg_01_sp.png") center top / cover no-repeat;
	}
	#about .bg_01sp {
		background: url("./img/about/01new.png") left top / 170% auto no-repeat;
	}
	#about .bg_02sp {
		background: url("./img/about/02.png") right top / 170% auto no-repeat;
	}
	#about .bg_03sp {
		background: url("./img/about/03.png") left top / 170% auto no-repeat;
	}
}
@media screen and (min-width:768px){
	.bg_lead {
		background: url("./img/top/top_bg_01.png") right top / auto 100% no-repeat;
	}
	#about .bg_01 {
		background: url("./img/about/01new.png") left top / auto 100% no-repeat;
	}
	#about .bg_02 {
		background: url("./img/about/02.png") right top / auto 100% no-repeat;
	}
	#about .bg_03 {
		background: url("./img/about/03.png") left top / auto 100% no-repeat;
	}
}
/*****************************************************************************
	Title Decoration
*****************************************************************************/
h2 {
	font-size:40px;
	font-size:4.0rem;
}
h2.title {
	letter-spacing:0.1em;
	line-height:120%;
	background:#f4eadd;
	padding:0.4em;
	color:#6e4e0a;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	z-index:1;
}
h2.title.nobg {
	background:none;
	box-shadow:none;
}
h2.title span {
	letter-spacing:0.2em;
	display:block;
	font-size:0.6em;
	text-shadow: none;
}
h2.lead {
	position:relative;
	z-index:1;
	letter-spacing:0.1em;
	line-height:120%;
	color:#6e4e0a;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	text-align:left;
}
h2.box {
	font-size:32px;
	font-size:3.2rem;
	line-height:200%;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	box-shadow: none;
}
h2.box.l {
	left:0;
}
h2.box.r {
	right:0;
}

h3.lead {
	font-size:18px;
	font-size:1.8rem;
	color:#6e4e0a;
	padding:0 0 0.8em 0;
	text-align:left;
}
h3.lead+p {
	text-align:right;
	color:#6e4e0a;
	padding-bottom:1em;
	border-bottom:1px solid #cfc8b8;
	margin-bottom:1em;
}
h3.lead.border {
	border-bottom:1px solid #cfc8b8;
	margin-bottom:1em;
}
h3.lead.border+div {
	padding:0 0.5em 0.5em 0.5em;
}
h3.title {
	text-align:left;
	font-size: 24px;
	font-size: 2.4rem;
	color:#6e4e0a;
	font-weight:bold;
	line-height:130%;
	margin-bottom:0.5em;
}

h3.voice {
	text-align:center;
	font-size: 24px;
	font-size: 2.4rem;
	color:#6e4e0a;
	font-weight:bold;
	line-height:130%;
	margin:0 0 30px;
}

h4 {
	font-size:20px;
	font-size:2.0rem;
	color:#00b7ee;
	padding:0.5em 0;
}
article.concept p.line{
	margin-bottom:0.5em;
	border-bottom:1px dashed #cfc8b8;
}
article.concept p.line span {
	font-size:0.8em;
}
@media screen and (max-width:768px){
	h2.title {
		font-size:26px;
		font-size:2.6rem;
		line-height:140%;
	}
	h2.box {
		width:100%;
		padding:0.5em 0;
		line-height:160%;
	}
	h3.voice {
	text-align:center;
	font-size: 20px;
	font-size: 2.0rem;
	color:#6e4e0a;
	font-weight:bold;
	line-height:130%;
	margin:0 0 20px;
	}

}
@media screen and (min-width:768px){
	h2.box {
		top:1.5em;
		width:520px;
		padding:1.5em;
	}
	h2.box {
		position:absolute;
	}
}

/*****************************************************************************
	ul / dl
*****************************************************************************/
dl.access dt {
	max-width:30%;
	min-width:100px;
	padding-right:0.5em;
	font-weight:bold;
}
dl.access dd {
	max-width:100%;
	width:70%;
}
dl.access dt:nth-child(1), dl.access dd:nth-child(2) {
	padding-top:0;
	border-top:none;
}
dl.staff dt{
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
	border-bottom: 1px solid #cfa972;
	padding-bottom:0.4em;
	margin-bottom:0.4em;
	
}
dl.staff > dd.name {
	font-size:30px;
	font-size:3.0rem;
	padding:0.2em 0 0.3em 0;
	margin-bottom:0.5em;
}
dl.staff > dd {
	margin-bottom:1.5em;
}
#blog ul li {
	border-bottom: 1px solid #cfa972;
	padding-bottom:1em;
	margin-bottom:1em;
}
@media screen and (min-width:768px){
	dl.access dt, dl.access dd {
		padding:0.5em 1em 0.5em 0;
	}
}

/*****************************************************************************
	figure
*****************************************************************************/

figure {
	position:relative;
	overflow:hidden;
	text-align:center;
}
figure.lead  {
	margin-bottom:1em;
}
figure.lead {
	min-height:200px;
}
figure.staff {
	width:316px;
	height:316px;
	border:2px solid #ebdecf;
	margin-bottom:2em;
}
figure.facility {
	min-width:300px;
	
	min-height:300px;
	margin-bottom:2em;
}
figure.facility figcaption {
	font-size:12px;
	font-size:1.2rem;
	position:absolute;
	color:#ffffff;
	left:0em;
	bottom:0em;
	z-index:2;
	background:rgba(30,10,10,0.7);
	padding:0.5em 0.8em;
	width:100%;
	text-align:left;
}
figure.menu {
	height:auto;
}
figure.access {
	width:500px;
	height:320px;
}
figure.blog {
	height:178px;
}

figure.blog.index {
	min-width: 75px;
	width: 75px;
	height: 75px;
	margin-right: 0.5em;
}
figure img {
	max-width:100%;
	height:auto;
}
@media screen and (max-width:768px){
	figure {
		width:100%;
	}
	figure img{
		width:100%;
		height:auto;
	}
	figure.blog.index {
		min-width: 110px;
		width: 110px;
		height: 110px;
	}
	figure.concept {
		min-height:250px;
		margin-bottom:1em;
	}
	figure.access {
		width:280px;
		height:187px;
		margin:0 auto 15px;
}
}

/* Image Fill Gray */
figure:after , source:after{
	/* use copy
	content:"";
	*/
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#9a9a9a;
}
#post figure::after {
	content:none;
}
.cta, .para{
}
#about .bg_01,  #about .bg_03, #about .bg_01_sp,  #about .bg_03_sp {
}
#about .bg_02, #about .bg_02_sp {
}
/*
*/
/*****************************************************************************
	index
*****************************************************************************/
figure.lead+p {
	color:#d2c7af;
}
p > .date {
	color:#cfa972;
	font-size:18px;
	font-size:1.8rem;
	padding:0
}
p > .category {
	color:#ab9e6f;
	background:#ebdecf;
	font-size:0.6em;
	padding:0.4em 1em;
	line-height:100%;
	margin-left:0.5em;
}

/*****************************************************************************
	Under
*****************************************************************************/
.eng {
	color:#d2c7af;
}
.price {
	text-align:right;
	font-size:16px;
	font-size:1.6rem;
}
/*****************************************************************************
	cta
*****************************************************************************/
	.cta h3 {
		font-size:32px;
		font-size:3.2rem;
	}
	.cta h3+p {
		font-size:18px;
		font-size:1.8rem;
		padding-bottom:2em;
	}
	.cta .tel {
		display:inline-block;
		padding-top:0.5em;
		border-top:1px solid #ffffff;
		font-size:48px;
		font-size:4.8rem;
	}
	.cta .tel span {
		font-size:0.7em;
	}
	
@media screen and (max-width:768px){
	.cta h3 {
		font-size:24px;
		font-size:2.4rem;
	}
	.cta h3+p {
		font-size:14px;
		font-size:1.4rem;
	}
	.cta .tel {
		font-size:24px;
		font-size:2.4rem;
		display:block;
		padding:0.5em;
		color:#4b351b;
		text-align:center;
		width:300px;
		border:none;
		box-shadow: 0 0 0 1px #4b351b, 0 0 0 4px #ebdecf;
		background: #ebdecf;
		margin: 0 auto;
		letter-spacing: 0.1em;
	}
}
/*****************************************************************************
	footer
*****************************************************************************/
footer {
	color:#4b351b;
	background:#faf0e2;
}
p.copy {
	background:#d2bea2;
	color:#ffffff;
	padding:0.5em 0;
	text-align:center;
}
@media screen and (max-width:768px){
	footer .social {
		margin-bottom:0;
	}
	p.copy {
		margin:0 0 60px 0;
	}
}
@media screen and (min-width:768px){
	p.copy {
		margin-top:2em;
	}
}
/******************************************************************************
	Post
******************************************************************************/
#post .list a {
	display:block;
	border:1px solid #ffffff;
	margin-bottom:1em;
}
#post .list a:hover {
	border:1px solid #f4eadd;
	background:rgba(244, 234, 221,0.3);
}
#post .list a {
    width: 100%;
    height: auto;
    padding: 10px;
    border-bottom: dotted 1px #ddd;
}

/* #post .side */

#post .side h3 {
	font-size:24px;
	font-size:2.4rem;
	text-align:left;
	color:#6e4e0a;
	border-bottom:2px solid #cfa972;
}
#post .side li a:hover {
	background:rgba(244, 234, 221,0.5);
}
#post .side li a {
	padding:1em;
}
#post .side li{
	position:relative;
	font-size:14px;
	font-size:1.4rem;
	line-height:100%;
	border-bottom:1px solid #ebebeb;
}

/* Recent */
#recent li a {
	font-size:12px;
	font-size:1.2rem;
	padding:1.5em 0;
}
#recent p {
	line-height:200%;
}

/* Archive */
#post .side #archive li a {
	display:block;
	padding:1em 0 1em 1.2em;
}
#post .side #archive li:before {
	content:"●";
	color:#cfa972;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:1em;
	line-height:300%;
}
/******************************************************************************
	Post:Single
******************************************************************************/
#post .content {
	font-size:16px;
	font-size:1.6rem;
	padding-top: 1em;
}
#post .content p {
	margin-bottom:16px;
}
#post .content b {
	font-size:105%;
	color:#876a49;
}
#post .content img {
	max-width:100%;
	height:auto;
}
#post.single h2 {
	font-size:2.2rem;
	line-height:140%;
	font-weight:bold;
	margin:1em 0;
	padding-bottom:0.5em;
	border-bottom:2px solid #ebdecf;
}

#post.single h3 {
	font-size:1.9rem;
	line-height:140%;
	font-weight:bold;
	margin:1em 0;
	padding-bottom:0.5em;
	border-bottom:2px solid #ebdecf;
}

/************************************************************************************
	single paging
************************************************************************************/
.single_paging {
	width:100%;
	border:0px solid #b09d7c;
	margin:20px 0 20px 0;
	padding:0;
	font-size:14px;
	font-size:1.4rem;
}
.single_paging > div {
	max-width:300px;
	width:50%;
	margin:0 0.5em;
}
.single_paging > div a{
	padding:0.5em 1em;
	background:#ffffff;
	color:#666666;
}
.single_paging > div a .title {
	-webkit-line-clamp: 2;
}
.single_paging figure {
	text-align:center;
	min-width:100px;
	width:100px;
	height:100px !important;
	margin-right:1em;
	border-radius:100px;
	overflow:hidden;
}
.single_paging .page-numbers.current {
	background-color:#e7f3e9;
}
/******************************************************************************
	Pager
******************************************************************************/
#pager .pages {
	display:none;
}
#pager .wp-pagenavi {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
#pager .wp-pagenavi * {
	padding:0;
	min-width:3em;
	height:3em;
	margin:0 1px;
	text-align:center;
	border:1px solid #cfa972;
	line-height:3em;
	color:#cfa972;
	font-size:14px;
	font-size:1.4rem;
}
#pager .current, .wp-pagenavi > *:hover, #pager .wp-pagenavi a:hover {
	border:1px solid #cfa972;
	background:#cfa972;
	color:#ffffff;
}
.wp-pagenavi .page {
}
.wp-pagenavi .current {
}
.wp-pagenavi .previouspostslink {
	border:none;
	margin-right:40px;
}
.wp-pagenavi .nextpostslink {
	border:none;
	margin-left:40px;
}
#pager .wp-pagenavi a {
	display: block;
	line-height:140%;
	padding: 0.8em;
	text-align: center;
	background:#ffffff;
	margin-bottom:0.2em;
}
/************************************************************************************
	bread
************************************************************************************/
nav#bread {
	width:100%;
	overflow:hidden;
	font-size:11px;
	font-size:1.1rem;
	line-height:120%;
	z-index:2;
	bottom:0;
}
nav#bread ol{
	margin:0 auto;
	padding:1em 1em;
}
nav#bread ol li {
	padding-top:0px;
	white-space:nowrap;
	min-height: 0;
	margin:0;
}
nav#bread ol li a {
}
nav#bread ol li:after {
	content: ">";
	padding-left:1em;
	padding-right:1em;
}
nav#bread ol li:first-child:before {
	content:"";
}
nav#bread ol li:nth-of-type(1):before {
	content:"";
}
nav#bread ol li:last-child {
}
nav#bread ol li:last-child:after {
	content:"";
	padding:0;
}
@media screen and (min-width:768px){
	nav#bread ol li:first-child{
		padding-left:0.5em !important;
	}
}
@media screen and (max-width:768px){
	nav#bread ol{
		width:1000px;
		margin:0 auto;
	}
}
/************************************************************************************
 contact
************************************************************************************/
#contact{
	font-size: 14px;
	font-size: 1.4rem;
}
#contact dl {
	margin:0 auto;
}
#contact dt {
	width:100%;
	padding: 0.5em 0;
	margin-right:2em;
}
#contact dt span, #contact li .item span {
	font-size: 12px;
	font-size: 1.2rem;
	background:#876a49;
	color:#ffffff;
	padding:0.3em 1em;
	margin-right:0.5em;
	line-height:100%;
}
#contact dt span.nn, #contact li .item span.nn {
	background:#ededed;
	color:#666666;
}
.mw_wp_form_confirm .item span {
	display:none;
}
#contact dt p {
	font-size: 12px;
	font-size: 1.2rem;
	color:#f79783;
}
#contact dd {
	width:100%;
	margin-bottom:1em;
}
#contact li .item {
	margin-bottom:0.5em;
}
#contact .memo {
	width: 100%;
	font-weight: bold;
	padding: 0 0 1em 0;
}
#contact  input[type="text"],
#contact  input[type="email"],
#contact  textarea {
	font-size: 14px;
	font-size: 1.4rem;
	width:100%;
	padding: 0.5em 1em;
	resize:none;
	border:1px solid #cccccc;
	background:rgba(255,255,255,0.8);
	font-family: sans-serif;
}
#contact  input:focus,
#contact  textarea:focus {
	content:"";
	border:1px solid #666666;
}
#contact  input[type="submit"] {
	cursor:pointer;
	border: none;
}
#contact p {
	text-align:center;
	line-height: 170%;
}
#contact .confirm, .sending, .backform {
	cursor: pointer;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
	width: 200px;
	height: 45px;
	margin-top: 5px;
	background: #888;
}
.mw_wp_form_confirm .send {
	display:none;
}

p.message {
	display:none;
}
.mw_wp_form_input p.message:nth-child(1) {
	display:block;
}
.mw_wp_form_confirm p.message:nth-child(2) {
	display:block;
}

/*****************************************************************************
	Flex Box
*****************************************************************************/
/***********
horizon
************/
.f_box {
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
}
.f_item {
    -webkit-flex:1 0 auto;
    -ms-flex:1 0 auto;
    flex:1 0 auto;
}

.f_h_start {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.f_h_center {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: center;
	justify-content: center;
}
.f_h_end {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.f_h_sb {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-evenly;
	justify-content: space-evenly;
}
.f_h_sa {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}
.f_wrap {
	-webkit-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    font-size:16px;
    line-height:1.6;
}
/***********
vertical
************/
.f_column {
	-webkit-box-direction:column;
	-webkit-flex-direction:column;
	flex-direction:column;
}
.f_start {
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.f_end {
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.f_center {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.f_baseline {
	-webkit-align-items: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
}
.f_stretch {
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

/*****************************************************************************
	Gimic with jQuery
*****************************************************************************/

.trans {
	-webkit-transition:all 0.7s ease-in-out;
			transition:all 0.7s ease-in-out;
}
.scrollZoom {
	opacity:0;
    -webkit-transform: scale3d(0 ,0 , -1);
  			  transform: scale3d(0 ,0 , -1);
	-webkit-transition:all 1s ease-in-out;
			transition:all 1s ease-in-out;
}
.scrollZoom.action {
    -webkit-transform: scale3d(1 ,1 ,1);
    transform: scale3d(1 ,1 ,1);
	opacity:1;
}
.zoom {
	position: relative;
	z-index: 2;
	-webkit-transition:all 0.2s ease-in-out;
			transition:all 0.2s ease-in-out;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
.zoom:hover {
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}
.float{
	-webkit-transition:all 0.2s ease-in-out;
			transition:all 0.2s ease-in-out;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.11);
}
.float:hover {
	box-shadow: 0 19px 38px rgba(0, 0, 0, 0.15), 0 15px 12px rgba(0, 0, 0, 0.16);
}
/*  3D Appear */
.deg {
	position:relative;
	perspective:500px;
}
.deg.back {
	z-index:-1;
}
.deg > [data-type="left"] {
	-webkit-transition:all 2s ease;
			transition:all 2s ease;
	-webkit-transform: rotateY(20deg) translateX(-200px);
	transform: rotateY(20deg) translateX(-200px);
	opacity:0;
}
.deg > [data-type="right"] {
	-webkit-transition:all 1s ease;
			transition:all 1s ease;
	-webkit-transform: rotateY(-20deg) translateX(200px);
	transform: rotateY(-20deg) translateX(200px);
	opacity:0;
}
.deg.active > *{
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	opacity:1;
}

/*  Scrolling Appear */
.scroll[data-type="up"] {
	-webkit-transition:all 1s ease;
			transition:all 1s ease;
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
	opacity:0;
}
.scroll[data-type="up"].active, .scroll[data-type="down"].active, .scroll[data-type="left"].active, .scroll[data-type="right"].active  {
	-webkit-transform: translateY(0px);
	-webkit-transform: translateX(0px);
	transform: translateY(0px);
	transform: translateX(0px);
	opacity:1;
}

/*  Parallax Setting */
.para {
	position: relative;
	background-repeat: no-repeat;
	background-color: #555555;
}

@media screen and (max-device-width:1024px) {
	/* for Mobile and Tablet */
	.para {
		background-size: cover;
		height: 300px;
	}
	.para[data-id="p1"] {
	    background-image: url("./img/top/top_para_01_sp.jpg");
	}
	.para[data-id="p2"] {
	    background-image: url("./img/top/top_para_02_spnew.jpg");
	}
	.para[data-id="p3"] {
	    background-image: url("./img/top/top_para_03_sp.jpg");
	}
	.para[data-id="p4"] {
	    background-image: url("./img/top/top_para_04_spnew.jpg");
	}
}
@media screen and (min-device-width:1024px)  {
	/* for PC */
	.para {
		background-attachment: fixed;
		background-position: center 100%;
		background-size: cover;
		height: 300px;
	}
	.para[data-id="p1"] {
	    background-image: url("./img/top/top_para_01.jpg");
	}
	.para[data-id="p2"] {
	    background-image: url("./img/top/top_para_02new.jpg");
	}
	.para[data-id="p3"] {
	    background-image: url("./img/top/top_para_03.jpg");
	}
	.para[data-id="p4"] {
	    background-image: url("./img/top/top_para_04new.jpg");
	}
}
@media screen and (max-width:768px) {
	/* for Mobile */
	.para {
		height: 190px;
	}
	.deg {
		width:100%;
	}
}

/*****************************************************************************
	common media
*****************************************************************************/
@media screen and (max-width:768px){
	/* for Mobile */
	.f_res {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	.col {
		width:100%;
	}
	div.blank {
		height:20px;
	}
	div.blankx2 {
		height:40px;
	}
	.sp {
		display:block;
	}
	.pc {
		display:none;
	}
	.order_top {
		-webkit-order:-1;
		-ms-order:-1;
		order:-1;
	}
	.order_1 {
		-webkit-order:1;
		-ms-order:1;
		order:1;
	}
	address {
		text-align:center;
	}
}
@media screen and (min-width:768px){
	/* for Tablet and PC */
	.f_res {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		position: relative;
	}
	div.blank {
		height:30px;
	}
	div.blankx2 {
		height:40px;
	}
	div.blankx3 {
		height:60px;
	}
	.sp {
		display:none;
	}
	.pc {
		display:block;
	}
	.w10 {
		width:-webkit-calc(10%);
		width:calc(10%);
		min-width:calc(10%);
	}
	.w15 {
		width:-webkit-calc(15%);
		width:calc(15%);
		min-width:calc(15%);
	}
	.w20 {
		width:-webkit-calc(20%);
		width:calc(20%);
		min-width:calc(20%);
	}
	.w20s {
		width:-webkit-calc(20% - 1em);
		width:calc(20% - 1em);
		min-width:calc(20% - 1em);
	}
	.w20l {
		width:-webkit-calc(20% + 1em);
		width:calc(20% + 1em);
		min-width:calc(20% + 1em);
	}
	.w24 {
		width:-webkit-calc(24%);
		width:calc(24%);
		min-width:calc(24%);
	}
	.w25 {
		width:-webkit-calc(25%);
		width:calc(25%);
		min-width:calc(25%);
	}
	.w25s {
		width:-webkit-calc(25% - 1em);
		width:calc(25% - 1em);
	}
	.w33{
		width:-webkit-calc(100% / 3);
		width:calc(100% / 3);
	}
	.w33s{
		width:-webkit-calc(100% / 3 - 0.5em);
		width:calc(100% / 3 - 0.5em);
	}
	.w30 {
		width:-webkit-calc(30%);
		width:calc(30%);
		min-width:calc(30%);
	}
	.w30s {
		width:-webkit-calc(30% - 1em);
		width:calc(30% - 1em);
	}
	.w35 {
		width:-webkit-calc(35%);
		width:calc(35%);
		min-width:calc(35%);
	}
	.w40 {
		width:-webkit-calc(40%);
		width:calc(40%);
		min-width:calc(40%);
	}
	.w40s {
		width:-webkit-calc(40% - 1em);
		width:calc(40% - 1em);
		min-width:calc(40% - 1em);
	}
	.w45 {
		width:-webkit-calc(45%);
		width:calc(45%);
		min-width:calc(45%);
	}
	.w45s {
		width:-webkit-calc(45% - 1em);
		width:calc(45% - 1em);
		min-width:calc(45% - 1em);
	}
	.w45s {
		width:-webkit-calc(45% - 1em);
		width:calc(45% - 1em);
		min-width:calc(45% - 1em);
	}
	.w45l {
		width:-webkit-calc(45% + 1em);
		width:calc(45% + 1em);
		min-width:calc(45% + 1em);
	}
	.w60 {
		width:-webkit-calc(60%);
		width:calc(60%);
		min-width:calc(60%);
	}
	.w60s {
		width:-webkit-calc(60% - 1em);
		width:calc(60% - 1em);
	}
	.w66 {
		width:-webkit-calc(66%);
		width:calc(66%);
	}
	.w50s {
		width:-webkit-calc(50% - 1em);
		width:calc(50% - 1em);
	}
	.w50 {
		width:-webkit-calc(50%);
		width:calc(50%);
		min-width:calc(50%);
	}
	.w55 {
		width:-webkit-calc(55%);
		width:calc(55%);
		min-width:calc(55%);
	}
	.w55s {
		width:-webkit-calc(55% - 1em);
		width:calc(55% - 1em);
		min-width:calc(55% - 1em);
	}
	.w65 {
		width:65%;
		min-width:65%;
	}
	.w65s {
		width:-webkit-calc(65% - 1em);
		width:calc(65% - 1em);
		min-width:calc(65% - 1em);
	}
	.w75 {
		width:-webkit-calc(75%);
		width:calc(75%);
	}
	.w75s {
		width:-webkit-calc(75% - 1em);
		width:calc(75% - 1em);
	}
	.w70 {
		width:-webkit-calc(70%);
		width:calc(70%);
	}
	.w70s {
		width:-webkit-calc(70% - 1em);
		width:calc(70% - 1em);
	}
	.w70l {
		width:-webkit-calc(70% + 1em);
		width:calc(70% + 1em);
	}
	.w80 {
		width:-webkit-calc(80%);
		width:calc(80%);
	}
	.w80s {
		width:-webkit-calc(80% - 1em);
		width:calc(80% - 1em);
	}
	.w80l {
		width:-webkit-calc(80% + 1em);
		width:calc(80% + 1em);
	}
	.w95 {
		width:95%;
	}
	#slick {
		width:920px;
		margin:0 auto;
	}
	#slick figure {
		margin:15px;
	}
}


table.company {
width:auto;
border-collapse:collapse;
border-spacing:0;
margin:20px 1.2em;
font-size:16px;
line-height:1.6;
}

table.company th,
table.company td {
border:1px solid #bbb;
padding:6px;
background:#fff;
word-break:break-all;
}

table.company th {
width:35%;
background:#f4eadd;
font-weight:bold;
text-align:left;
vertical-align: top;
}

table.tb-menu {
width:100%;
border-collapse:collapse;
border-spacing:0;
margin:20px 0 30px;
font-size:16px;
line-height:1.6;
}

table.tb-menu th,
table.tb-menu td {
border:1px solid #bbb;
padding:6px;
background:#fff;
}

table.tb-menu th {
width:35%;
background:#f4eadd;
font-weight:bold;
text-align:center;
}

table.tb-menu td:nth-child(2),
table.tb-menu td:nth-child(3) {
text-align:center;
}

.img-right {
  display:block;
  width:auto;
  margin:0 auto 15px;
}


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

table.company {
width:900px;
border-collapse:collapse;
border-spacing:0;
margin:40px auto;
}

table.company th,
table.company td {
border:1px solid #bbb;
padding:10px 20px;
background:#fff;
}

table.company th {
width:40%;
background:#f4eadd;
font-weight:bold;
text-align:left;
vertical-align: top;
}

table.tb-menu {
margin:40px auto;
}

table.tb-menu th {
padding:10px;
}

table.tb-menu td {
padding:10px 20px;
}

table.tb-menu th {
width:35%;
}

.img-right {
  float:right;
  margin:0 0 10px 10px;
}

}


/*---------------------------------
instagram-timeline
--------------------------------*/

.instagram-timeline-wrap {
  width:1200px;
  padding:60px 0 80px;
  margin:0 auto;
}
#sb_instagram .sbi_photo img {
  width:100% !important;
  max-width:inherit !important;
  height:100% !important;
}

.instagram-timeline-wrap h2 {
  font-size:42px;
  font-weight:bold;
}

@media screen and (max-width:768px){
  .instagram-timeline-wrap {
    width:auto;
    padding:0 15px 60px;
  }
  .sbi_item {
    width:30% !important;
  }
  
  .instagram-timeline-wrap h2 {
    font-size:26px;
  }
  
  .instagram-timeline-wrap .icon-insta {
    width:60px;
  }
  
  #sbi_images {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-evenly !important;
  }
}

.top-info {
  width:1200px;
  height:auto;
  overflow:hidden;
  padding:20px;
  margin:0 auto 60px;
  border:solid 1px #ddd;
  border-radius:10px;
}

.top-info h2 {
  margin:0 0 10px;
  font-size:24px;
  line-height:1.6;
  color:#6e4e0a;
  text-align:left;
}

h2.dp {
  font-size:28px;
  line-height:1.6;
  font-weight:bold;
}

@media screen and (max-width:768px){
  .top-info {
    width:auto;
    padding:10px;
    margin:25px 10px;
  }
  
  .top-info h2 {
    margin:0 0 10px;
    font-size:22px;
    text-align:center;
  }
  
  h2.dp {
    font-size:22px;
    line-height:1.6;
  }
}


#item {
  width:100%;
  height:auto;
  overflow:hidden;
  background:#fdeff4;
  padding:20px 0 40px;
  margin:0 0 60px;
}

#item .inner {
  width:1200px;
  height:auto;
  overflow:hidden;
  margin:0 auto;
}

#item ul {
  width:auto;
  height:auto;
  overflow:hidden;
  margin:40px 0 0;
    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;
}

#item li {
  float:left;
  width:270px;
  height:520px;
  overflow:hidden;
  margin:0 40px 0 0;
  position:relative;
}

#item li:nth-child(4n) {
  margin:0;
}

#item .item-image {
  width:auto;
  height:280px;
  overflow:hidden;
  background:#fff;
  margin:0 0 10px;
  display:flex;
  align-items:center;
  justify-content:center;
}

#item .item-image img {
  width:100%;
}

#item h2 .sub {
  font-size:20px;
}

#item h3 {
  margin:0;
  font-size:18px;
  line-height:1.6;
  font-weight:bold;
  color:#e91e63;
}

#item p {
  font-size:14px;
  line-height:1.6;
}

#item .item-btn {
  display:block;
  width:200px;
  height:40px;
  background:#e91e63;
  margin:0 auto;
  font-size:16px;
  line-height:40px;
  color:#fff;
  text-align:center;
  position:absolute;
  bottom:0;
  left:0;
  right:0;
}

#item .item-btn:hover,
#item img:hover {
  opacity:0.6;
}

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

#item {
  padding:10px 0 20px;
  margin:0 0 40px;
}

#item .inner {
  width:auto;
  margin:0 10px;
}

#item ul {
  margin:20px 0 0;
}

#item li {
  float:left;
  width:48%;
  height:auto;
  padding:0 0 40px;
  margin:0 4% 20px 0;
  position:relative;
}

#item li:nth-child(2n) {
  margin:0 0 20px 0;
}

#item .item-image {
  height:180px;
}

#item h2 .sub {
  font-size:18px;
}

#item h3 {
  font-size:16px;
}

#item p {
  font-size:12px;
}

#item .item-btn {
  display:block;
  width:150px;
  height:35px;
  font-size:14px;
  line-height:35px;
}

#item .item-btn:hover,
#item img:hover {
  opacity:0.6;
}


h2.lead {
	font-size:30px;
	font-size:3.0rem;
}

}


.pr-box {
  width:auto;
  height:auto;
  overflow:hidden;
  padding:20px;
  background:#fffef5;
  border:solid 5px #ffc107;
  border-radius:8px;
  margin:0 0 50px;
}

ul.text-list {
  padding:0 0 0 30px;
}

ul.text-list li {
  list-style-type:disc;
}

.profile {
  width:900px;
  height:auto;
  overflow:hidden;
  padding:15px;
  border:solid 1px #6e4e0a;
  border-radius:6px;
  margin:0 auto;
}

.profile h3 {
  margin:0 0 10px;
  font-size:20px;
  color:#6e4e0a;
  text-align:left;
}

.profile h4 {
  margin:0 0 10px;
  font-size:18px;
  color:#6e4e0a;
  text-align:left;
}

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

.pr-box {
  padding:15px 10px;
  border:solid 3px #ffc107;
}

ul.text-list {
  padding:0 0 0 20px;
}

.profile {
  width:auto;
  margin:0 1.2em;
}

.profile h3 {
  font-size:18px;
}

.profile h4 {
  font-size:16px;
}

}

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

main {
  margin:65px 0 0;
}

main.index {
  margin:0;
}

#line-entry-sp {
  width:auto;
  height:auto;
  overflow:hidden;
  background:#fff;
  border:solid 6px #0b0;
  border-radius:5px;
  padding:5px;
  position:fixed;
  bottom:0;
  right:0;
  left:0;
  z-index:999;
  margin:0 auto;
}

#line-entry-sp .left {
  float:left;
  width:66%;
  height:auto;
  overflow:hidden;
}

#line-entry-sp .left p {
  margin:0;
  
  font-size:14px;
  line-height:18px;
  font-weight:bold;
}

#line-entry-sp .right {
  float:right;
  width:32%;
  height:auto;
}

#line-entry-sp .right img {
  width:100%;
  height:auto;
}

}

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

#line-entry-sp {
  display:none !important;
}

}


#post.single .pr-box h3 {
  font-size:26px;
  margin:0 0 15px;
}

#post.single .pr-box p {
  margin:0;
  font-size:20px;
  line-height:1.6;
  font-weight:bold;
}

#post.single .pr-box-center h3 {
  text-align:center;
}

#post.single .pr-box-center {
  text-align:center;
}

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

#post.single .pr-box h3 {
  font-size:18px;
  margin:0 0 15px;
}

#post.single .pr-box p {
  margin:0;
  font-size:16px;
  line-height:1.6;
  font-weight:bold;
}

#post.single .pr-box-center h3 {
  text-align:center;
}

#post.single .pr-box-center {
  text-align:center;
}

}


.btn {
  width:auto;
  height:auto;
  overflow:hidden;
  margin:30px 0 0;
}

.btn a {
  display:block;
  width:300px;
  height:auto;
  padding:10px 40px;
  margin:0 auto;
  background:#ffc107;
  border-radius:100px;
  font-size:18px;
  font-weight:bold;
  text-align:center;
}

.btn a:hover {
  opacity:0.6;
}


.cont-wrap {
  width:900px;
  height:auto;
  overflow:hidden;
  margin:0 auto;
}

.cont-wrap-in {
  width:auto;
  height:auto;
  overflow:hidden;
  margin:0 0 60px;
}

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

.cont-wrap {
  width:auto;
  height:auto;
  overflow:hidden;
  margin:0 15px;
}

.cont-wrap-in {
  margin:0 0 30px;
}

}

.voice-list {
  list-style-type:none;
  width:auto;
  height:auto;
  overflow:hidden;
  padding:0;
  margin:0 0 40px;
}

.voice-list li {
  width:900px;
  height:auto;
  overflow:hidden;
  padding:15px;
  margin:0 auto 2.5em;
  background:#faf8ec;
}

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

.voice-list {
  margin:0 0 20px;
}

.voice-list li {
  width:auto;
}

}

.dashed-note {
  background-color: #faf8ec; /* 背景色 */
  background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #faf8ec 50%, #faf8ec 100%), /* 点線1の色 */
                    linear-gradient(180deg, #ccc 1px, transparent 1px); /* 点線2の色と太さ */
  background-size: 8px 100%, /* 点線1のサイズ */
                   100% 2.5em; /* 点線2のサイズ */
  line-height: 2.5em; /* 文字の高さ */
  padding-bottom: 1px; /* 最終行の下にも罫線を引く */
  background-repeat: initial;
}

.dashed-note p {
  line-height: inherit;
}


.text-right {
  display:block;
  text-align:right;
}


.marker {
  background:linear-gradient(transparent 60%, rgb(253, 230, 124) 40%);
  display: inline;

  /* 背景の繰り返しを停止 */
  background-repeat: no-repeat;

  /* マーカーの横方向を0にして縮める */
  background-size: 0% 100%;

  /* マーカーが引かれる速度を指定 */
  transition:background-size 2s;
}

/* マーカーが引かれる際に付与するクラス */
.marker.on {
  /* 横方向を100%にして、マーカーを引く */
  background-size: 100% 100%;
}


.box17 {
    margin:2em 0;
    position: relative;
    padding: 1.5em 2.5em;
    border-top: solid 2px #6e4e0a;
    border-bottom: solid 2px #6e4e0a;
}
.box17:before, .box17:after {
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: #6e4e0a;
}
.box17:before {left: 10px;}
.box17:after {right: 10px;}
.box17 p {
    margin: 0; 
    padding: 0;
}

.box17 ul {
  padding:0 0 0 20px;
}

.box17 li {
  list-style-type:disclosure-closed;
  margin:0 0 6px;
  font-size:17px;
  line-height:1.6;
  font-weight:bold;
  color:#6e4e0a;
}

.box17 li:last-child {
  margin:0;
}


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

.pb_170 {
  padding-bottom:170px;
}

}


.shikaku {
  list-style-type:none;
  width:auto;
  height:auto;
  overflow:hidden;
  padding:0;
  margin:0;
  display:flex;
  justify-content:space-around;
  flex-wrap:wrap;
}

.shikaku li {
  width:32%;
  margin:0 0 15px;
}

.shikaku img {
  width:100%;
}

.shikaku .cap {
  display:block;
  margin:5px 0 0;
  font-size:14px;
  text-align:center;
}

.shikaku a:hover {
  opacity:0.6;
}

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

.shikaku li {
  width:100%;
  margin:0 0 10px;
}

.shikaku img {
  display:block;
  width:70%;
  margin:0 auto;
}

.shikaku .cap {
  font-size:12px;
}

}