@charset "UTF-8";


body {
	background-color: #f8fbfb;
	color:#131615;
font-family: 'Noto Sans Japanese', sans-serif;
	margin: 0;
	line-height:1.8;
letter-spacing: 2px;
    font-size: 16px;
    line-height: 2.2;
}
a, a:visited { color: #5e5e5e; text-decoration: none; outline: 0; -webkit-transition: color 0.3s ease-out 0s; -moz-transition: color 0.3s ease-out 0s; -o-transition: color 0.3s ease-out 0s; transition: color 0.3s ease-out 0s;  }
a:hover, a:focus { color: #f90; text-decoration: none; }
.fontB {font-weight:bold; color: #ff0000;}
.fontS {font-size: 0.6em; color: #777; line-height: 0.8;}
.fontS2 {font-size: 0.7em; line-height: 0.8;}
ul li{ list-style:none;}
input[type="text"],input[type="email"],input[type="tel"],textarea,select {
	display: block;
	border:0;
	padding:6px;
	font-size:1.3em;
	font-family:Arial, sans-serif;
	color:#aaa;
	border:solid 1px #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
}
input[type="date"], input[type="number"] {
	border:0;
	padding:6px;
	font-size:1.3em;
	font-family:Arial, sans-serif;
	color:#aaa;
	border:solid 1px #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
}
time {
font-size: 0.8em;
letter-spacing: 1px;
}
input.zip {
display:inline;
width:80px;
margin-bottom:1em;
}
input:focus {
	border:solid 1px #EEA34A;
}
.screen-reader-response {
	display:none;
}

.btn {
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-color: transparent;
    padding: 10px 28px 10px;
    -webkit-transition: background-color 200ms, color 200ms, border 200ms, transform 200ms;
    -moz-transition: background-color 200ms, color 200ms, border 200ms, transform 200ms;
    -o-transition: background-color 200ms, color 200ms, border 200ms, transform 200ms;
    transition: background-color 200ms, color 200ms, border 200ms, transform 200ms;
    font-size: 20px;
    line-height: 23px;
    font-weight: 400;
    text-decoration: none;
    background-color: #f90;
    font-family: 'Fjalla One', sans-serif;
}
.btnArea a {
color: #fff;
}
.btnArea a:hover {
text-decoration:none;
border-bottom:0px;
background-color: #ffed00;
}
.btnArea {
    text-align: center;
    margin: 4em auto;
}
.wpcf7-validation-errors {
	color: #B94A48;
	background-color: #F2DEDE;
	border: 1px solid #EED3D7;
	padding: 8px 35px 8px 14px;
	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;
	color: #B94A48;
	background-color: #F2DEDE;
	border: 1px solid #EED3D7;
}
.wpcf7-mail-sent-ok {
	color: #3A87AD;
	background-color: #D9EDF7;
	border: 1px solid #BCE8F1;
	padding: 8px 35px 8px 14px;
	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;
}
.screen-reader-response ul {
	display:none;
}

span.wpcf7-not-valid-tip {color:#ff0000;font-size:0.8em;}

ul.drawer-dropdown-menu {
margin-left: 1em;
}
ul.drawer-dropdown-menu li {
margin-top:1em;
}

#calendararea {
width:100%;
margin:0 auto;
}
	#calendar {
		width:100%;
		margin: 0 auto;
	}

/* Layout */
.l-container {
	flex: 0 1 1200px;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}
.l-row {
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 2em auto;
}
.l-side {
	flex:1 1 20%;
	margin-right: 3em;
}
.l-main {
	flex:3 1 70%;
}

.Menu {
background-color: #00b1e9;
}

nav {
font-size: 1em;
}

nav ul {
display: flex;
margin:0;
padding:0;
}


nav ul li {
flex: 1 1 30%;
padding: 10px 20px;
line-height: 100%;
margin:0;
text-align: center;
}
nav ul li a {
color: #fff;
}
nav ul li:hover{
background-color: #ffcccc;
border-radius: 3px;
}
nav ul li span {
font-size: 0.6em;
color: #fff;
}


.Box {
display: flex;
margin-top: 3em;
}
.Box__Left {
flex: 1 1 45%;
}
.Box__Left ul{
padding: 0;
list-style-type: circle;
}
.Box__Left ul li {
padding: 0;
font-size: 0.9em;
}

.Box__Right {
flex: 1 1 45%;
margin-left: 30px;
}
.Box__Left p, .Box__Right p {
margin-bottom: 20px;
padding: 0px;
line-height: 1.6;
}
.Box__Left h3, .Box__Right h3 {
margin-top: 0px;
line-height: 1;
font-size: 1.6em;
margin-bottom: 1em;
color: #5e5e5e;
}

.Box2 {
display: flex;
margin-top: 3em;
}
.Box2__Left {
flex: 1 1 65%;
}
.Box2__Right {
flex: 1 1 30%;
margin-left: 30px;
}
.Box2__Right p {
margin-bottom: 20px;
padding: 0px;
line-height: 1.6;
margin-top: 0;
}
.Box2__Right h3 {
margin-top: 0px;
line-height: 1;
font-size: 1.6em;
margin-bottom: 1em;
color: #5e5e5e;
}

.Box3 {
display: flex;
margin-top: 3em;
}
.Box3__Left {
flex: 1 1 45%;
}
.Box3__Right {
flex: 1 1 45%;
margin-left: 45px;
}
.Box3__Left p, .Box3__Right p {
margin-bottom: 20px;
padding: 0px;
line-height: 1.6;
margin-top: 0;
}
.Box3__Left h3, .Box3__Right h3 {
margin-top: 0px;
line-height: 1;
font-size: 1.6em;
margin-bottom: 1em;
color: #5e5e5e;
}

@media (max-width: 767px) {
.Box3 {
flex-direction: column;
}
.Box3__Left, .Box3__Right {
flex: 1 1 auto;
}
.Box3__Right {
margin-left: 0px;
margin-top: 30px;
}

}


.Box4 {
display: flex;
margin-top: 3em;
}
.Box4__Item {
flex: 1 1 30%;
}
.Box4__Item:nth-child(n+2) {
margin-left: 20px;
}
.Box4__Item p {
margin-bottom: 20px;
padding: 0px;
line-height: 1.6;
margin-top: 0;
margin-top: 20px;
}

.Box4__Item h3 {
margin-top: 0px;
line-height: 1;
font-size: 1.6em;
margin-bottom: 1em;
color: #5e5e5e;
}

@media (max-width: 767px) {
.Box4 {
flex-direction: column;
}
.Box4__Item {
flex: 1 1 auto;
margin-top: 30px;
}
.Box4__Item:nth-child(n+2) {
margin-left: 0px;
}

}



.FishPhoto {
display: flex;
justify-content: space-between;
margin-top: 1em;
}
.FishPhoto__Item {
flex: 1 1 30%;
}

.FishPhoto__Item:nth-child(n+2) {
margin-left: 20px;
}


@media (max-width: 768px) {

.Box, .Box2 {
flex-direction: column;
}
.Box__Left, .Box2__Left {
flex: 1 1 auto;
}
.Box__Right, .Box2__Right {
flex: 1 1 auto;
margin-left: 0px;
margin-top: 3em;
}

.Box__Left h3, .Box__Right h3, .Box2__Left h3, .Box2__Right h3 {
font-size: 1.2em;
}

}

.Box5 {
display: flex;
justify-content: space-between;
margin-top: 1em;
}

.Box5__Left {
flex: 1 1 15%;
}
.Box5__Right {
flex: 1 1 65%;
margin-left: 45px;
}
.Box5__Left p, .Box5__Right p {
margin-bottom: 20px;
padding: 0px;
line-height: 1.6;
margin-top: 20px;
}
.Box5__Left h3, .Box5__Right h3 {
margin-top: 20px;
line-height: 1;
font-size: 1.6em;
margin-bottom: 1em;
color: #5e5e5e;
}

@media (max-width: 767px) {
.Box5 {
flex-direction: column;
}
.Box5__Left, .Box5__Right {
flex: 1 1 auto;
}
.Box5__Right {
margin-left: 0px;
margin-top: 30px;
}

}


.ReserveBox {
display: flex;
margin-top: 3em;
justify-content: space-between;
}
.ReserveBox__Left {
flex: 1 1 45%;
}
.ReserveBox__Right {
flex: 1 1 45%;
margin-left: 60px;
}
.ReserveBox__Right p {
margin-bottom: 20px;
padding: 0px;
line-height: 1.6;
margin-top: 0;
}
.ReserveBox__Left h3, .ReserveBox__Right h3 {
margin-top: 0px;
line-height: 1;
font-size: 1.6em;
margin-bottom: 1em;
}

@media (max-width: 768px) {

.ReserveBox {
flex-direction: column;
}
.ReserveBox__Left {
flex: 1 1 auto;
}
.ReserveBox__Right {
flex: 1 1 auto;
margin-left: 0px;
margin-top: 3em;
}

}

.PageTitle {
display: flex;
color: #ff0000;
font-weight: bold;
}
.PageTitle__Left {
flex: 1 1 45%;
border-bottom: 1px solid #000;
}
.PageTitle__Right{
flex: 1 1 45%;
margin-left: 30px;
border-bottom: 1px solid #000;
}
@media (max-width: 768px) {
.PageTitle {
flex-direction: column;
font-size: 0.8em;
}

.PageTitle__Left {
flex: 1 1 auto;
border-bottom: 1px solid #000;
}
.PageTitle__Right{
flex: 1 1 auto;
margin-left: 0px;
border-bottom: 1px solid #000;
}

}

.Entry {
display: flex;
margin-bottom: 3em;
justify-content: space-between;
border-bottom: 1px solid #ddd;
padding-bottom: 3em;
width: 100%;
}

.Entry__thumb {
flex: 1 1 35%;
}

.Entry__main {
flex: 1 1 60%;
margin-left: 30px;
}
h3.Entry__head {
margin-top: 0px;
}

/* ==========================================================================
Card
========================================================================== */

.CardRow {
display: flex;
justify-content: space-between;
}

.Card {
flex: 1 1 30%;
max-width: 30%;
height:450px;
background-color:#fff;
margin-bottom:4em;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}
.Card figure {
margin: 0;
padding: 0;
}
.Card__sub {
overflow: hidden;
position: relative;
color: #FFF;
display: block;
}
.Card__label {
margin-top:1.5em;
margin-bottom:1em;
}
.Card__label a {
border-radius:20px;
padding:0.4em 1em;
color:#fff;
}
.Card__label a.default {
background-color:#ddd;
}
.Card__label a.terakoya {
background-color:#00ccfb;
}
.Card__label a.club {
background-color:#51ea96;
}
.Card__label a.house {
background-color:#ffe500;
}
.Card__label a.performance {
background-color:#ff56a2;
}

.Card__body {
padding:0em 1em;
}
.Card__body h3{
margin-bottom:0.8em;
margin-top:1em;
font-size:1.4em;
color:#5e5e5e;
line-height:1.6;
}
.Card__body p {
font-size:0.9em;
}
.Card__body time {
margin-top:1em;
}

.Card img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}
.Card a:hover img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}

@media (max-width: 768px) {
.CardRow {
flex-direction: column;
}
.Card {
flex: 1 1 auto;
width: 100%;
max-width: 100%;
height: 500px;
}
}

@media (min-width: 430px) and (max-width: 768px) {
.Card {
height:500px;
}
}

@media (max-width: 440px) {

.Card {
height:400px;
}

.Card__body h3 {
font-size:1em;
}

}



/* ==========================================================================
ZoomSlider
========================================================================== */
.sliderArea {
position: relative;
}
#catch {
position: absolute;
top: 30%;
left: 10%;
color: #fff;
}
#catch h2 {
    font-weight: bold;
    color: #fff;
    font-size: 20px;
    margin-bottom: 15px;
		text-shadow: -2px 4px 0 rgba(0, 0, 0, 0.3);
}
#catch h3 {
    font-weight: bold;
    color: #fff;
    font-size: 40px;
		text-shadow: -2px 4px 0 rgba(0, 0, 0, 0.3);
		margin-top: 0em;
		padding-top: 0em;
}
#catch h3 span {
    font-size: 35px;
}
@media screen and (max-width: 1159px) and (min-width: 1000px) {
#catch {
    top: 30% !important;
    height: auto !important;
}

}
.TopRowArea {
background-image:url(/images/bk01.png);
padding: 6em 0;
}

