@charset "utf-8";
/*
Theme Name: 串揚げ酒場 仲丸
Theme URI: http://wordpress.org/
Description: 串揚げ酒場 仲丸
Author:串揚げ酒場 仲丸
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%;
	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.33rem;
	width: 100%;
}
body {
	font-family:"ヒラギノ角ゴ Pro W3",メイリオ,Osaka,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
	line-height: 180%;
}
.min {
	font-family:"ヒラギノ角ゴ Pro W3",メイリオ,Osaka,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
}
.gf {
	letter-spacing:0em;
	font-family:"ヒラギノ角ゴ Pro W3",メイリオ,Osaka,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
}
/*****************************************************************************
common
*****************************************************************************/
.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;
	font-weight:normal;
	line-height:150%;
	margin:0;
}
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;
}
.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: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;
	}
.btn.main.lead {
	margin:0 auto;
}
}
/*****************************************************************************
	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;
	}
	header .kv h1 img {
		max-width:100px;
	}
	header .sp.navi {
		width:100%;
		position:fixed;
		bottom:0;
		left:0;
		z-index:100;
		height:65px;
		box-shadow: 0 0 13px 0 rgba(0,0,0,0.6);
		background: -moz-linear-gradient(to bottom right, #210a0a,#4bc72c, #210a0a);
		background: -webkit-linear-gradient(to bottom right, #210a0a,#4bc72c, #210a0a);
		background: linear-gradient(to bottom right, #210a0a,#4bc72c, #210a0a);

	}
}
@media screen and (min-width:769px) {
	header {
		min-width:768px;
	}

	header nav > article {
		max-width:1000px;
		margin:0 auto;
		position:relative;
	}
	header nav {
		width:1000px;
		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:0;
		z-index:99;
		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 , 22px, 0) ;
				transform:translate3d(0 , 22px, 0) ;
	}
	footer nav.menu a {
		font-size:12px;
		font-size:1.2rem;
	}
	nav.menu a{
		font-size: 22px;
		font-size: 2.2rem;
		display:block;
		width:100%;
		position:relative;
		padding:1em 0 1em 2em;
		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;
		width: 50%;
	}
	nav.menu p {
		display:none;
	}
	header nav.menu .logo {
		display:none !important;
	}
}
/* PC Navigation */
@media screen and (min-width:769px){
	header nav .logo img {
		max-height:70px;
	}
	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:1000px;
	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:100%;
		font-size:40px;
		font-size:4.0rem;
	}
}

/*****************************************************************************
icon
*****************************************************************************/
.social {
	color: #6b4e22;
	font-size:36px;
	font-size:3.6rem;
}
/*****************************************************************************
	Map
*****************************************************************************/
.gmap {
	position:relative;
	width: 100%;
	height: 250px;
}
.gmap.index {
	height: 300px;
}
.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%;
	margin:0 auto;
}
article.concept > div{
	padding:4.5em 0;
}
article.concept > div.grd-r, article.concept > div.grd-l  {
	background:#ffffff;
}
article.course > div{
	padding:1.5em 0 0 0;
}
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 );
}

@media screen and (min-width:769px){
	main{
		/*padding-top:92px;*/
		max-width: 1320px;
		margin: auto;
	}
	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;
	}
	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{
		margin-bottom:3em;
	}
}
/*****************************************************************************
	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:10;
	background: rgba(235, 222, 207, 0.9);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}

@media screen and (max-width:768px){
	.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/01.png") center top / 100% auto no-repeat;
	}
	#about .bg_02sp {
		background: url("./img/about/02.png") center top / 100% auto no-repeat;
	}
	#about .bg_03sp {
		background: url("./img/about/03.png") center top / 100% auto no-repeat;
	}
}
@media screen and (min-width:769px){
	.bg_lead {
		background: url("./img/top/top_bg_01.png") right top / auto 100% no-repeat;
	}
	#about .bg_01 {
		background: url("./img/about/01.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:#F9D46B;
	padding:0.4em;
	/*text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);*/
	font-weight: bold;
	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;
	margin-top:-1em;
	font-size:0.4em;
	text-shadow: none;
}
h2.lead {
	position:relative;
	z-index:1;
	letter-spacing:0.1em;
	line-height:120%;
	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;
	padding: 0.8em 0 0.8em 0;
	text-align: center;
	font-weight: bold;
}
h3.lead+p {
	text-align:right;
	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;
	font-weight:bold;
	line-height:130%;
	margin-bottom:0.5em;
}

