@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%;
	color:#444444;
	background:#ffffff;
}
* {
	margin:0;
	padding: 0;
	outline:none;
	-webkit-tap-highlight-color: rgba(255,255,255,0.5);
}
html,body{
	font-size: 14px;
	font-size: 1.4rem;
	width: 100%;
	overflow-x:hidden;
}
body {
	font-family: '游ゴシック体', 'Yu Gothic',  'メイリオ', 'Meiryo', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',  'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
	line-height: 180%;
}
.min {
	font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.gf {
	letter-spacing:0em;
	font-family: 'Quicksand', 'sans-serif','游ゴシック体', 'Yu Gothic',  'メイリオ', 'Meiryo', 'ヒラギノ角ゴシック 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;
}
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 {
}
.stress {
	color:#f25131;
}
.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:320px;
	background: #f25131;
	border-radius:2em;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}
.btn.main:before{
	font-family: 'icomoon';
	content: "\ea15";
	margin-right: 1em;
}
.btn.main.w {
	font-size:18px;
	font-size:1.8rem;
	color:#f25131;
	padding:0.8em 1em;
	background: #ffffff;
	font-weight:bold;
	width:320px;
}
.btn.main.top {
	z-index:10;
	margin:0 auto;
	font-weight:bold;
}
.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  {
		width:100%;
	}
	.btn.main.top {
		width:320px;
	}
}
/*****************************************************************************
	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;
}
header .kv .button {
	position:absolute;
	bottom:130px;
	left:0px;
	width:100%;
	height:60px;
}
@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 {
		padding-top:1em;
	}
	header .kv h1 img {
		max-width:100px;
	}
	header .sp.navi {
		width:100%;
		position:fixed;
		bottom:0;
		left:0;
		z-index:100;
		background:#f25131;
		height:65px;
	}
	header .kv .button {
		bottom:50px;
	}
}
@media screen and (min-width:768px) {
	header {
		min-width:768px;
	}
	header .kv h1 {
		padding-top:1em;
	}
	header .kv h1 img {
		max-width:300px;
	}
	header nav > article {
		max-width:1000px;
		margin:0 auto;
		position:relative;
	}
	header nav {
		width:1000px;
		margin:0 auto;
	}
	header .navigation {
		width:100%;
		position:relative;
		webkit-transition: all 0.3s ease-in-out;
		    transition: all 0.3s ease-in-out;
	}
	header .navigation {
		margin-top:-75px;
		height:75px;
	}
	header .navigation.active {
		width:100%;
		position:fixed;
		top:0;
		left:0;
		z-index:100;
		margin:0;
		height:90px;
	}
}

/*****************************************************************************
	Navigation / MENU
*****************************************************************************/
nav.menu {
}

/* 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:#fff6ed;
		line-height:150%;
		webkit-transition: all 0.3s ease-in-out;
		    transition: all 0.3s ease-in-out;
	}
	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 #ffe2c6;
	}
	footer nav.menu a {
		border:none;
		padding:1.5em 0 1.5em 2em;
		border-bottom: 1px solid #ffe2c6;
		line-height:150%;
	}
	nav.menu a.active, nav.menu a:hover{
		background:#ffe2c6;
	}
	nav.button a {
		padding:0.8em 0;
		color:#ffffff;
		flex-grow:1;
		text-align:center;
		font-size:18px;
		font-size:1.8rem;
		line-height:100%;
	}
	nav.button a span {
		font-size:10px;
		font-size:1.0rem;
	}
	nav.button a {
		border-right: 2px solid #ffffff;
	}
	nav.menu p {
		display:none;
	}
	header nav.menu .logo {
		display:none !important;
	}
}
/* PC Navigation */
@media screen and (min-width:768px){
	header nav .logo img {
/*		max-height:85px;*/
		max-width:230px;
	}
	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;
	}
	nav.menu a.logo {
		padding:0em 1em;
	}
	.navigation.active nav.menu a:not(:first-child) {
		padding:1em 1em;
	}
	nav.menu a:last-child {
		color:#f25131;
	}
	footer nav.menu a {
		font-size:14px;
		font-size:1.4rem;
		padding:0 2em;
	}
	nav.menu a:hover {
		opacity:0.5;
	}
	footer nav {
		margin-top:1em;
	}
	footer nav a {
		padding:0.2em 2.7em;
	}
}