.TopRow1 {
display: flex;
justify-content: space-between;
}
.TopRow1__Item {
flex: 1 1 45%;
}
.TopRow1__Item:nth-child(n+2) {
margin-left: 50px;
}
.TopRow1__Item h2 {
margin-top: 0px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 10px 0px;
text-align: center;
}

.ViewPoint {
background-image: url(/images/katetsu.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
}
.ViewPoint .sectionLabel {
color: #fff;
}

.Viewpoint__explain {
color: #fff;
    text-align: center;
    margin-bottom: 3em;
    margin-top: 2em;
    line-height: 2.2;
    letter-spacing: 2px;
}

.ViewpointPhoto {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.ViewpointPhoto__Item {
flex: 1 1 45%;
}
.ViewpointPhoto__Item h4 {
color: #fff;
font-size: 1.5em;
padding: 10px 0;
margin: 0;
}
.ViewpointPhoto__Item p {
color: #fff;
margin: 0px 0px 20px;
}
.ViewpointPhoto__Item a, .ViewpointPhoto__Item a:visited {
color: #fff;
}

.ViewpointPhoto__Item:nth-child(2n) {
margin-left: 20px;
}
.ViewpointPhoto__Item:nth-child(n+3) {
margin-top: 30px;
}
.Message {
    position: absolute;
    left: 7%;
    top: 35%;
    color: #fff;
    width: 50%;
    z-index: 8;
    padding: 30px 30px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    z-index: 9999;
}

#topfull {
	position: relative;
	overflow: hidden;
	width: 100%;
	min-height: 800px;
	background-color: #999;
}
.topfull-inner-content {
	position: relative;
	z-index: 2;
	margin: 80px auto;
	padding: 20px;
	max-width: 850px;
	color: #fff;
	text-align: center;
	font-size: .9em;
}
.topfull-inner-content h1 {
	font-size: 2.5em;
	margin: 80px 0px 0px;
}
.topfull-inner-content p {
	font-family: Reimin Y20 Medium;
}

@media (max-width: 768px) {
.Message {
position: absolute;
left: 20px;
bottom: 20px;
margin-right: 20px;
}
#topfull {
min-height: 350px;
}
}

