@charset "utf-8";
/*
Theme Name:Perche カウンセリングルーム
Theme URI: http://wordpress.org/
Description:【04902】結婚相談所（桃）
Author:Perche カウンセリングルーム
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:#444444;
	background:#ffffff;
}
* {
	margin:0;
	padding: 0;
	outline:none;
	-webkit-tap-highlight-color: rgba(255,255,255,0.5);
}
html,body{
	font-size: 16px;
	font-size: 1.6rem;
	width: 100%;
	overflow-x:hidden;
}
body {
	font-family: 'メイリオ', 'Meiryo', '游ゴシック体', 'Yu Gothic',  'ヒラギノ角ゴシック 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:0;
	font-family: 'Josefin Sans', 'sans-serif', 'メイリオ', 'Meiryo', '游ゴシック体', 'Yu Gothic',  'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',  'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic';
}
/*****************************************************************************
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;
	word-break:break-all;
}
hr {
	border:none;
	border-top:1px solid #d7cebd
}
address {
	font-size:12px;
	font-size:1.2rem;
	font-style:normal;
	line-height:160%;
	width:100%;
	padding:1em 0;
}
address p {
}
.stress {
	color:#cc3636;
}
.sky {
	color:#ed8c69;
}
.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;
}
.pa1 {
	padding:0 1em 1em 1em;
}
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.8em;
	color:#ffffff;
	text-align:center;
	-webkit-transition:all 0.1s ease-in-out;
	-ms-transition:all 0.1s ease-in-out;
			transition:all 0.1s ease-in-out;
	width:100%;
	max-width:300px;
	background: #ff9c9c;
	border-radius:1em;
	box-shadow:0px 0px 3px 1px rgba(30,30,30,0.3);
}

.btn.main.w {
	font-size:18px;
	font-size:1.8rem;
	color:#f88280;
	padding:0.8em 1em;
	background: #ffffff;
	font-weight:bold;
	width:320px;
}
.btn.main.top {
	padding:0.2em 2em;
	border-radius:2em;
}
.btn.main.b {
	color:#ffffff;
	background: #00479d;
}
.btn.main:hover, a.btn.main.opp:hover {
	opacity:0.8;
}
.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:767px){
	.toTop {
		right:1em;
	}
	.toTop	img {
		width:inherit;
	}
	.toTop.fix {
		bottom:2em;
	}
	.btn.main  {
		width:100%;
	}
	.btn.main.top {
		width:320px;
	}
}
/*****************************************************************************
	Header
*****************************************************************************/
header {
	width:100%;
	background:#ffffff;
	position:fixed;
	z-index:100;
}
header h1 {
	font-size:24px;
	font-size:2.4rem;
	line-height:100%;
}
.navigation {
	padding:0;
	background:#f8f8f8;
	position:relative;
	z-index:10;
}
header .navigation .logo {
	margin:0 auto 0 0;
}

@media screen and (max-width:767px) {
	header {
		padding:0;
		width:100%;
		z-index:100;
	}
	header h1 {
		font-size:16px;
		font-size:1.6rem;
		line-height:100%;
	}
	header .tel {
		width:50px;
		height:50px;
		background:#f88280;
		margin:0 0 0 auto;
	}
	header .toggle {
		width:50px;
		height:50px;
		background:#f97967;
	}
	header section , header section article {
		height:100%;
		padding:0;
	}
	header .sp.navi {
		padding:0;
		width:100%;
		position:fixed;
		top:0;
		left:0;
		z-index:100;
		background:#ffffff;
		height:50px;
		padding-left:0.5em;
		box-shadow:0px 1px 1px 1px rgba(30,30,30,0.2);
	}
	header .sp.navi img {
		max-height:45px;
		max-width:150px;
	}
}
@media screen and (min-width:768px) {
	header {
		min-width:768px;
		border-top:2px solid #ff9c9c;
	}
	header.home .head {
		padding:0;
		min-height:70px;
	}
	header.home .head > article{
		max-width:100%;
		min-height:inherit;
	}
	header .head .logo {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:0;
	}
	header .head .logo img {
		max-height:110px;
		max-width:300px;
		margin:0.5em 0;
	}
	header.home .guide {
		padding:0.5em 0;
		position:relative;
		z-index:1;
	}
	header.home .open {
		font-size: 12px;
		font-size: 1.2rem;
		line-height:140%;
		padding-bottom:0.5em;
	}
	header .tel {
		border:1px solid #ff9c9c;
		font-size: 20px;
		font-size: 2.0rem;
		border-radius:1em;
		padding:0em 0.4em 0em 0.2em;
	}


	header nav .logo {
		display:none;
	}
	header nav > article {
		max-width:1000px;
		margin:0 auto;
		position:relative;
	}
	header nav {
		max-width:1200px;
		margin:0 auto;
	}
	header .navigation {
		width:100%;
		position:relative;
		border-bottom: 1px solid #d3d3d3;
		box-shadow: 0px 0px 1px rgba(0,0,0,0.3);
	}
	header .navigation.active {
		width:100%;
		position:fixed;
		top:0;
		left:0;
		z-index:100;
		margin:0;
		min-height:50px;
		background:rgba(255,255,255,0.9);
	}
}