/*****************************************************************************
	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:#ffffff;
	line-height:70%;
	width:1000px;
	font-size:60px;
	font-size:6.0rem;
	z-index:10;
	text-shadow:2px 2px 4px rgba(100,100,100,0.5);
}
@media screen and (max-width:768px){
	#kv > h2 {
		width:100%;
		font-size:40px;
		font-size:4.0rem;
	}
	#kv {
		box-shadow:0px 1px 1px 1px rgba(30,30,30,0.2);
	}
}
#kv > h2:first-letter {
}

/*****************************************************************************
icon
*****************************************************************************/
.social {
	max-width:150px;
}
.social a span{
	color:#ffffff;
	background: #f79783;
	font-size:36px;
	font-size:3.6rem;
}
/*****************************************************************************
	Map
*****************************************************************************/
.gmap {
	position:relative;
	width: 100%;
	height: 300px;
}
.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:1000px;
	margin:0 auto;
}

@media screen and (min-width:768px){
	main{
		padding-top:90px;
	}
	main.index{
		padding-top:0px;
	}
	section > article.sub {
		width:940px;
		margin:0 auto;
	}
	article.lead {
		width:100%;
		max-width:1280px;
	}
}
@media screen and (max-width:768px){
	section > article {
		width:100% !important;
		padding:0 1.2em;
	}
	article.lead {
		padding :0;
	}
	section.home {
		position:relative;
		margin-top:50px;
		height:auto;
	}
}
/*****************************************************************************
	background
*****************************************************************************/

.bg_gray {
	background:#f9eadd;
}
.cta {
	background: #f25131;
}
.navigation {
	position:relative;
	z-index:10;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	background: rgba(255, 247, 225, 0.9);
}

@media screen and (max-width:768px){
	.navigation {
		border-bottom: none;
	}

	.bg_lead {
		color:#333333;
		background:#ffffff;
	}
	.bg_lead_sp {
		position:relative;
		z-index:1;
		width:100%;
		height:200px;
		padding:0;
		background: url("./img/top/top_bg.jpg") right center / cover no-repeat;
		margin:3em 0 0 0;
	}
	.bg_lead_sp h2{
		position:relative;
		z-index:2;
		padding:75px 0 0 1em;
		height:100%;
		background: -moz-linear-gradient(left, rgba(255, 246, 237,1) 0%, rgba(255, 246, 237,0.5) 50%, rgba(255, 246, 237,0.49) 51%, rgba(255, 246, 237,0) 100%);
		background: -webkit-linear-gradient(left, rgba(255, 246, 237,1) 0%,rgba(255, 246, 237,0.5) 50%,rgba(255, 246, 237,0.49) 51%,rgba(255, 246, 237,0) 100%);
		background: linear-gradient(to right, rgba(255, 246, 237,1) 0%,rgba(255, 246, 237,0.5) 50%,rgba(255, 246, 237,0.49) 51%,rgba(255, 246, 237,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
	}
	.bg_lead .concept {
		padding:1em 1.2em 3em 1.2em;
	}
	.bg_lead .concept h2+div {
		margin:0 0 2em 0;
	}
	#about .bg_01 {
		background: url("./img/about/01.png") center center / cover no-repeat;
	}
	#about .bg_02 {
		background: url("./img/about/02.png") center center / cover no-repeat;
	}
	#about .bg_03 {
		background: url("./img/about/03.png") center center / cover no-repeat;
	}
}
@media screen and (min-width: 900px) {
  html .bg_lead {
    background-position: right -200px top;
  }
}
@media screen and (min-width: 1100px) {
  html .bg_lead {
    background-position: right -100px top;
  }
}
@media screen and (min-width:768px){
	.bg_lead_sp {
		display:none;
	}
	.bg_lead {
		position:relative;
		background: url("./img/top/top_bg.jpg") right -300px top /auto 100% no-repeat;
		padding:5em 0;
	}
	.bg_lead::before {
		content:"";
		position:absolute;
		left:0;
		top:0;
		width:60%;
		height:100%;
		z-index:2;
		background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 84%, rgba(255,255,255,1) 85%, rgba(255,255,255,0) 100%);
		background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 84%,rgba(255,255,255,1) 85%,rgba(255,255,255,0) 100%);
		background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 84%,rgba(255,255,255,1) 85%,rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
	}
	.bg_lead .concept {
		position:relative;
		z-index:2;
		width: 55%;
		padding: 3.5em 4em 3.5em 4em;
		transition:all 0.3s linear;
	}
	.bg_lead .concept > div{
		width:100%;
		margin:0 0 0 auto;
		padding:0 2em 0 0;
	}
	.bg_lead .concept h2+div {
		margin:3.5em 0;
	}
	#about .bg_01 {
		background: url("./img/about/01.png") center center / cover no-repeat;
	}
	#about .bg_02 {
		background: url("./img/about/02.png") center center / cover no-repeat;
	}
	#about .bg_03 {
		background: url("./img/about/03.png") center center / cover no-repeat;
	}
}
@media screen and (min-width:1200px) {
	.bg_lead .concept {
		padding: 3.5em 6em 3.5em 12em;
	}
}