/* ==========================================================================
Padding Margin
========================================================================== */
.pt-01{padding-top: .1rem;}
.pt-02{padding-top: .2rem;}
.pt-03{padding-top: .3rem;}
.pt-04{padding-top: .4rem;}
.pt-05{padding-top: .5rem;}
.pt-06{padding-top: .6rem;}
.pt-07{padding-top: .7rem;}
.pt-08{padding-top: .8rem;}
.pt-09{padding-top: .9rem;}
.pt-1{padding-top: 1rem;}
.pt-15{padding-top: 1.5rem;}
.pt-2{padding-top: 2rem;}
.pt-3{padding-top: 3rem;}
.pt-4{padding-top: 4rem;}
.pt-5{padding-top: 5rem;}
.pt-6{padding-top: 6rem;}
.pb-01{padding-bottom: .1rem;}
.pb-02{padding-bottom: .2rem;}
.pb-03{padding-bottom: .3rem;}
.pb-04{padding-bottom: .4rem;}.pb-05{padding-bottom: .5rem;}.pb-06{padding-bottom: .6rem;}.pb-07{padding-bottom: .7rem;}.pb-08{padding-bottom: .8rem;}.pb-09{padding-bottom: .9rem;}.pb-1{padding-bottom: 1rem;}.pb-15{padding-bottom: 1.5rem;}.pb-2{padding-bottom: 2rem;}.pb-3{padding-bottom: 3rem;}.pb-4{padding-bottom: 4rem;}.pb-5{padding-bottom: 5rem;}.pb-6{padding-bottom: 6rem;}.pb-7{padding-bottom: 7rem;}.pb-8{padding-bottom: 8rem;}.pb-9{padding-bottom: 9rem;}.pb-10{padding-bottom: 10rem;}.pb-11{padding-bottom: 11rem;}
.mt-0{margin-top: 0;}.mt-01{margin-top: .1rem;}.mt-02{margin-top: .2rem;}.mt-03{margin-top: .3rem;}.mt-04{margin-top: .4rem;}.mt-05{margin-top: .5rem;}.mt-06{margin-top: .6rem;}.mt-07{margin-top: .7rem;}.mt-08{margin-top: .8rem;}.mt-09{margin-top: .9rem;}.mt-1{margin-top: 1rem;}.mt-2{margin-top: 2rem;}.mt-3{margin-top: 3rem;}.mt-4{margin-top: 4rem;}.mt-5{margin-top: 5rem;}.mt-6{margin-top: 6rem;}.mt-7{margin-top: 7rem;}.mt-8{margin-top: 8rem;}.mt-13{margin-top: 1.3rem;}.mt-15{margin-top: 1.5rem;}
.mb-0{margin-bottom: 0;}.mb-01{margin-bottom: .1rem;}.mb-02{margin-bottom: .2rem;}.mb-03{margin-bottom: .3rem;}.mb-04{margin-bottom: .4rem;}.mb-05{margin-bottom: .5rem;}.mb-06{margin-bottom: .6rem;}.mb-07{margin-bottom: .7rem;}.mb-08{margin-bottom: .8rem;}.mb-09{margin-bottom: .9rem;}.mb-1{margin-bottom: 1rem;}.mb-13{margin-bottom: 1.3rem;}.mb-15{margin-bottom: 1.5rem;}.mb-2{margin-bottom: 2rem;}.mb-3{margin-bottom: 3rem;}.mb-4{margin-bottom: 4rem;}.mb-5{margin-bottom: 5rem;}.mb-6{margin-bottom: 6rem;}.mb-7{margin-bottom: 7rem;}.mb-8{margin-bottom: 8rem;}.mb--1{margin-bottom: -1rem;}