/*****************************************************************************
	Navigation / MENU
*****************************************************************************/
nav.menu {
	webkit-transition: all 0.3s ease-in-out;
	    transition: all 0.3s ease-in-out;
}
nav.menu a{
	webkit-transition: all 0.3s ease-in-out;
	    transition: all 0.3s ease-in-out;
}
header nav.menu a.active, header nav.menu a:hover {
	background-color: #f8e8e7;
}
footer nav a {
	color:#ffffff;
}
footer nav a:hover {
	color:#ff9c9c;
	background:#ffffff;
}

/* SP Navigation */
@media screen and (max-width:767px){
	nav.menu {
		width:100%;
	}
	header nav.menu {
		position:fixed;
		left:0;
		top:50px;
		z-index:99;
		background:rgba(245, 161,153, 0.9);
		color:#ffffff;
		line-height:150%;
		-webkit-transform:translate3d(100%, 0, 0) ;
				transform:translate3d(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 , 0, 0) ;
				transform:translate3d(0 , 0, 0) ;
	}
	header nav.menu a.active, header nav.menu a:hover {
		color:#ffffff;
		background:#f88280;
	}
	footer nav.menu {
		border-top: 1px solid #ffffff
	}
	nav.menu a {
		font-size:16px;
		font-size:1.6rem;
		display:block;
		width:100%;
		position:relative;
		padding:0.8em 0;
		text-align:center;
	}
	nav.menu a span {
		font-size:12px;
		font-size:1.2rem;
	}
	nav.button a {
		border-right: 2px solid #ffffff;
	}
	nav.menu p {
		display:none;
	}
	header nav.menu .logo {
		display:none !important;
	}
	nav.menu a:not(:last-child) {
		border-bottom:1px solid #ffffff;
	}
}
/* PC Navigation */
@media screen and (min-width:768px){
	nav.menu {
		height:100%;
	}
	nav.menu a{
		text-align:center;
		webkit-transition: all 0.3s ease-in-out;
				transition: all 0.3s ease-in-out;
		font-size:16px;
		font-size:1.6rem;
		color:#ffffff;
	}
	header nav.menu a{
		color:#44333a;
		border-bottom:4px solid transparent;
	}
	header nav.menu a.active, header nav.menu a:hover {
		border-bottom:4px solid #f7cdcc;
	}
	nav.menu a span{
		font-size:14px;
		font-size:1.4rem;
		color:#ff9c9c;
	}
	header nav.menu a {
		padding:0.3em 0.5em;
		position:relative;
		width:calc(100% / 5);
		max-width:100%;
	}
	header nav.menu a:not(:last-child):after {
		content:"";
		position:absolute;
		top:15%;
		right:0;
		width:1px;
		height:70%;
		border-right:1px solid #cccccc;
		z-index:1;
	}
	
	header.home nav.menu a {
		min-height:70px;
	}
	nav.menu a.logo {
		padding:0em 1em;
	}
	nav.menu a:last-child {
	}
	footer nav.menu a {
		font-size:14px;
		font-size:1.4rem;
		padding:0 2em;
	}
	footer {
		padding-top:1em;
	}
	footer nav{
		margin-bottom:4em;
	}
	footer nav a {
		padding:0.2em 2.7em;
	}
	footer nav a:not(:last-child) {
		border-right:1px solid #ffffff;
	}
}