/*****************************************************************************
	Title Decoration
*****************************************************************************/
h2 {
	font-size:40px;
	font-size:4.0rem;
}
h2.title {
	line-height:120%;
	background:#f79783;
	padding:0.8em 0 0.4em 0;
	color:#ffffff;
	box-shadow: none;
	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;
	line-height:120%;
	color:#f25131;
	text-align:left;
}
h2.box {
	font-size:32px;
	font-size:3.2rem;
	line-height:200%;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	box-shadow: none;
}
h2.box.l {
	left:0;
}
h2.box.r {
	right:0;
}

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

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

/*****************************************************************************
	ul / dl
*****************************************************************************/
dl.access dt {
	max-width:30%;
	min-width:100px;
	padding-right:0.5em;
	font-weight:bold;
}
dl.access dd {
	max-width:100%;
	width:70%;
}
dl.access dt:nth-child(1), dl.access dd:nth-child(2) {
	padding-top:0;
	border-top:none;
}
dl.staff dt{
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
	border-bottom: 1px solid #333333;
	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;
}
ul.menu li {
	padding:1em;
	border-bottom:1px solid #9a9a9a;
	font-size:16px;
	font-size:1.6rem;
}

ul.menu p {
	font-weight:bold;
	white-space:nowrap;
	margin-right:0.5em;
}

#blog ul li {
	border-bottom: 1px solid #333333;
	padding-bottom:1em;
	margin-bottom:1em;
}
@media screen and (min-width:768px){
	dl.access dt, dl.access dd {
		padding:0.5em 1em 0.5em 0;
	}
	ul.menu li:first-child {
		padding-top:0;
	}
}
@media screen and (max-width:767px){
	dl.access dd {
	    width: 100%;
	}
}

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

figure {
	position:relative;
	overflow:hidden;
	text-align:center;
}
figure.lead  {
	margin-bottom:1em;
}
figure.lead {
	min-height:200px;
}
figure.concept {
	min-height:360px;
}
figure.staff {
	width:200px;
	height:400px;
	border:2px solid #666666;
	margin-bottom:2em;
}
@media screen and (min-width: 768px) {
  figure.staff {
    margin: 0 100px;
  }
}
figure.facility {
	min-height:300px;
	margin-bottom:2em;
}
figure.facility figcaption {
	position: absolute;
	color: #ffffff;
	left: 0;
	bottom: 0;
	text-align: center;
	width: 100%;
	padding: 1em 0;
	background: rgba(247, 151, 131,0.7);
	z-index:2;
}
figure.menu, figure.access {
	height:320px;
	margin-bottom:1em;
}
figure.blog {
	height:178px;
}

figure.blog.index {
	min-width: 75px;
	width: 75px;
	height: 75px;
	margin-right: 0.5em;
}
figure img {
	max-width:100%;
	height:auto;
}
@media screen and (max-width:768px){
	figure {
		width:100%;
	}
	figure img{
		width:100%;
		height:auto;
	}
	figure.blog.index {
		min-width: 110px;
		width: 110px;
		height: 110px;
	}
	figure.concept {
		min-height:200px;
	}
}

/* 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
*****************************************************************************/
figure.lead+p {
	color:#d2c7af;
}
p > .date {
	color:#666666;
	font-size:18px;
	font-size:1.8rem;
	padding:0
}
p > .category {
	color:#ffffff;
	background:#f79783;
	font-size:0.6em;
	padding:0.4em 1em;
	line-height:100%;
	margin-left:0.5em;
}