.ml-1 {
	margin-left: 1em;
}
.ml-2 {
	margin-left: 2em;
}
.mr-1 {
	margin-right: 1em;
}
.mr-2 {
	margin-right: 2em;
}

@media (max-width: 768px) {
	.mgt20_xs {
		margin-top:20px;
	}
	.mgt30_xs {
		margin-top:30px;
	}
	.mgt40_xs {
		margin-top:40px;
	}

}

/* Header */
.headerLine {
background-color: #00b1e9;
padding: 5px 27px;
font-size: 0.8em;
display: flex;
color: #fff;
justify-content: space-between;
}
.headerLine__text {
flex: 1 1 50%;
}
.headerLine__utility {
flex: 1 1 50%;
text-align: right;
}
.headerLine__utility ul {
display: flex;
text-align: right;
}

.HeaderInner {
display: flex;
}

.logo {
flex: 1 1 20%;
font-size: 1.4em;
}
.logo a {
color: #fff;
}

.tel {
flex: 1 1 80%;
text-align: right;
font-weight: bold;
font-size: 1.6em;
line-height: 1.0;
padding-top:5px;
color: #00a0e9;
}
.Header .tel {
	color: #fff;
}

}
.tel span {
font-size: 0.6em;
padding-right: 10px;
}

.slogo {
width: 200px;
margin: 30px auto;
}


.Header {
	background-color: #00b1e9;
	padding:0 15px;
	position: relative;
padding-top: 10px;
color: #FFF;
box-shadow: 0 0px 8px 0px rgba(0,0,0,0.3);
}
.HeaderInner {
display: flex;
justify-content: space-between;
}

.Header__Left {
flex: 1 1 30%;
padding-top: 30px;
line-height: 1.4;
}
.tel {
font-size: 1.4em;
font-weight: bold;
}

.Header__Center {
flex: 1 1 30%;
text-align: center;
}
.Header__Right {
flex: 1 1 30%;
text-align: right;
padding-top: 30px;
line-height: 1.4;
}

/* Menu */
ul.Menu {
	margin-bottom:1em;
	margin-top:1em;
}
.Menu {
}
.Menu__item {
	padding: 10px 15px;
}
.Menu__item a {
	font-size: 0.9em;
}
/* Underline From Left */
.Menu__item a {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	overflow: hidden;
}
.Menu__item a:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 100%;
	bottom: 0;
	background: #ff9f15;
	height: 4px;
	-webkit-transition-property: right;
	transition-property: right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.Menu__item a:hover:before, .Menu__item a:focus:before, .Menu__item a:active:before {
	right: 0;
}