h4 {
	font-size:20px;
	font-size:2.0rem;
	padding:0.5em 0;
}
@media screen and (max-width:768px){
	h2.title {
		font-size:26px;
		font-size:1.8rem;
		line-height:140%;
	}
	h2.box {
		width:100%;
		padding:0.5em 0;
		line-height:160%;
	}
}
@media screen and (min-width:769px){
	h2.box {
		top:1.5em;
		width:520px;
		padding:1.5em;
	}
	h2.box {
		position:absolute;
	}
}

/*****************************************************************************
	ul / dl
*****************************************************************************/

dl.menu dt {
	width:60%;
	max-width:100%;
	padding-right:0.5em;
	font-weight:bold;
}
dl.menu dt:last-child{
	width:100%;
}
dl.menu dd {
	max-width:100%;
	width:40%;
	color:red;
}
dl.menu dt:nth-child(1), dl.menu dd:nth-child(2) {
	padding-top:0;
	border-top:none;
}

dl.access dt {
	width:30%;
	max-width:100%;
	padding-right:0.5em;
	font-weight:bold;
}
dl.access dt:last-child{
	width:100%;
}
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:769px){
	dl.access dt, dl.access dd {
		padding:0.5em 1em 0.5em 0;
	}
	dl.menu{
		font-size: 20px;
	}
	dl.access{
		font-size: 15px;
	}
}

/* 10/24 */
a.yoyaku{
text-decoration:underline;
color:#0000ff;
}


/*****************************************************************************
	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-height:300px;
	margin-bottom:2em;
}
figure.facility figcaption {
	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, figure.access {
	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;
	margin-top:0px;
}
@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:150px;
		margin-bottom:1em;
	}
}

/* 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;
}

/*
.cta, .para{
	background-image:none !important;
	background:#9a9a9a;
}
#about .bg_01,  #about .bg_03, #about .bg_01_sp,  #about .bg_03_sp {
background: -moz-linear-gradient(left, rgba(140,140,140,1) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(left, rgba(140,140,140,1) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(140,140,140,1) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%);
}
#about .bg_02, #about .bg_02_sp {
background: -moz-linear-gradient(right, rgba(140,140,140,1) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(right, rgba(140,140,140,1) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%);
background: linear-gradient(to left, rgba(140,140,140,1) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%);
}
*/
/*****************************************************************************
	index
*****************************************************************************/
figure.lead+p {
	color:#d2c7af;
}
p > .date {
	color:#cfa972;
	font-size:18px;
	font-size:1.8rem;
	padding:0
}
p > .category {
	color:#ffffff;
	background:#ff0000;;
	font-size:0.7em;
	padding:0.4em 1em;
	line-height:100%;
	margin-left:0.5em;
}
p > .category2 {
	color:#ffffff;
	background:#9a9696;;
	font-size:0.7em;
	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.5em;
	}
	p.copy {
		margin:0 0 65px 0;
	}
}
@media screen and (min-width:769px){
	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 p.tl {
	height:3em;
}
#post .list a {
    width: 310px;
    height: auto;
}
@media screen and (min-width: 769px) {
	#post .list a:not(:nth-of-type(2n)) {
	    margin-right: 0.9em;
	}
}
@media screen and (max-width: 768px) {
	#post .list a {
	    width: 100%;
	    height: auto;
	}
}