/*****************************************************************************
	Under
*****************************************************************************/
.eng {
	color:#d2c7af;
}
.price {
	color:#f25131;
	text-align:center;
	font-size:14px;
	font-size:1.4rem;
	padding:1em 2em;
	border: 2px solid #f25131;
	font-weight:bold;
	max-width:330px;
	margin:0 auto 10px;
}
/*****************************************************************************
	cta
*****************************************************************************/
	.cta h3 {
		font-size:32px;
		font-size:3.2rem;
		font-weight:bold;
	}
	.cta h3+p {
		font-size:18px;
		font-size:1.8rem;
		padding-bottom:2em;
		font-weight:bold;
	}
	.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;
		color: #f25131;
		padding: 0.5em 1em;
		background: #ffffff;
		font-weight: bold;
		width:100%;
		cursor:pointer;
		border-radius:2em;
		max-width: 320px;
	}
	.cta .tel:hover {
		opacity:0.7;
	}
}
/*****************************************************************************
	footer
*****************************************************************************/
footer {
	background:#fff6ed;
}
footer .logo img {
	max-height: 100px;
	max-width: 180px;
}
p.copy {
	background:#222222;
	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:768px){
	p.copy {
		margin-top:2em;
	}
	footer .logo {
		margin-right:1em;
	}
}
/******************************************************************************
	Post
******************************************************************************/
#post .list a {
	display:block;
	border:1px solid #ffffff;
	margin-bottom:1em;
}
#post .list a:hover {
	border:1px solid #ffdfd8;
	background:rgba(255, 223, 216,0.3);
}
#post p.tl {
	height:4em;
	padding:0.5em;
}
#post .list a {
    width: 310px;
    height: auto;
}
@media screen and (min-width: 768px) {
	#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:#f25131;
	border-bottom:2px solid #f79783;
}
#post .side li a:hover {
	background:rgba(255, 223, 216,0.3);
}
#post .side li a {
	padding:1em;
}
#post .side li{
	position:relative;
	font-size:14px;
	font-size:1.4rem;
	line-height:100%;
	border-bottom:1px solid #ebebeb;
}

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

/* Archive */
#post .side #archive li a {
	display:block;
	padding:1em 0 1em 1.2em;
}
#post .side #archive li:before {
	content:"●";
	color:#cfa972;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:1em;
	line-height:300%;
}
/******************************************************************************
	Post:Single
******************************************************************************/
#post .content {
	font-size: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 #666666;
	font-weight:bold;
}
#post.single h2:first-letter {
}
#post.single .content a {
	color:#f25131;
}
/************************************************************************************
	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 #f79783;
	line-height:3em;
	color:#f79783;
	font-size:14px;
	font-size:1.4rem;
}
#pager .current, .wp-pagenavi > *:hover, #pager .wp-pagenavi a:hover {
	border:1px solid #f25131;
	background:#f79783;
	color:#ffffff;
}
.wp-pagenavi .page {
}
.wp-pagenavi .current {
}
.wp-pagenavi .previouspostslink {
	border:none;
	margin-right:40px;
}
.wp-pagenavi .nextpostslink {
	border:none;
	margin-left:40px;
}
#pager .wp-pagenavi a {
	display: block;
	line-height:140%;
	padding: 0.8em;
	text-align: center;
	background:#ffffff;
	margin-bottom:0.2em;
}
/************************************************************************************
	bread
************************************************************************************/
nav#bread {
	width:100%;
	overflow:hidden;
	font-size:11px;
	font-size:1.1rem;
	line-height:120%;
	z-index:2;
	bottom:0;
}
nav#bread ol{
	margin:0 auto;
	padding:1em 1em;
}
nav#bread ol li {
	padding-top:0px;
	white-space:nowrap;
	min-height: 0;
	margin:0;
}
nav#bread ol li a {
}
nav#bread ol li:after {
	content: ">";
	padding-left:1em;
	padding-right:1em;
}
nav#bread ol li:first-child:before {
	content:"";
}
nav#bread ol li:nth-of-type(1):before {
	content:"";
}
nav#bread ol li:last-child {
}
nav#bread ol li:last-child:after {
	content:"";
	padding:0;
}
@media screen and (min-width:768px){
	nav#bread ol li:first-child{
		padding-left:0.5em !important;
	}
}
@media screen and (max-width:768px){
	nav#bread ol{
		width:1000px;
		margin:0 auto;
	}
}
/************************************************************************************
 contact
************************************************************************************/
#contact{
	font-size: 14px;
	font-size: 1.4rem;
}
#contact dl {
	margin:0 auto;
}
#contact dt {
	width:100%;
	padding: 0.5em 0;
	margin-right:2em;
}
#contact dt span, #contact li .item span {
	font-size: 12px;
	font-size: 1.2rem;
	background:#f25131;
	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 {
	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-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;
}
.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: #ffffff;
}