/* RelatedWorkBox */
.RelatedWorks__label {
	border-radius: 20px;
	padding: 7px 10px;
	font-size: 0.8em;
	color: #fff;
}
.RelatedWorks {
	display: flex;
	flex-wrap: wrap;
}
.RelatedWorks__box {
	flex: 1 1 40%;
	display:flex;
	margin-right:1em;
max-width: 40%;
}
.RelatedWorks__box:nth-child(2n) {
	margin-right: 0;
}
.RelatedWorks__box:nth-child(n+3) {
	margin-top: 2em;
}
.RelatedWorks__sub {
	flex:0 1 auto;
}
.RelatedWorks__sub img {
	max-width: 200px;
}
.RelatedWorks__main {
	flex:2 1 auto;
	margin-left: 1em;
}


/* WorkBox */
.WorksDetailUpdate__label {
	border-radius: 10px;
	background-color: #e69ab4;
	padding: 7px 10px;
	font-size: 0.8em;
	color: #fff;
}
.WorksDetailUpdate {
	display: flex;
	flex-wrap: wrap;
}
.WorksDetailUpdate__box {
	flex: 1 1 40%;
	display:flex;
	margin-right:1em;
}
.WorksDetailUpdate__box:nth-child(2n) {
	margin-right: 0;
}
.WorksDetailUpdate__box:nth-child(n+2) {
	margin-top: 2em;
}
.WorksDetailUpdate__sub {
	flex:1 1 auto;
}
.WorksDetailUpdate__sub img {
	max-width: 200px;
}
.WorksDetailUpdate__main {
	flex:2 1 auto;
	margin-left: 1em;
}

.WorkDetail__thumb {
	margin: 2em 0;
	text-align: center;
}
.Work {
	margin-top: 4em;
}
.Work2 {
	margin-top: 2em;
}
h2.pageLabel {
	display: flex;
	align-items: center;
	flex: 1 1 auto;
	padding: 0em 0 0em;
	letter-spacing:3px;
	font-size: 1.5em;
	margin-top:0;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0em;
font-family: 'Pacifico', cursive;
color:  #00b1e9;
}
h2.pageLabel::after {
	border-bottom:1px solid #ddd;
	display: block;
	flex:1 0 10%;
	content: "";
	margin-left:20px;
}
h2.sectionLabel {
text-align: center;
	padding: 4em 0 0em;
	letter-spacing:3px;
	font-size: 2.2em;
font-weight: normal;
margin: 0;
line-height: 1.6;
font-family: 'Pacifico', cursive;
color:  #00b1e9;
}

h2.sectionLabel2 {
text-align: center;
	padding: 0em 0 1em;
	letter-spacing:3px;
	font-size: 2.2em;
font-weight: normal;
margin: 0;
line-height: 1.2;
font-family: 'Pacifico', cursive;
color:  #00b1e9;
}
@media (max-width: 768px) {
h2.sectionLabel2 {
text-align: center;
	padding: 0em 0 1em;
	letter-spacing:3px;
	font-size: 1.4em;
font-weight: normal;
margin: 0;
line-height: 1.2;
}
}


h2.sectionLabelHalf {
text-align: left;
	padding: 2em 0 0em;
	letter-spacing:3px;
	font-size: 2.2em;
font-weight: normal;
margin: 0;
font-family: 'Pacifico', cursive;
color:  #00b1e9;
}

h2.sectionLabel span {
font-size: 0.5em;
color: #ff0000;
}

h2.sectionLabelHalf::after {
	border-bottom:1px solid #ddd;
	display: block;
	flex:1 0 10%;
	content: "";
}
h2.sectionLabel::before {
	margin-right: 20px;
}
h2.sectionLabel::after {
	margin-left: 20px;
}

.double {
position: relative;
}
.double h2{
display: flex;
font-size: 2em;
font-family: 'Hammersmith One', sans-serif;
color: #5e5e5e;
}
.double h2:after {
border-top: 4px double #333;
    content: "";
    display: inline; /* for IE */
    flex-grow: 1;
margin-left: 1em;
margin-top: 30px;

}
@media (max-width: 768px) {
.double {
margin-top: 1em;
}
}

.SectionLabel__explain {
	text-align:center;
	margin-bottom:6em;
	margin-top:2em;
letter-spacing: 2px;
}
.Room__explain {
	text-align:center;
	margin-bottom:3em;
	margin-top:2em;
line-height: 2.2;
letter-spacing: 2px;
}
.WorkBox {
	background-color: #fff;
	border:1px solid #ebeaea;
	flex: 1 1 20%;
	margin-right: 2em;
}
.WorkBox2 {
	background-color: #fff;
	border:1px solid #ebeaea;
	flex: 1 1 30%;
	margin-right: 2em;
	max-width: 30%;
	djustify-content: flex-start;
}
.WorkBox2 figure {
	margin:0;
	padding:0;
}
.WorkBox:nth-child(4n), .WorkBox2:nth-child(3n) {
	margin-right: 0;
}
.WorkBox:nth-child(n+5), .WorkBox2:nth-child(n+4) {
	margin-top: 2em;
}
.WorkBox:last-child, .WorkBox2:last-child {
	margin-right: 0;
}