/*****************************************************************************
	Key Visual
*****************************************************************************/
#kv img{
	width:100%;
}
#kv {
	position:relative;
	z-index:2;
}
.slick-dots {
	bottom:40px;
}
.slick-dots li.slick-active button:before , .slick-dots li:hover button:before {
	background:#ff9c9c;
}
#kv figcaption {
	position:absolute;
	width:458px;
	height:218px;
	background:url(./img/common/card.png) center center / cover no-repeat;
}
#kv h1 {
	font-size:26px;
	font-size:2.6rem;
	color:#ff6c6c;
}
#kv h1 span{
	font-size:16px;
	font-size:1.6rem;
	color:#666666;
}

/*
#kv picture:nth-child(1) figcaption {
	top:5em;
	left:6em;
}
#kv picture:nth-child(2) figcaption {
	top:5em;
	right:6em;
}
#kv picture:nth-child(3) figcaption {
	top:7em;
	left:6em;
}
#kv picture:nth-child(4) figcaption {
	top:5em;
	left:6em;
}
*/

#kv picture:nth-child(1) figcaption {
	bottom:2.5em;
	right:3em;
}
#kv picture:nth-child(2) figcaption {
	bottom:2.5em;
	left:3em;
}
#kv picture:nth-child(3) figcaption {
	bottom:2.5em;
	right:3em;
}
#kv picture:nth-child(4) figcaption {
	bottom:2.5em;
	left:3em;
}

@media screen and (max-width:767px){
	#kv {
		box-shadow:0px 1px 1px 1px rgba(30,30,30,0.2);
	}
	#kv picture figcaption {
		width:100%;
		height:initial;
		min-height:50px;
		background:none;
		top: initial !important;
		/* bottom:4em !important; */
		bottom:2.5em !important;
		left:1em !important;
	}
	#kv h1 {
		color:#ffffff;
		font-size:18px;
		font-size:1.8rem;
		line-height:130%;
		text-align:left;
		text-shadow:1px 1px 2px #999999;
	}
	#kv h1 span{
		font-size:12px;
		font-size:1.2rem;
	}
	.slick-dots {
		bottom:30px;
	}
}
@media screen and (min-width:768px){
	#kv figcaption {
		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;
	}
}
/*****************************************************************************
icon
*****************************************************************************/
.social {
	width:100px;
}
.social a span{
	color:#ffffff;
	background: #f79783;
	font-size:36px;
	font-size:3.6rem;
}
header .social {
	margin-bottom:1.5em;
}
/*****************************************************************************
	Map
*****************************************************************************/
.gmap {
	position:relative;
	width: 100%;
	height: 220px;
}
.gmap.index {
	height: 250px;
}
.gmap+a {
	display:block;
	padding:1em 2em;
	text-align:center;
	font-size:12px;
	font-size:1.2rem;
	margin:0 auto;
}
/*****************************************************************************
	Section / Article
*****************************************************************************/
section {
	padding:5em 0;
	position:relative;
}
section.np {
	padding:0;
}
section.nptop {
	padding-top:0;
}
section > article {
	width:1200px;
	margin:0 auto 2em auto;
}
section > article:last-child {
	margin-bottom:0;
}
main{
	padding-top:140px;
}
@media screen and (max-width:767px){
	main{
		padding-top:50px;
	}
	section {
		padding:3em 0;
	}
	section > article {
		width:100% !important;
		padding:0 1.2em;
		margin:0 auto 1em auto;
	}
	article.lead {
		padding :0;
	}
	section.home {
		position:relative;
		margin-top:50px;
		height:auto;
	}
}
@media screen and (min-width:768px){
	main.index{
	}
	section > article.sub {
		width:960px;
		margin:0 auto;
	}
}
/*****************************************************************************
	background
*****************************************************************************/
.bg_cream {
	background:#fef8f1;
}
h2.main {
	margin: 0 auto;
	max-width:800px;
	background: url(./img/index/bg_catch.jpg) center center / cover no-repeat;
	box-shadow:0px 1px 1px 1px rgba(30,30,30,0.2);
}
h2.title.sub {
	padding-bottom:1em;
	background: url(./img/service/bg_line.png) center bottom / contain no-repeat;
}
.label {
	width: 250px;
	height: 27px;
	background: url(./img/common/bg_label.png) center center / cover no-repeat;
	color:#ffffff;
	letter-spacing:0.1em;
	margin:1em auto;
	text-align: center;
}
p.point {
	background:#c9af5f ;
	border-radius:1em;
}
h3.point {
	width:100%;
	height:82px;
	background: url(./img/index/title_point.png) center center / 100% 100% repeat-x;
}
.bg_point {
	background: url(./img/index/bg_point.jpg) center center / cover no-repeat;
}
.bg_flow {
	background: url(./img/index/bg_flow.jpg) center center / cover no-repeat;
}
.bg_blog {
	background: url(./img/index/bg_blog.jpg) right center / cover no-repeat;
}
.bg_about {
	background: url(./img/about/bg_about.jpg) center center / cover no-repeat;
}
@media screen and (max-width:767px){
}
@media screen and (min-width:768px){
}