@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-size:100% auto;
		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:768px){
	/* 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);
	}
	.w33{
		width:-webkit-calc(100% / 3);
		width:calc(100% / 3);
	}
	.w33s{
		width:-webkit-calc(100% / 3 - 0.5em);
		width:calc(100% / 3 - 0.5em);
	}
	.w30 {
		width:-webkit-calc(30%);
		width:calc(30%);
		min-width:calc(30%);
	}
	.w30s {
		width:-webkit-calc(30% - 1em);
		width:calc(30% - 1em);
	}
	.w35 {
		width:-webkit-calc(35%);
		width:calc(35%);
		min-width:calc(35%);
	}
	.w40 {
		width:-webkit-calc(40%);
		width:calc(40%);
		min-width:calc(40%);
	}
	.w40s {
		width:-webkit-calc(40% - 1em);
		width:calc(40% - 1em);
		min-width:calc(40% - 1em);
	}
	.w45 {
		width:-webkit-calc(45%);
		width:calc(45%);
		min-width:calc(45%);
	}
	.w45s {
		width:-webkit-calc(45% - 1em);
		width:calc(45% - 1em);
		min-width:calc(45% - 1em);
	}
	.w45s {
		width:-webkit-calc(45% - 1em);
		width:calc(45% - 1em);
		min-width:calc(45% - 1em);
	}
	.w45l {
		width:-webkit-calc(45% + 1em);
		width:calc(45% + 1em);
		min-width:calc(45% + 1em);
	}
	.w60 {
		width:-webkit-calc(60%);
		width:calc(60%);
		min-width:calc(60%);
	}
	.w60s {
		width:-webkit-calc(60% - 1em);
		width:calc(60% - 1em);
	}
	.w66 {
		width:-webkit-calc(66%);
		width:calc(66%);
	}
	.w50s {
		width:-webkit-calc(50% - 1em);
		width:calc(50% - 1em);
	}
	.w50 {
		width:-webkit-calc(50%);
		width:calc(50%);
		min-width:calc(50%);
	}
	.w55 {
		width:-webkit-calc(55%);
		width:calc(55%);
		min-width:calc(55%);
	}
	.w55s {
		width:-webkit-calc(55% - 1em);
		width:calc(55% - 1em);
		min-width:calc(55% - 1em);
	}
	.w65 {
		width:65%;
		min-width:65%;
	}
	.w65s {
		width:-webkit-calc(65% - 1em);
		width:calc(65% - 1em);
		min-width:calc(65% - 1em);
	}
	.w75 {
		width:-webkit-calc(75%);
		width:calc(75%);
	}
	.w75s {
		width:-webkit-calc(75% - 1em);
		width:calc(75% - 1em);
	}
	.w70 {
		width:-webkit-calc(70%);
		width:calc(70%);
	}
	.w70s {
		width:-webkit-calc(70% - 1em);
		width:calc(70% - 1em);
	}
	.w70l {
		width:-webkit-calc(70% + 1em);
		width:calc(70% + 1em);
	}
	.w80 {
		width:-webkit-calc(80%);
		width:calc(80%);
	}
	.w80s {
		width:-webkit-calc(80% - 1em);
		width:calc(80% - 1em);
	}
	.w80l {
		width:-webkit-calc(80% + 1em);
		width:calc(80% + 1em);
	}
	.w95 {
		width:95%;
	}
	#slick {
		width:920px;
		margin:0 auto;
	}
	#slick figure {
		margin:15px;
	}
}