/* SideBox */
h3.SideBox__head{
	font-size:0.9em;
	margin-top: 0;
}
h3.SideBox__head::after {
	border-bottom:1px solid #000;
	width:40px;
	display: block;
	content:"";
	margin-top: 20px;
}
ul.SideMenu {
	margin:0;
	padding:0;
}
ul.SideMenu li{
	list-style:none;
	padding:3px 0;
	margin:0px;
	font-size:13px;
}
ul.SideMenu li ul {
margin-left:1em;
margin-top:0.6em;
padding-left:0;
}
ul.SideMenu li ul li{
margin-left:0;
}
/* label */
.stoneart {
	background-color: #b5e69a;
}
.meimeisyo, .nuno, .gaku, .birth {
	background-color: #dbe69a;
}
.interior {
	background-color: #dbe69a;
}
.topics{
	background-color: #dbe69a;

}
.product {
background-color: #EEE0CD;
}
.kodai, .sumi, .other {
background-color: #604020;
}
/* RecentNews */
.RecentNews {
	display: flex;
	border-bottom: 1px solid #ddd;
	padding-bottom: 0.5em;
	margin-top: 2em;
}
.RecentNews__label {
	border-radius: 15px;
	padding: 6px 9px;
	font-size: 0.7em;
	color: #fff;
}
.RecentNews__label a {
	color: #fff;
}
.RecentNews__sub {
	flex: 1 1 40%;
}
.RecentNews__sub img {
	width: 100%;
	height: auto;
}
.RecentNews__main {
	flex: 2 1 60%;
	margin-left:20px;
	line-height: 1.4;
}
.RecentNews__main h3 {
	margin: 10px 0 0;
	padding: 0;
	font-size: 0.9em;
}

/* Profile */
.Profile {
	display: flex;
}
.Profile__label {
	font-size:0.9em;
	color:#333;
}

.Profile__main {
	flex: 1 0 48%;
	margin-right:2em;
}
h2.Profile__head {
	margin:0;
	padding:0;
}
.Profile__sub {
	flex: 1 0 50%;
}
.Profile__sub img {
	width:100%;
	height: auto;
}

/*  WorkFlow */
.FlowNo {
	font-size:1.2em;
	margin-top: 3em;
	color:#e69ab4;
	border-top:1px solid #ddd;
	padding-top: 2em;
}
.FlowNo .no {
	padding: 5px 10px;
	background-color:#fff;
	border: 1px solid #e69ab4;
	margin-right:10px;
	color:#e69ab4;
	border-radius: 20px;
}
/* ImageSlide */
.ImageSlide {
	display: relative;
	overflow: hidden;
	align-items: center;
	margin-top:2em;
}
.ImageSlide ul {
	padding:0;
	list-style: none;
	margin: 0;
}

.ImageSlide__main {
	display: flex;
	height:auto;
	flex-wrap:nowrap;
}
.ImageSlide__item {
	flex: 0 0 80%;
}
.ImageSlide__image {
	width: 100%;
	height: auto;
}
/* News */
.NewsArea {
    background-image:url(/images/sikaku.png);
    padding-bottom: 4em;
}

.News {
	display:flex;
	justify-content: space-between;
}
.Topics {
	flex: 1 1 46%;
}

.Topics ul {
	margin: 0 auto;
	list-style: none;
	padding:0;
}
h2.Topics__head {
	margin-top:1em;
	border-bottom:1px solid #ddd;
	padding-bottom:1em;
	margin-bottom:1em;
	font-size:1.4em;
}
.Topics li {
	padding:15px 0;
	border-bottom: 1px solid #e5e5e5;
}
.Topics time {
	padding-right: 10px;
}
.Topics h2 {
margin-bottom: 20px;
}

.WorksUpdate {
	flex: 1 1 46%;
	margin-left: 3em;
}
.WorksUpdate h2 {
margin-bottom: 20px;
}

/* Room */
.Room {
	background-color: #f7f7f4;
	padding: 0em 0 6em;
}
.RoomPhoto {
display: flex;
flex-wrap:wrap;
}
.RoomPhoto__item {
flex: 1 1 30%;
}
.RoomPhoto__item:nth-child(n+2) {
margin-left: 20px;
}
.RoomPhoto__item:nth-child(4n) {
margin-left: 0px;
}
.RoomPhoto__item:nth-child(n+4) {
margin-top: 2em;
}

@media (max-width: 767px) {
.RoomPhoto {
flex-direction: column;
}
.RoomPhoto__item {
flex: 1 1 auto;
}
}



/* Footer */
.Footer {
padding: 0em 0px 0em;
text-align: center;
background-color: #fff;
}

@media (max-width: 767px) {

.Footer {
margin-top: 3em;
padding: 0em 0px 0em;
font-size: 0.8em;
}

}

.Footer__logo {
text-align: center;
}
.FooterSns {
width: 800px;
text-align: center;
margin: 10px auto 0px;
font-size: 0.8em;
}
.FooterSns ul li{
float: left;
}

.Footer ul {
	padding:0;
	margin:0;
}

.Footer__body {
	display:flex;
	padding:3em 0px 1em;
}
.Footer__head {
	flex: 1 1 auto;
	font-size:0.6em;
}
.Footer__main {
	flex: 3 1 auto;
	display: flex;
	font-size:0.8em;
}
.Footer__main ul {
	flex:1 1 50%;
}
.Footer__main ul li {
	margin-bottom:1em;
}
ul.Footer__First li:nth-child(n+2) {
	padding-left:20px;
}
.Footer__foot {
	font-size: 0.8em;
	color: #fff;
}
.Footer__address {
font-size: 0.8em;
text-align: center;
padding: 2em 0;
}
.Footer__line {
	padding-top: 1em;
	border-top:1px solid #3c2781;
	text-align:center;
	font-size:0.8em;
	color:#fff;
background-color: #333;
padding-bottom: 1em;
}