/*****************************************************************************
	Title Decoration
*****************************************************************************/
h2 {
	color:#cc3636;
	font-size:26px;
	font-size:2.6rem;
	margin-bottom:0.5em;
}
h2.main {
	margin-top:-1.5em;
	z-index:99;
	border:3px solid #ffffff;
	padding:0.5em 0 0.3em 0;
	line-height:100%;
	color:#ffffff;
}
h2.main span {
	color:#ffffff;
	font-size:0.5em;
	line-height:100%;
}
h2.main hr {
	width:40%;
	border-top:1px solid #ffffff;
	margin: 0.2em auto 0 auto;
}
h2.title {
	display:inline-block;
	border-top:3px double #e45d5d;
	border-bottom:3px double #e45d5d;
	padding:0;
	position:relative;
	line-height:100%;
	padding:0em 5em 0.3em 5em;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,242,1) 50%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,242,1) 50%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,242,1) 50%,rgba(255,255,255,0) 100%);
}
h2.title span {
	color:#cc3636;
	font-size:0.5em;
	line-height:200%;
	font-weight:bold;
}
h2.title span.white {
	color:#ffffff;
}
h2.title.sub {
	border:none;
}
h2.title.blog {
	padding:0.5em 5em;
}
h3 {
	color:#c04343;
}
h3.lead {
	display:inline-block;
	font-size:30px;
	font-size:3.0rem;
	padding:0 1em;
	line-height:100%;
	margin-bottom:0.3em;
	border-bottom:1px solid #cc3636;
	font-weight:bold;
}
h3.lead span {
	font-size:0.5em;
	color:#333333;
}
h3.point {
	font-size: 22px;
	font-size: 2.2rem;
	margin:0.5em  0;
	line-height:100%;
	color:#666666;
}
h3.service {
	color:#c9af5f;
	border: 1px solid #c9af5f;
	font-size: 20px;
	font-size: 2.0rem;
	border-radius: 1em;
	line-height:100%;
	padding: 0.3em 0.4em 0.1em 0.2em;
	margin-bottom:1em;
}
h3.title {
	text-align:left;
	font-size: 24px;
	font-size: 2.4rem;
	line-height:110%;
	margin-bottom:0.5em;
}
@media screen and (max-width:767px){
	h2 {
		font-size:24px;
		font-size:2.4rem;
		line-height:140%;
	}
	h2.main {
		margin-top:-2em;
		font-size:20px;
		font-size:2.0rem;
	}
	h2.title {
	padding:0 0em 0.3em 0em;
	width:100%;
	}
}
@media screen and (min-width:768px){
}