/* #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 0;
}
#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:14px;
	font-size:1.4rem;
	padding-top: 1em;
}
#post .content img {
	max-width:100%;
	height:auto;
}
#post.single h2 {
	font-size:26px;
	font-size:2.6rem;
	line-height:140%;
	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:769px){
	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-between;
	justify-content: space-evenly;
    background-color: #e5f7ec;
	padding-top: 1em;
}
.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;
}
/***********
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_sp.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_sp.jpg");
	}
}
@media screen and (min-device-width:1024px)  {
	/* for PC */
	.para {
		background-attachment: fixed;
		background-position: center 100%;
		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_02.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_04.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;
	}
	.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:769px){
	/* for Tablet and PC */
	.f_res {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	div.blank {
		height:40px;
	}
	div.blankx2 {
		height:80px;
	}
	div.blankx3 {
		height:120px;
	}
	.sp {
		display:none;
	}
	.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);
	}
	.w25 {
		width:-webkit-calc(25%);
		width:calc(25%);
		min-width:calc(25%);
	}
	.w25s {
		width:-webkit-calc(25% - 1em);
		width:calc(25% - 1em);
	}
	.w28 {
		width:-webkit-calc(28%);
		width:calc(28%);
		min-width:calc(28%);
	}
	.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);
	}
	.w40p {
		width:-webkit-calc(50% - 0em);
		width:calc(50% - 0em);
		min-width:calc(50% - 0em);
	}
	.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%;
		margin:auto;
	}
	.w100 {
		width:-webkit-calc(100%);
		width:calc(100%);
		height:auto;
	}
	#slick {
		width:920px;
		margin:0 auto;
	}
	#slick figure {
		margin:15px;
	}

	.btn_1{
		color: #fff;
    background-color: green;
    bottom: 40px;
    right: 40%;
    width: 30%;
    padding: 10px 40px;
    font-size: 22px;
    line-height: 2;
		text-align: center;
		background: -moz-linear-gradient(to bottom right, #5CE543, #679956);
		background: -webkit-linear-gradient(to bottom right, #5CE543, #679956);
		background: linear-gradient(to bottom right, #5CE543, #679956);
		border-radius: 20px;
		border: 1px solid #fff;
	}
	.btn_2{
		color: #fff;
    bottom: 40px;
    right: 5%;
    width: 30%;
    font-size: 22px;
    line-height: 2;
	}
	.comment_area{
		background: url("./img/top/11.jpg") center top /cover no-repeat;
    height: 700px;
		position:relative;
	}
	.balloon1,.balloon2,.balloon3,.balloon4,.balloon5,.balloon6{
  	position: relative;
  	padding: 20px;
  	background: linear-gradient(to bottom, #5CE543 0%,#679956 100%);
  	color: #ffffff;
  	border-radius:15px;
  	font-size:28px;
		line-height:1.5;
		display:inline-block;
	}
/* グラデーションの終了の色に合わせた三角アイコン */
.balloon1::before,.balloon3::before,.balloon5::before{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	right: 15px;
	bottom: -15px;
	border-top: 20px solid #679956;
	border-right: 40px solid transparent;
	border-left: 35px solid transparent;
	transform: rotate(-155deg);
}
.balloon2::before,.balloon4::before{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 15px;
	bottom: -15px;
	border-top: 20px solid #679956;
	border-right: 40px solid transparent;
	border-left: 35px solid transparent;
	transform: rotate(155deg);
}
.balloon6::before{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 20px;
	bottom: -15px;
	border-top: 20px solid #679956;
	border-right: 40px solid transparent;
	border-left: 35px solid transparent;
	transform: rotate(-155deg);
}

}

/* 吹き出し本体 */
/*ページ内容*/
@media screen and (max-width:768px){
	.pc{
		display:none;
	}
	.sp_flo{
		overflow: hidden;
	}
	.sp_flo_r{
		float: right;
	}
	.sp_flo_l{
		float: left;
	}
	.w60_im{
		width: 60%!important;
	}
	.w40_im{
		width: 40%!important;
	}
	.w95_im{
		width: 95%!important;
	}
	.h280{
    height: 280px;
	}
	.w15_sp {
		width:-webkit-calc(15%);
		width:calc(15%);
		min-width:calc(15%);
		margin: 3%;
	}
	.w50_sp{
		width:-webkit-calc(50%);
		width:calc(50%);
		min-width:calc(50%);
	}
	.w60_sp{
		width:-webkit-calc(60%);
		width:calc(60%);
		min-width:calc(60%);
	}
	.w70s_sp {
		width:-webkit-calc(70% - 1em);
		width:calc(70% - 1em);
		margin-right: .5em;
	}
	.w30_sp {
		width:-webkit-calc(30% - .5em);
		width:calc(30% - .5em);
		min-width:calc(30% - .5em);
		margin-left: .5em;
	}
	.w40_sp{
		width:-webkit-calc(40%);
		width:calc(40%);
		min-width:calc(40%);
	}
	.w50_sp{
		width:-webkit-calc(50%);
		width:calc(50%);
		min-width:calc(50%);
	}
	.h40{
	height: 40px;
	}
	.pos0{
		left:4%;
		top:0;
	}
	.pos1{
		position: absolute;
		top: 5px;
		left: -15%;
	}
	.pos2{
		top: 50px;
		position: absolute;
		left: 30%;
		z-index: 2;
	}
	.pos3{
		position: absolute;
		bottom: 5px;
		left: -4%;
		z-index: 3;
	}
	.pos4{
		position: absolute;
		right: 3%;
		top: 132px;
		z-index: 4;
	}
	.pos5{
	 	top: 5%;
		left: 3%;
	}
	.pos6{
	 	right: 3%;
		top: 25%;
	}
	.pos7{
	 	top: 36%;
		left: 3%;
	}
	.pos8{
		right: 5%;
		top: 52%;
	}
	.pos9{
		left: 3%;
		top: 60%;
	}
	.pos10{
		top: 75%;
		left: 48%;
	}
	.pos11{
		position: absolute;
		top: 0;
		right: 0;
	}
	h3.lead {
		font-size:1.4rem;
		padding:0 0 .4em 0;
		text-align:center;
		text-align: left;
	}
	.dec3_sp{
		font-size: 14px;
		font-size: 1.3rem;
		line-height: 1.6;
		text-align: left;
	}
	.menu_sp1{
		padding: 15px;
    background: url("./img/top/9_1sp.png") center top /cover no-repeat;
	}
	.menu_sp2{
		padding: 15px;
    background: url("./img/top/9_2sp.png") center top /cover no-repeat;
	}
	.comment_area{
		background: url("./img/top/11.jpg") center top /cover no-repeat;
		height: 400px;
		position:relative;
	}
	.balloon1,.balloon2,.balloon3,.balloon4,.balloon5,.balloon6{
  	position: relative;
  	padding: 10px;
  	background: linear-gradient(to bottom, #5CE543 0%,#679956 100%);
  	color: #ffffff;
  	border-radius:10px;
  	font-size:85%;
		line-height:1.5;
		display:inline-block;
	}
/* グラデーションの終了の色に合わせた三角アイコン */
	.balloon1::before,.balloon3::before,.balloon5::before{
		content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    right: 5px;
    bottom: -10px;
    border-top: 13px solid #679956;
    border-right: 25px solid transparent;
    border-left: 25px solid transparent;
    transform: rotate(-155deg);
		}
	.balloon2::before,.balloon4::before{
		content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: 5px;
    bottom: -10px;
    border-top: 13px solid #679956;
    border-right: 25px solid transparent;
    border-left: 25px solid transparent;
    transform: rotate(155deg);
	}
	.balloon6::before{
		content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: 15px;
    bottom: -10px;
    border-top: 13px solid #679956;
    border-right: 25px solid transparent;
    border-left: 25px solid transparent;
    transform: rotate(-155deg);
	}

	/*予約フォーム*/
	.reserv{
		width: 95%;
		margin: auto;
	}
	.reserv dt{
		width: 40%;
		margin-bottom: 30px;
	}
	.reserv dt>span{
		background-color: red;
		color: #fff;
		padding: 2px 5px;
		line-height: 2.5;
	}
	.reserv dt>nini{
		background-color: #9a9898;
		color: #fff;
		padding: 2px 5px;
		line-height: 2.5;
	}
	.reserv dd{
		width: 60%;
		margin-bottom: 30px;
		line-height: 2.5;
	}
	.reserv dd .wpcf7-form-control{
		width: 87%;
	}
	.btn_area{
	}
	.btn_3{
		width: 50%;
		margin: auto;
	}
	.btn_3 input{
		width: 100%;
		padding: 15px;
		cursor: pointer;
		border-radius: 10px;
		color: #fff;
    background-color: green;
		border: none;
    line-height: 2;
		text-align: center;
		background: -moz-linear-gradient(to bottom right, #5CE543, #679956);
		background: -webkit-linear-gradient(to bottom right, #5CE543, #679956);
		background: linear-gradient(to bottom right, #5CE543, #679956);
	}
	.btn_4{
		
	}
	.btn_5{
		
	}
}
@media screen and (min-width:769px){
	/*追加*/
	.h365{
	height:50px;
	}
	.h100 {
		height: 100%;
	}
	.pos0{
		top: 3%;
		left: 2%;
	}
	.pos1{
		position: absolute;
		top: -840%;
		left: 1%;
	}
	.pos2{
		top: -540%;
		position: absolute;
		left: 23%;
		z-index: 2;
	}
	.pos3{
		position: absolute;
		top: -700%;
		left: 47%;
		z-index: 3;
	}
	.pos4{
		position: absolute;
		right: 0%;
		top: -870%;
		z-index: 4;
	}
	.pos5{
	 	top: 5%;
		left: 3%;
	}
	.pos6{
	 	right: 3%;
		top: 8%;
	}
	.pos7{
	 	top: 33%;
		left: 20%;
	}
	.pos8{
		right: 10%;
		top: 36%;
	}
	.pos9{
		left: 3%;
		top: 60%;
	}
	.pos10{
		top: 70%;
		left: 44%;
	}
	/*予約フォーム*/
	.reserv{
		margin-left: 25%;
	}
	.reserv dt{
		width: 30%;
		margin-bottom: 30px;
	}
	.reserv dt>span{
		background-color: red;
		color: #fff;
		padding: 2px 11px;
        margin-right: 10px;
		line-height: 2.5;
	}
	.reserv dt>nini{
		background-color: #9a9898;
		color: #fff;
		padding: 2px 11px;
        margin-right: 10px;
		line-height: 2.5;

	}
	.reserv dd{
		width: 70%;
		margin-bottom: 30px;
		line-height: 2.5;
	}
	.btn_area{
	}
	.btn_3{
		width: 20%;
		margin: auto;
	}
	.btn_3 input{
		width: 100%;
		padding: 15px;
		cursor: pointer;
		border-radius: 10px;
		color: #fff;
    background-color: green;
		border: none;
    font-size: 2rem;
    line-height: 2;
		text-align: center;
		background: -moz-linear-gradient(to bottom right, #5CE543, #679956);
		background: -webkit-linear-gradient(to bottom right, #5CE543, #679956);
		background: linear-gradient(to bottom right, #5CE543, #679956);
	}
	.btn_4{
		
	}
	.btn_5{
		
	}
}

/*共通クラス名追加*/

	.back1{
	z-index:-1;
	}
	.rel{
		position:relative;
	}
	.abs{
		position:absolute;
	}
	.dec1{
		color: #fff;
		font-size: 6vw;
		padding: 15px;
		line-height:1.2;
		font-style:italic;
		font-weight: bold;
	}
	.dec1 span{
		color:red;
	}
	/*ふわふわ動くボタン*/
	.fuwafuwa{
		-webkit-animation:fuwafuwa 3s infinite linear alternate;
		animation:fuwafuwa 3s infinite linear alternate;
		}

	@-webkit-keyframes fuwafuwa {
		0% {-webkit-transform:translate(0, 0) rotate(-5deg);}
		50% {-webkit-transform:translate(0, -5px) rotate(0deg);}
		100% {-webkit-transform:translate(0, 0)rotate(5deg);}
		}

	@keyframes fuwafuwa {
		0% {transform:translate(0, 0) rotate(-5deg);}
		50% {transform:translate(0, -5px) rotate(0deg);}
		100% {transform:translate(0, 0)rotate(5deg);}
		}

.type-textbound {
  background: #000;
  width: 20px;
  height: 100px;
  margin: 100px;
  animation: squash 2.5s ease-in-out infinite;
}

@keyframes squash {
  0% {transform: scale(1) translate(0, 0);}
  50% {transform: scale(10, .5) translate(0, 300px);}
  100% {transform: scale(1) translate(0, 0);}
}

	.btn_1 a>span,.btn_2 a>span{
		font-size: 110%;
		font-weight: bold;
	}

	.cp_ipselect {
		overflow: hidden;
		width: 90%;
		text-align: center;
	}
	.cp_ipselect select,.cp_ipselect input{
		width: 100%;
		padding-right: 1em;
		cursor: pointer;
		text-indent: 0.01px;
		text-overflow: ellipsis;
		border: none;
		outline: none;
		background: transparent;
		background-image: none;
		box-shadow: none;
		-webkit-appearance: none;
		appearance: none;
	}
	.cp_ipselect input{
		border:none!important;
	}
	.cp_ipselect select::-ms-expand,.cp_ipselect input::-ms-expand
	{
		display: none;
	}
	.cp_ipselect.cp_sl01 {
		position: relative;
		border: 1px solid rgb(238, 238, 238);
		background: #ffffff;
		width: 25%;
	}
	.cp_ipselect.cp_sl01::before {
		position: absolute;
		top: 1.25em;
		right: 0.9em;
		width: 0;
		height: 0;
		padding: 0;
		content: '';
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 6px solid #666666;
		pointer-events: none;
	}
		.reserv input{
			background-color: white!important;
			border: 1px solid rgb(238, 238, 238);
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
		}
		div.wpcf7-response-output{
			margin: 0em 0.5em 1em!important;
			text-align: center;
		}



/* --- お問い合わせフォーム --- */
/* デザインカスタマイズ */
div.wpcf7 { background:#e5f7ec; border:1px solid #ddd; padding:0px; margin:0 0 30px 0; }
div.wpcf7 p { padding:20px 20px 0; margin:0; font-size:14px; }
div.wpcf7 input, .wpcf7 textarea { border:1px solid #ccc; padding:0px; margin-top:3px; font-size:14px; }
div.wpcf7 textarea { width:97.5%; height:70px; }
div.wpcf7 input.wpcf7-submit {
   cursor:pointer; color:#fff; font-weight:bold; font-size:14px; width:200px; height:45px; margin:0 auto; display:block; border-radius:5px;
   background:#4bc72c; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #4bc72c; 
}
div.wpcf7 input.wpcf7-submit:hover { background:#393939; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #393939; border:1px solid #393939; }
.wpcf7 input.wpcf7-submit:active { box-shadow:none; bottom:-2px; position:relative; }
.wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #393939; }
.wpcf7-captchac { border:1px solid #ccc; }

/* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid { background: #ffb6c1; }
.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;}
.wpcf7 .wpcf7-response-output {margin: 10px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.wpcf7 .wpcf7-validation-errors {color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7;}
.wpcf7 .wpcf7-mail-sent-ok {color: #DF9265; background-color: #DF9265; border: 1px solid #BCE8F1;}
 
/* 必須赤色表示 */
.wpcf7 .required { color: #f00;}
/* 任意緑色表示 */
.wpcf7 .any{ color: #080;}


 

/* 1 */
/* h1{
position: relative;
padding: 0.5em;
background: #a6d3c8;
color: #ffff;

}

h1::before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 15px transparent;
border-right: solid 20px rgb(149, 158, 155);
}
 */





/* 10 */
/**** ハード ****/
.t_hard{
    border-top:1px solid #888;
    border-right:10px solid #f39824;
    border-bottom:1px solid #888;
    border-left:30px double #f39824;
    padding: 20px;
    text-align: center;
    background: #666;
    background: -moz-linear-gradient(top,  #666,  #252525); /* FireFox */
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#252525));/* Chrome & Safari */
    border-radius: 0px;
    -moz-border-radius: 0px; /* FireFox */
    -webkit-border-radius: 0px;/* Chrome & Safari */
    font-size:180%;
	letter-spacing: 0.1em;
    color:#DDD;
	line-height: 28px;
}

/* 10 */
/****　コンタクトフォーム ****/
.t_telform{
    border-top:3px solid #f39824;
    border-bottom: 5px solid #f39824;
	right: 33%;
    top: 58%;
    padding: 20px;
    text-align: center;
    background: #666;
    background: -moz-linear-gradient(top,  #666,  #252525); /* FireFox */
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#252525));/* Chrome & Safari */
    border-radius: 0px;
    -moz-border-radius: 0px; /* FireFox */
    -webkit-border-radius: 0px;/* Chrome & Safari */
    font-size:175%;
    width: 26%;
    color:#DDD;
}

.t_ctform{
    border-top:3px solid #f39824;
    border-bottom:5px solid #f39824;
	right: 5%;
    top: 58%;
    padding: 20px;
    text-align: center;
    background: #666;
    background: -moz-linear-gradient(top,  #666,  #252525); /* FireFox */
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#252525));/* Chrome & Safari */
    border-radius: 0px;
    -moz-border-radius: 0px; /* FireFox */
    -webkit-border-radius: 0px;/* Chrome & Safari */
    font-size:175%;
    width: 26%;
    color:#DDD;
}

.index ul {
	padding: 20px 9px 0 10px;
	background-color: #ffff;
}

.index ul li:first-child{
	color: #000;
	font-size: 20px;
	border-bottom: 1px dashed #a0a0a0;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.index ul li:nth-child(2){
	margin-bottom: 20px;
}
.index .jpt{
	font-size: 14px;
	margin: 0px 0 20px 0;
	line-height: 1.5;
    padding: 15px 19px 15px;
	background-color: #ffff;
}