#page-top {
  position: fixed;
  bottom: 0px;
  right: 20px;
  z-index: 999;
}

#page-top a {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.55);
    background-color:#7fc0f5;
    border-radius: 50px;
    color: #FFFFFF;
    display: block;
    font-size: 25px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 60px;
}



/* voice */

.Voice {
	display: flex;
	padding-top: 3em;
	border-bottom: 1px solid #ddd;
	padding-bottom: 2em;
}
.Voice__reverse {
	display:flex;
	flex-direction:row-reverse;
	border-bottom: 1px solid #ddd;
	padding-top:3em;
	padding-bottom: 2em;
}
.Voice__thumb {
	flex:1 1 48%;
	text-align:center;
}

.Voice__main {
	flex:1 1 48%;
}

.Voice__main h3 {
	font-size:1.4em;
}
/* table */
table {
	border-spacing: 0;
	border-collapse: collapse;
}
table.table th {
	background-color: #fff;
}
td,
th {
	padding: 0;
}
table {
	max-width: 100%;
	background-color: transparent;
}
th {
	text-align: left;
}
.table {
	width: 100%;
	margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	padding: 16px;
	line-height: 1.428571429;
	vertical-align: top;
	border-top: 1px solid #ddd;
font-size: 0.8em;
}
.table > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
	border-top: 0;
}
.table > tbody + tbody {
	border-top: 2px solid #ddd;
}
.table .table {
	background-color: #fff;
}

.table-bordered {
	border: 1px solid #ddd;
}
.table-bordered th {
width: 40%;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
	border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
	border-bottom-width: 2px;
}
/* button */
.button {
	background-color: #553a9b;
	border: 2px solid #553a9b;
	color: #fff;
	line-height: 50px;
	display: inline-block;
	width: 250px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	margin:0 auto;
	font-size: 0.9em;
}
a.button  {
	color:#fff;
}
.button:hover {
	background-color: #6c31a4;
	border-color: #553a9b;
	color: #fff;
}

.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
	display: none !important;
}

.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}

.center-block {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
/* pager */

/************************************
** レスポンシブページネーション
************************************/
.pagination{
	list-style-type: none;
	padding-left: 0;
	margin: 30px 0;
}

.pagination,
.pagination li a {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.pagination a {
	font-weight: 300;
	padding-top: 1px;
	text-decoration:none;
	border: 1px solid #ddd;
	border-left-width: 0;
	min-width:36px;
	min-height:36px;
	color: #333;
}

.pagination li:not([class*="current"]) a:hover {
	background-color: #eee;
}

.pagination li:first-of-type a {
	border-left-width: 1px;
}

.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
	/* screen readers only */
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
	display: inline-block;
	font-family: Fontawesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}

.pagination li.first a::before { content: "\f100"; }
.pagination li.last a::after { content: "\f101"; }

.pagination li.previous a::before { content: "\f104"; }
.pagination li.next a::after { content: "\f105"; }

.pagination li.current a {
	background-color: #ddd;
	cursor: default;
	pointer-events: none;
}

.pagination > li:first-child > a {
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}

.pagination > li:last-child > a {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}

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

	.pagination li.previous a { border-left-width: 1px; }
}

@media only screen and ( max-width: 500px ) {
	.pagination li {
		/* screen readers only */
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.pagination li.current,
	.pagination li.first,
	.pagination li.last,
	.pagination li.previous,
	.pagination li.next{
		position: initial;
		top: initial;
		left: initial;
	}

	.pagination li.previous a { border-left-width: 0; }
}

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

	.pagination li.previous a { border-left-width: 1px; }
}

@media only screen and ( max-width: 240px ) { /* For watches? */
	.pagination li { width: 50%;}

	.pagination li.current {
		order: 2;
		width: 100%;
		border-left-width: 1px;
	}
}

div#breadcrumb {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
#breadcrumb div {
	flex: 0 1 auto;
	margin-right:7px;
}
#breadcrumb div span {
	padding-right: 4px;
}
#breadcrumb div:last-child{
	margin-right:0;
}
#pankuzu {
	font-size: 0.8em;
	margin: 1em 0;
}
.wpcf7-list-item {
	display: block;
}
/* FormArea */
.FormArea p{
	margin: 0;
	padding: 0;
}
.FormTitle {
	margin-top:2em;
}
.FormExplain {
	font-size: 0.8em;
}