/*****************************************************************************
	ul / dl
*****************************************************************************/
ul.access {
	margin-top:1em;
}
ul.access > li {
	margin:0.5em 0;
}
ul.access > li > p:first-child {
	color:#e97967;
	margin-right:0.5em;
	min-width:5em;
}
ul.flow li {
	position:relative;
	padding:1.5em 3em;
	background:rgba(255,255,255,0.8);
	margin:0 0 2em 5%;
}
ul.flow li:nth-of-type(even) {
	background:rgba(254,203,202,0.8);
}
ul.flow li > p.step {
	position:absolute;
	left:-0.5em;
	top:0.5em;
	width: 2em;
	height: 2em;
	z-index:1;
	background:rgba(255,235,235,1);
	color:#c04343;
	font-size:36px;
	font-size:3.6rem;
	box-shadow:0px 0px 10px rgba(30,30,30,0.5);
	line-height:90%;
	z-index:2;
}
ul.flow li:nth-of-type(even) > p.step {
	background:rgba(255,255,255,1);
}
ul.flow li > p.step span {
	font-size:0.5em;
	line-height:100%;
}
ul.flow li:not(:last-child):after {
	content:"";
	position:absolute;
	left:10%;
	bottom:-30px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 30px 0 30px;
	border-color: #ffffff transparent transparent transparent;
	opacity:0.8;
	z-index:1;
}
ul.flow li:nth-of-type(even):after {
	border-color: #fecbca transparent transparent transparent;
}

dl.list dt {
	color:#f88280;
	font-size:18px;
	font-size:1.8rem;
	padding-left:0.5em;
	margin-bottom:0.5em;
	border-left:4px solid #f88280;
}
dl.list dd {
	margin-bottom:1em;
}
dl.list dd p {
	margin-bottom:0.5em;
}
dl.list dd p.fst {
	padding-left:1.5em;
	text-indent:-1.5em;
}
dl.list dd p.snd {
	padding-left:3em;
	text-indent:-1.5em;
}
dl.list dd p.trd {
	padding-left:5.5em;
	text-indent:-2.5em;
}

@media screen and (max-width:767px){
	ul.flow li {
		padding:1em;
	}
	ul.flow li > p.step {
		font-size:26px;
		font-size:2.6rem;
		box-shadow:0px 0px 5px rgba(30,30,30,0.5);
	}
}
@media screen and (max-width:767px){
	article ul.menu:nth-of-type(1) {
		border-bottom: 1px dotted #d7cebd;
	}
	ul.access li p:first-child {
		min-width:90px;
	}
}
@media screen and (min-width:768px){
	dl.access dt, dl.access dd {
		padding:0.5em 1em 0em 0;
	}
	ul.blog.index li:not(:last-child) {
		margin-right:1.3em;
	}
}

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

figure {
	position:relative;
	overflow:hidden;
	text-align:center;
}
figure img {
	max-width:100%;
	height:auto;
}

figure.success {
	width:260px;
	height:260px;
	border-radius:50%;
	border:1px solid #54c7d8;
}

figure.service {
	width:240px;
	height:240px;
	border-radius:50%;
	border:5px solid #ffffff;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	margin:0 auto 2em auto;
}
figure.point {
	width:260px;
	height:260px;
	border-radius:50%;
	border:1px solid #e85844;
}
figure.flow {
	height:160px;
}
figure.blog {
	border:4px solid #ffffff;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
	max-height:280px;
	background:#ffffff;
}
figure.blog+p {
	margin-top:0.5em;
}
figure.blog.index {
	height:185px;
}

@media screen and (max-width:767px){
	figure {
		width:100%;
	}
	figure img{
		width:100%;
		height:auto;
	}
	figure {
		margin-bottom:1em;
	}
	#kv figure {
		margin-bottom:0;
	}
	figure.blog.index {
		height:220px;
	}
}
@media screen and (min-width:768px){

}
/* 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;
}
/*****************************************************************************
	index
*****************************************************************************/
p > .date {
	font-size:14px;
	font-size:1.4rem;
	padding:0;
	color:#f88280;
}
p > .category {
	font-size:13px;
	font-size:1.3rem;
	line-height:100%;
	margin-left:0.5em;
	background:#f88280;
	color:#ffffff;
	border-radius:1em;
	padding:0.3em 0.5em 0.1em 0.5em;
}