@media (max-width: 767px) {


	body {
	 font-size: 14px;
	}
	h2 {
	 font-size: 1.1em;
	}
	h3 {
		font-size: 1em;
	}
	.contact {
		font-size: 1em;
	}

.topMessage {
font-size:1.2em;
letter-spacing:3px;
}

.topfull-inner-content {
margin-top:30px;
margin-bottom:30px;
}

	#pankuzu {
		display:none;
	}
	.wpcf7 {
		font-size:0.8em;
	}
	input[type="text"],input[type="email"],input[type="tel"],textarea {
		width:100%;
	}
	h2.sectionLabel, h2.pageLabel {
		letter-spacing: 0;
		font-size: 1.4em;
		font-weight:bold;
	}
	.Message h2 {
		font-size: 1.2em;
	}
	.News {
		display: block;
	}
	br.sp {
		display:none;
	}

	p {
		text-align: left;
font-size: 13px;
	}

	.l-side {
		display: none !important;
	}
	.Header__Left {
		display: none;
	}
	.Header__Center {
		flex: 1 1 auto;
		text-align: center;
	}
	.Header__Right {
		display: none;
	}
	.TopRow1 {
		flex-direction: column;
	}
	.TopRow1__Item:nth-child(n+2) {
	margin-left: 0px;
	margin-top: 30px;
	}
	.RoomPhoto__item:nth-child(n+2) {
    margin-left: 0px;
}
#catch {
	top: 15%;
	left: 5%;
}
#catch h2 {
		font-weight: bold;
		color: #fff;
		font-size: 10px;
		margin-bottom: 5px;
}
#catch h3 {
		font-weight: bold;
		color: #fff;
		font-size: 15px;
		line-height: 1.4;
}
	#catch h3 span {
	    font-size: 15px;
	}
	.Footer__main {
		display: none !important;
	}
	.Footer__head {
		text-align: center;
		padding-bottom:3em;
	}
	.Footer__foot {
		font-size: 0.6em;
	}
	.visible-xs {
		display: block !important;
	}
	.hidden-xs {
		display: none !important;
	}

	.WorkBox {
		background-color: #fff;
		border:1px solid #ebeaea;
		flex: 1 1 100%;
                margin-right: 0;
	}
	.WorkBox2 {
		background-color: #fff;
		border:1px solid #ebeaea;
		flex: 1 1 40%;
		max-width: 40%;
		justify-content: flex-start;
	}
	.WorkBox2:nth-child(3n) {
		margin-right:2em;
	}
	.WorkBox:nth-child(2n), .WorkBox2:nth-child(2n) {
		margin-right: 0;
	}
	.WorkBox:nth-child(n+2), .WorkBox2:nth-child(n+3) {
		margin-top: 2em;
	}
	.WorkBox:last-child, .WorkBox2:last-child {
		margin-right: 0;
	}
	.WorksUpdate__sub img {
		max-width: 100%;
	}
	.News {
		flex-direction: column;
	}
	.WorksUpdate {
		margin-left: 0em;
	}
	.WorksUpdate__box {
		flex-direction: column;
		margin-top:2em;
	}
	.WorksUpdate__main {
		margin-left: 0px;
		margin-top:1em;
	}

	.Profile, .Voice, .Voice__reverse {
		display: block;
	}
	.Profile__main {
		margin-right: 0;
	}
	.Profile_sub {
		margin-top: 2em;
	}
	.Profile__main, .Profile__sub {
		flex: 0 1 100%;
	}

	.RelatedWorks,.RelatedWorks__box {
		display: block;
	}
	.RelatedWorks__box {
		margin-top:3em;
		margin-right:0;
	}
	.RelatedWorks__sub img {
    max-width: 100%;
	}
	.RelatedWorks__main {
		margin-left:0;
		margin-top:1em;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.hidden-sm {
		display: none !important;
	}
	.visible-sm {
		display: block !important;
	}

	.WorkBox:nth-child(4n), .WorkBox2:nth-child(2n) {
		margin-right: 0;
	}
	.WorkBox:nth-child(n+5), .WorkBox2:nth-child(n+2) {
		margin-top: 2em;
	}
	.WorkBox:last-child, .WorkBox2:last-child {
		margin-right: 0;
	}
	.News {
		flex-direction: column;
	}
	.Topics, .WorkUpdate {
		flex:0 1 100%;
	}
	.WorksUpdate {
		margin-left: 0em;
	}
}

hr.line {
margin: 3em 0 6em;
border-top: 3px double #bbb;
}

hr.line2 {
margin: 3em 0 6em;
border-top: 1px dashed #bbb;
}

hr.line3 {
margin: 1em 0 1em;
border-top: 1px solid #bbb;
}


.gmaparea{
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

#pageplugin {
    width: 100% !important;
margin-top: 30px;
text-align: center;
}

.gmaparea iframe,
.gmaparea object,
.gmaparea embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.map {
    width: 100%;
    min-height: 420px;
    cursor: pointer;
margin-bottom: 3em;
}

.time {
font-size: 0.8em;
}

.BannerArea {
display: flex;
justify-content: space-between;
}
.BannerArea__Left {
flex: 1 1 45%;
}

.BannerArea__Right {
flex: 1 1 45%;
margin-left: 40px;
}

@media (max-width: 767px) {
    .l-container {
	width: 90% !important;
	margin: 0 auto;
    }
	.BannerArea {
		flex-direction: column;
	}
	.BannerArea__Left {
	flex: 1 1 auto;
	}
	.BannerArea__Right {
	flex: 1 1 auto;
	text-align: left;
	margin-left: 0px;
	margin-top: 30px;
	}
	.ViewpointPhoto__Item {
	flex: 1 1 auto;
	}
	.ViewpointPhoto__Item:nth-child(2n) {
    margin-left: 0px;
	}
	.btnArea .btn{
		font-size: 0.8em;
	}
}

.youtube, .gmaparea {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 50px;
}

.youtube iframe, .gmaparea iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}