div.circle {
	position:relative;
	margin:1em auto;
	max-width:260px;
	max-height:260px;
}
div.circle+div hr {
	margin:0 auto;
	border-top:1px solid #9a9a9a;
	width:50%;
}
div.circle:after {
	content:"";
	position:absolute;
	bottom:2px;
	left:5px;
	width:260px;
	height:260px;
	border-radius:50%;
	border:1px solid #9a9a9a;
	z-index:1;
}
p.label.abs {
	position:absolute;
	margin:0;
	top:1em;
	left:50px;
	z-index:2;
}
p.point {
	color:#ffffff;
	font-weight:bold;
	width:100px;
	height:26px;
	margin:0 auto 1em auto;
	text-align:center;
	line-height:2em;
}
.message {
	text-align:left;
	margin:1.5em 0;
	background:#ffffff;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
	padding:1em;
	line-height:200%;
	min-height:300px;
}
.message.point {
	border-radius:1em;
	padding:1.5em;
}

.our_point {
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
	padding:1em 4em;
}

/*****************************************************************************
	Under
*****************************************************************************/

div.message.about {
	margin:-8em auto 0 auto;
	background:#ffffff;
	padding:2em;
}
.our_point {
	background:#ffffff;
}
.our_point h3 {
	position:relative;
	margin:1em 0;
	font-weight:bold;
}
.our_point h3:before {
	content: "";
	position: absolute;
	bottom:-0.5em;
	width: 2em;
	border-bottom:4px solid #f88280;
}
.our_point h3+p {
	font-weight:bold;
	color:#f88280;
	margin-bottom:1em;
}
.our_point h3 span {
	font-size:50px;
	font-size:5.0rem;
}
table {
	margin:0 auto 0.5em auto;
	width:100%;
	border:1px solid #f88280;
}
table th, table td {
	padding:0.5em 1em;
}
table td {
	border:1px solid #f88280;
}
table th {
	width:30%;
	font-weight:normal;
	background:#f88280;
	color:#ffffff;
}
table.price th {
}
table tr:not(:last-child) > th{
	border-bottom:1px solid #ffffff;
}
table+p {
	font-size:12px;
	font-size:1.2rem;
}

@media screen and (max-width:767px){
	div.message.about {
		margin:-5em auto 0 auto;
		padding:1em;
	}
	.our_point {
		padding:1em;
	}
	figure.point {
		margin:0;
	}
}

/*****************************************************************************
	footer
*****************************************************************************/
footer {
	background:#ff9c9c;
}
footer .logo img {
	max-height: 100px;
	max-width: 180px;
}
p.copy {
	font-size:12px;
	font-size:1.2rem;
	background:#e67b7b;
	color:#ffffff;
	padding:0.5em 0;
	text-align:center;
}
@media screen and (max-width:767px){
}
@media screen and (min-width:768px){
}
/******************************************************************************
	Post
******************************************************************************/
#post .list {
	width:100%;
}
#post .list h3 {
	color:#333333;
	font-size:14px;
	font-size:1.4rem;
}
#post .list a {
	display:block;
	margin-bottom:1em;
}
#post .list a {
	background:rgba(255,255,255,0.8);
}
#post .list a.main {
	background:rgba(255, 182,173,  0.8);
}
#post .list a:hover {
	background:rgba(255, 182,173,  0.3);
}
#post p.tl {
	height:4em;
	padding:0.5em;
}
#post .list a {
    height: auto;
}
#post .new {
	position:absolute;
	z-index:1;
}
@media screen and (min-width: 768px) {
	#post .list a:not(:nth-of-type(2n)) {
	    margin-right: 0.9em;
	}
	#post ul.blog.index a{
	    margin-right: 0em;
	}
	ul.blog.index li:not(:last-child) {
	    margin-right: 1.3em;
	}
}
@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:#f88280;
	border-bottom: 1px solid #f88280;
}
#post .side > div  {
	margin-bottom:2em;
}
#post .side li a:hover {
	background:#fef8f6;
}
#post .side li a {
	padding:1em;
}
#post .side li{
	position:relative;
	font-size:14px;
	font-size:1.4rem;
	line-height:100%;
	border-bottom: 1px dotted #f88280;
}

/* Recent */
#recent li a {
	font-size:12px;
	font-size:1.2rem;
	padding:1.5em 0;
}
#recent p {
	line-height:200%;
}
#recent figure {
	text-align:center;
	min-width:100px;
	width:100px;
	height:100px !important;
	margin:0 1em 0 0;
	border-radius:100px;
	overflow:hidden;
}

/* Archive */
#post .side #archive li a {
	display:block;
	padding:1em 0 1em 1.2em;
}
#post .side #archive li:before {
	color:#e8f8ee;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:1em;
	line-height:300%;
}

/* Search */
#post #search .s {
	display: block;
	padding: 0.5em 0.5em 0.5em 3em;
	border: 1px solid #9e9e9e;
	width: 100%;
	z-index: 1;
	background: url(./img/icon/search.png) 1em 0.5em no-repeat;
	background-size: 20px 20px;
	margin-top: 1em;
}
#post #search .searchsubmit {
	display: none;
}

/******************************************************************************
	Post:Single
******************************************************************************/
#post .content {
	font-size:14px;
	font-size:1.4rem;
	padding-top: 1em;
	min-height:300px;
}
#post .content img {
	max-width:100%;
	height:auto;
}
#post.single h2 {
	font-size:22px;
	font-size:2.2rem;
	line-height:140%;
	margin:0;
	padding-bottom:0.5em;
	color:#333333;
}

/************************************************************************************
	single paging
************************************************************************************/
.single_paging {
	width:100%;
	border:0px solid #f88280;
	margin:20px 0 20px 0;
	padding:0;
	font-size:12px;
	font-size:1.2rem;
}
.single_paging > a {
	width:3em;
	height:3em;
	margin: 1em 0.5em;
	background:#ff9c9c;
	color:#ffffff;
	border-radius:1em;
	font-size:16px;
	font-size:1.6rem;
}
.single_paging > a:hover {
	opacity:0.8;
}
.single_paging figure {
	text-align:center;
	min-width:100px;
	width:100px;
	height:100px !important;
	margin:1em;
	border-radius:100px;
	overflow:hidden;
}
.single_paging .page-numbers.current {
	background-color:#e7f3e9;
}
@media screen and (max-width:767px){
	.single_paging > a {
		width:100%;
	}
}
/******************************************************************************
	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 #f88280;
	line-height:3em;
	color:#f88280;
	font-size:14px;
	font-size:1.4rem;
}
#pager .current, .wp-pagenavi > *:hover, #pager .wp-pagenavi a:hover {
	border:1px solid #f88280;
	background:#f88280;
	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;
	background: #f3f1e9;
}
nav#bread ol{
	margin:0 auto;
	padding: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:767px){
	nav#bread ol{
		width:100%;
		margin:0 auto;
		padding:0.5em 1em;
	}
}
/************************************************************************************
 contact
************************************************************************************/

#contact form span.need {
	background:#f79783;
	color:#ffffff;
	font-size: 12px;
	font-size: 1.2rem;
	padding:0.3em 1em;
	margin-right:0.5em;
	line-height:140%;
	height:2em;
}
#contact form span.nn {
	background:#ededed;
	color:#666666;
	font-size: 12px;
	font-size: 1.2rem;
	padding:0.3em 1em;
	margin-right:0.5em;
	line-height:140%;
	height:2em;
}
#contact form .label {
	width:100%;
	margin:1em 0 0.5em 0;
	background:none;
	color:#333333;
	text-align:left;
}
#contact form .memo {
	width:100%;
}
#contact  input[type="text"],
#contact  input[type="email"],
#contact  textarea {
	font-family : inherit;
	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);
}
#contact  input:focus,
#contact  textarea:focus {
	content:"";
	border:1px solid #99cc99;
}
#contact  input[type="submit"] {
	cursor:pointer;
	border: none;
}

#contact p {
	text-align:center;
	margin-bottom:1em;
}
#contact p.tel {
	font-size: 40px;
	font-size: 4.0rem;
}
#contact p.tel span {
	font-size: 0.7em;
}
#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;
}

/*****************************************************************************
	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-between;
}
.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.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}
.zoom {
	width:inherit;
}
.zoom:hover {
    -webkit-transform: scale3d(1.1,1.1,1);
    transform: scale3d(1.1,1.1,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;
}


/*****************************************************************************
	common media
*****************************************************************************/
@media screen and (max-width:767px){
	/* 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:25px;
	}
	div.blankx2 {
		height:50px;
	}
	.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-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	div.blank {
		height:50px;
	}
	div.blankx2 {
		height:100px;
	}
	div.blankx3 {
		height:150px;
	}
	.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);
	}
	.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);
	}
	.w30l {
		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;
	}
}