@charset "utf-8";
 /*
Theme Name: HAIR CHIC
Version: 100
Author: hirokitakarabe / YukaTSUMUKI
Template: mysong
Template Version: 100  
*/


/* ***************************************************************** 
*	基本設定
* ***************************************************************** */
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}
@font-face {
    font-family: 'Madrid';
    src:url('font/Madrid.ttf.woff') format('woff'),
        url('font/Madrid.ttf.svg#Madrid') format('svg'),
        url('font/Madrid.ttf.eot'),
        url('font/Madrid.ttf.eot?#iefix') format('embedded-opentype'); 
        font-weight: normal;
        font-style: normal;
}
html{
	min-width: 640px!important;
}
body {
  font-family: YuGothic,"YuGothic M","メイリオ",sans-serif;
  -webkit-text-size-adjust: 100%!important;
  
}
/* android クロームで文字がでかくなるバグ対策 */
h1, h2, h3, h4, p, ul, ol, p, dt, dd, th, td, span, time, a{
    max-height: 100%; 
 } 
/* IE10以上 */
/*@media all and (-ms-high-contrast: none) {
  body {
    font-family: Verdana, Meiryo, sans-serif;
  }
}*/
.cf:after { /*floatの解除、ここがポイント*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}

body {
/*font-family:arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;*/
font-size: 14px;
background: #fff;
color: #313131;
line-height: 190%;
word-wrap:break-word;
overflow-wrap:break-word;
}

#ourshop .third{
	margin-left: 0!important;
}
.visual{
	width: 100%;
	height: auto;
}

@media only screen and (min-width: 900px){
	.row{
		padding: 0px 0 90px;
	}
}
@media only screen and (max-width: 899px){
	.row{
		padding: 0px 0 90px;
	}
}
/* リンク
---------------------------------------------------- */

a{
color:#3e3a39;
text-decoration:none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

a:hover{
color:#666;
}

a:active, a:focus {
outline: 0;
}


/* 画像
---------------------------------------------------- */

img{
border:0;
padding:0px;
margin:0px
}

img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding:4px;
margin: 0 0 10px 20px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 20px 10px 0;
display: inline;
}


/* フロート
---------------------------------------------------- */

.alignright { float: right; }

.alignleft { float: left; }

.right{ float: right; }

.left{ float: left; }

.clear{ clear:both; }


/* リスト
---------------------------------------------------- */

ol{
margin: 7px 0 7px 10px;
padding: 0 0 0 0;
list-style: decimal;
}

ul{
margin: 7px 0 7px 4px;
padding: 0 0 0 0;
list-style: disc;
}

li{
margin: 2px 0 2px 15px;
padding: 0;
}

li a{
color:#45AAB8;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;

}

li a:hover{
color:#666;
}



/* *****************************************************************
*	全体Wrapper
* ***************************************************************** */

.wrapper {
margin: auto; 
/*max-width: 960px;
padding: 30px 30px 50px 30px;*/
}



/* ***************************************************************** 
*	ヘッダー
* ***************************************************************** */

#header {
width: 100%；
}

.header-inner {
max-width: 960px;
overflow: hidden;
margin: 0px auto 0 auto;
padding: 65px 0 65px 0;
}

#header h1 {
text-align:center;
margin: 0;	
}

.logo {
text-align:center;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width: 149px;
height: auto;
margin: 0px auto!important;
}
@media only screen and (max-width: 899px){
	.logo {
		width: 206px;
	}
}


/* *****************************************************************
*	トップナビゲーション
* ***************************************************************** */	

#nav { 
display: block;
width: 100%;
margin: 0 auto 13px auto;
z-index: 9999;
padding: 0;
text-align: center;
border-top: 0px solid #dedede;
border-bottom: 0px solid #dedede;
}

#nav ul {
list-style: none;
margin: auto;
}

ul.nav-menu,
div.nav-menu > ul {
margin: 0;
padding: 0;
}

.nav-menu li {
display: inline-block;
position: relative;
margin: 0 0;
}

.nav-menu li a {
color: #1b1b1b;
display: block;
font-size: 14px;
text-decoration: none;
padding: 0px 13px 0px 13px;
font-family: 'Helvetica Neue',Arial;
font-weight: 200;
letter-spacing : 0.01em;
}

.nav-menu li:hover > a,
.nav-menu li a:hover {
	color: #e60012;
}

.nav-menu .sub-menu,
.nav-menu .children {
background: #eee;
display: none;
padding: 0;
position: absolute;
z-index: 99999;
}

.nav-menu .sub-menu ul,
.nav-menu .children ul {
border-left: 0;
left: 100%;
top: 0;
}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a,
.nav-menu .current-post-ancestor > a {
color: #333;
background: #f5f5f5;
}

.toggle {
float: right; position: absolute; top:  35px; right: 50px; z-index: 10000; 
}

.menu-toggle {
width: 50px;
height: 50px;
}
	.sp_nav{
		display: none!important;
	}
	.drawer-hamburger{
		width: 50px!important;
		margin: 15px 0px 0px 20px!important;
	}
	.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{
		height: 5px!important;
		background-color: #626262!important;
	}
	.drawer-open .drawer-hamburger-icon{
		background-color: transparent!important;
	}
	.drawer--left .drawer-nav{
		left: -300px!important;
	}
	.drawer--left.drawer-open .drawer-nav, .drawer--left.drawer-open .drawer-navbar .drawer-hamburger{
		left: 0px!important;
	}
	.drawer--left.drawer-open .drawer-hamburger {
		left: 300px!important;
	}
	.drawer-nav{
		z-index: 3!important;
		background: #e60012!important;
		width: 300px!important;
	}
	.drawer-menu{
		padding-top: 20px!important;
		max-height: none;
	}
		.drawer-menu li{
			padding: 0px 26px 0px 36px;
			margin: 0px;
		}
			.drawer-menu-item{
				color: #fff!important;
				font-size: 30px!important;
				padding: 30px 0px!important;
				text-decoration: none!important;
				border-bottom: 1px solid #d20212!important;
				font-weight: 200;
				font-family: 'Helvetica Neue',Arial;
				letter-spacing: 0.15em;
			}
			.drawer-menu-item.last{
				border-bottom: none!important;
			}
				.drawer-menu-item:hover{
					text-decoration: none!important;
				}
@media only screen and (max-width: 899px){
	.pc_nav{
		display: none!important;
	}
	.sp_nav{
		display: block!important;
	}
}

/* *****************************************************************
*	スライドショー
* ***************************************************************** */	
#slideImg{
	overflow: hidden;
}
#slideImg ul{
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
	list-style: none;
}
	#slideImg ul li{
		padding: 0;
		margin: 0;
	}
.bx-wrapper .bx-pager.bx-default-pager a{
	width: 8px!important;
	height: 8px!important;
}
/*
#top-slide-max {
width: 100%;
max-height: auto;
overflow: hidden;
padding: 0px;
margin: 0px auto 30px auto;
}

#top-slide-max .cycle-slideshow {
overflow: hidden;
width: auto;
height: auto;
margin: 0px auto;
}

#top-slide-max img { display: none }
#top-slide-max img.first { display: block }

.cycle-slide {
z-index: 0 !important;
}*/


/* ヘッダーイメージ
---------------------------------------------------- */

.header-image {
overflow: hidden;
width: 960px;
height: auto;
margin: 0px auto;
}


/* ***************************************************************** 
*	メイン（本文）コンテンツ
* ***************************************************************** */	

#main {
margin:0 0 0 0;
padding: 0 0 0 0;
}


/* ギャラリーレイアウト
---------------------------------------------------- */

li.item {
    height: 490px;
    margin-bottom: 50px;
}

li.item-gallery {
    height: 200px;
}

.item-img {
    margin: 0 0 10px 0;
    height: 200px;
    overflow: hidden;
    text-align:center;
}

.item-cat {
    font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    font-size: 84%;
    color: #999;
    padding: 0 0 0px 0;
    margin: 0 0 10px 0;
}
.item-cat a{
    color: #313131;
}

.item-date {
    font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    font-size: 80%;
    color: #ccc;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.item h2 {
    font-size: 18px;
    line-height: 150%;
    font-weight: normal;
    letter-spacing: 0.03em;
}

.item-title {
    font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    margin: 0 0 0 0;
    padding: 0px 0px 0px 0px;
    border-top: 0px solid #ccc;
    border-bottom: 0px solid #ccc;
}

.item-title a {
    color: #313131;
}

.item-title a:hover {
    color: #999;
}

.item-text {
    font-size: 13px;
    color: #313131;
    line-height: 170%;
}


/* マウスオーバーでタイトルスライド表示
---------------------------------------------------- */

.slidebase {
position: relative;
}

.slidetext {
width: 100%;
display: none;
position: absolute;
color: #fff;
background: rgba(0, 0, 0, 0.5);
}

.slidetext a {
padding: 10px 10px;
display: block;
color: #fff;
}

.slidetext a:hover {
color: #ccc;
}


/* ブログ記事部分
---------------------------------------------------- */

.single-contents {
margin: 0 0 70px 0;
}

p {
font-size: 14px; 
color: #313131;
line-height: 1.7em;
padding: 15px 0px 15px 0px;
font-feature-settings : "palt";
}

p a {
color:#45AAB8;
text-decoration:none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

p a:hover {
color:#666;
}

p a:active, a:focus {
outline: 0;
}


/* ページタイトル
---------------------------------------------------- */

.pagedate {
font-family:arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-size: 12px;
font-weight: normal;
text-align: left;
padding: 0 0 0 0;
margin: 0 0 -10px 0;
color:#999;
letter-spacing: 0.02em;
}

.breadcrumb {
margin: 0 0 30px 0;
line-height: 120%;
}
.breadcrumb div {
display: inline;
font-size: 11px;
color: #999;
}
.breadcrumb span,
.breadcrumb span a {
color: #45aab8;
}

.blog-title {
font-size: 28px;
line-height: 130%;
font-weight: bold;
color: #333;
margin: 20px 0px 20px 0px;
padding: 18px 0px 15px 0px;
border-top: 3px double #ccc;
border-bottom: 1px solid #ccc;
}

.blog-title a {
color:#333;
text-decoration:none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

.blog-title a:hover {
color:#666;
}


/* 見出し
---------------------------------------------------- */

h1 {
font-size: 28px;
margin: 40px 0px 20px 0px;
}

h2 {
font-size: 22px;
line-height: 130%;
font-weight: bold;
color: #333;
margin: 40px 0px 20px 0px;
padding: 18px 0px 15px 0px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.box h2, .pagetitle{
	border: none;
	padding: 0;
	padding: 95px 0px 90px;
	margin: 0;
	font-family: 'Madrid';
	font-weight: 500;
	letter-spacing : 0.14em;
	font-size:20px;
	text-align: center;
	color:#e60012;
}
	.pagetitle{
		padding-top: 80px;
	}
	@media only screen and (max-width: 899px){
		.row h2, .pagetitle{
			font-size:30px;
			padding-top: 90px;
		}
		.pagetitle{
			padding-top: 0px;
		}
	}

h3 {
font-size: 20px;
line-height: 130%;
font-weight: bold;
color: #333;
padding: 0 0 5px 0;
margin: 40px 0 15px 0;
font-feature-settings : "palt";
}
.box h3{
	font-size: 16px;
	font-weight: bold;
	color:#e60012;
	line-height: 1.5em;
	padding: 25px 0 20px;
	margin: 0;
	letter-spacing: 0.05em;
	overflow: hidden;
}
	@media only screen and (max-width: 899px){
		.box h3{
			font-size:32px;
			font-weight: normal;
		}
	}
h4 {
font-size: 18px;
line-height: 130%;
font-weight: bold;
color: #555;
padding: 0 0 5px 0;
margin: 30px 0 10px 0;
border-bottom:1px dotted #ccc;
}

h5 {
font-size: 14px;
line-height: 1.3em;
margin: 30px 0 0px 0;
}

h6 {
font-size: 14px;
line-height: 1.3em;
margin: 30px 0 0px 0;
}


/* イメージヘッダー
---------------------------------------------------- */

.head-img {
    width: 100%;
    text-align: center;
    margin: 0px auto 20px auto;
    overflow: hidden;
}

/* 各要素
---------------------------------------------------- */
/*-- concept --*/
#concept .topbox{
	text-align: left;
}
	#concept .topbox p{
		font-size:14px;
		line-height: 2em;
		padding: 0px;
	}
@media only screen and (min-width: 900px){
	#concept .row{
		margin: 85px 0;
	}
	#concept .left{
		width:47%; 
	}
	#concept .left img{
		max-width: 279px;
		height: auto;
		margin: 0px 0 45px;
	}
	#concept .right{
		width: 46.111111111111114%;
	}
}
@media only screen and (max-width: 899px){
	#concept .topbox p{
		font-size:28px;
		line-height: 1.7em;
	}
	#concept .left{
		text-align: center;
	}
		#concept .left img{
			height: auto;
			margin: 97px 0 92px 30px;
		}
		#concept .left p{
			text-align: left;
		}
	#concept .right{
		float: none;
		width: 100%;
	}
}
/*-- ourshop --*/
#ourshop{
	background: #f8f8f8;
}
	#ourshop .third img{
		width: 100%;
		height: auto;
	}		
	#ourshop p{
		padding-top: 0px;
		padding-bottom: 25px;
	}
		#ourshop p a{
			color: #313131;
			text-decoration: underline;
		}
	.con{
		overflow: hidden;
	}
	.btn,.sbi_load_btn{
		font-size: 14px;
		line-height: 3.5em;
		max-width: 200px;
		width: 99%;
		color: #fff;
/* 		font-weight: bold; */
		font-weight: normal;
		background: #e60012!important;;
		display: inline-block;
		text-align: center;
		letter-spacing: 0.05em;
		padding: 0!important;
	}
	.sbi_load_btn span{
		font-size: 14px;
		line-height: 2.4em;
		color: #fff!important;
	}
	.sbi_load_btn{
		margin-top: 87px!important;
	}
	.btn:hover,.sbi_load_btn:hover{
		background: #ea3240!important;
		color: #fff;
	}
@media only screen and (min-width: 900px){
	.mt22{
		margin-top: 23px;
	}
	.topbox .btn.first{
		margin-right: 2%;
	}
		#ourshop .left{
			float: left;
			width: 46.111111111111114%;
		}
		#ourshop .right{
			float: right;
			width: 46.111111111111114%;
		}
	.sbi_load_btn{
		width:150px;
	}
	#ourshop .third{
		margin-bottom: 70px;
	}
	#ourshop .third.last{
		margin-bottom: 0px;
	}
}
@media only screen and (max-width: 899px){
	.btn,.sbi_load_btn{
		max-width: none;
		width: 100%;
		font-size: 28px;
		font-weight: normal;
		line-height: 2.5em;
		margin-top: 20px;
		font-feature-settings : "palt";
	}
	.btn,.sbi_load_btn span{
		font-size: 28px;
		font-weight: normal;
		line-height: 2.5em;
		font-feature-settings : "palt";
	}
	.sbi_load_btn{
		width:300px;
	}
	#ourshop h3{
		padding: 40px 0px 30px;
	}
	#ourshop p{
		line-height: 1.4em;
	}
	#ourshop .third{
		margin-bottom: 100px;
	}
	#ourshop .third.last{
		margin-bottom: 0px;
	}
	#ourshop .left{
		float: none;
		width: 100%;
	}
	#ourshop .right{
		float: right;
		width: 100%;
	}
}

/*-- MENU --*/
#menu .left{
	float: left;
	width: 46.1%;
}
#menu .right{
	float: right;
	width: 46.1%;
}
	#menu h3 {
		overflow: hidden;
		padding-bottom: 10px;
	}
		span{
			font-size: 12px;
			color: #313131;
			font-weight: normal;
			letter-spacing: 0em;
			font-feature-settings : "palt";
		}
		#menu h3 span{
			float: right;
			font-feature-settings : "pkna";
		}
		.hair_cut h3{
			padding-top: 0px;
		}
	table{
		border-top:1px solid #dfdfdf;
		border-left:1px solid #dfdfdf;
		margin-bottom: 10px;
	}
	table th,table td{
		border-right:1px solid #dfdfdf;
		border-bottom:1px solid #dfdfdf;
		
	}
	
		.table_red th,.table_red td{
			border-right:1px solid #dfdfdf;
			border-bottom:1px solid #dfdfdf;
			padding:12px 5px  9px 14px;
			font-feature-settings : "palt";
		}
		.table_red th{
			background: #e60012;
			color: #fff;
			
		}
		.table_red td{
			background: #fff;
		}
@media only screen and (min-width: 900px){
	.s_box br{
		display: none;
	}
		.hair_spa h3{
			padding-top: 0px;
		}
		.hair_spa{
			margin-bottom: 7px;
		}
	.table_red .right th{
		width: 195px;
	}
	.table_red .left th{
		width: 85px;
	}
}

@media only screen and (max-width: 899px){
	
#menu .left{
	float: none;
	width: 100%;
}
#menu .right{
	float: none;
	width: 100%;
}
#menu h3 {
	padding-bottom: 7px;
}
	span{
		font-size: 20px;
	}
	table th,table td{
		display: block;
		font-size: 28px;
		line-height: 1.7em;
		padding:7px 0px  6px 19px;
	}
		.table_red th,.table_red td{
			
		}
	.hair_spa table,.kitsuke table{
		margin-bottom: 12px;
	}
	.hair_spa{
		margin-bottom: 7px;
	}
}

	

/* *****************************************************************
*	CONTACT コンタクト
* ***************************************************************** */
/*共通リセット*/
select::-ms-expand {
	display: none;
}
button, input, select, textarea,
input[type="text"],input[type="email"],
input[type="tel"],input[type="checkbox"]{
	max-width: 100%;
	background: #fff;
	border: 1px solid #dcdcdc;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 14px;
    color: #313131;
    padding: 0.5em 1em;
    line-height: 1.65em; 
    }
textarea, select[multiple], select[multiple="multiple"]{
	width: 100%;
}
textarea{
	height: 150px;
}
.birthday input{
	text-align: right;
}
/*セレクトボックス*/
.select-box01 select {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(img/arrow.png) 95% 50% no-repeat;
    background-size: 12px 7px;
}
@media only screen and (min-width: 900px){
	/*共通リセット 900px以上*/
	.middle input,.middle select{
		width: 350px;
		height: 35px;
	}
	.birthday input{
		width: 80px;
	}
}
@media only screen and (max-width: 899px){
/*共通リセット 899px以下*/
	.middle input,.middle select{
		width: 100%;
		font-size: 28px;
		height: 70px;
    }
    textarea,.gender span{
	    font-size: 28px;
    }
	.select-box01 select {
	    background-size: 16px 11px;
	}
	.birthday input{
		width: 130px;
	}
}
/*お問い合わせフォームあしらい*/
#contact h2{
	padding-bottom: 76px;
}
.wpcf7 form{
	text-align: center;
}
#contact table,#contact th,#contact td{
	border: none;
	vertical-align: top;
	padding-left: 0px;
	padding-right: 0px;
}
	#contact td{
	vertical-align: bottom;
	}
	#contact th span{
		color: #e60012;
	}
	.note {
		text-align: left;
		}
	.note a{
		text-decoration: underline;
		color: #313131;
		
	}
	.acceptance_box{
		text-align: center;
		padding: 20px 0px 25px;
		
	}
	div.wpcf7 .ajax-loader{
		margin-top: 20px!important;
	}
div.wpcf7-validation-errors, div.wpcf7-response-output, div.wpcf7-mail-sent-ok {
    margin: 0px!important;
    text-align: center;
    color: #f00;
    border: none!important;
    font-weight: bold;
    padding: 0px!important;
}
@media only screen and (min-width: 900px){
	#contact.row{
    padding: 0px 0 20px;
	}
	#contact .con{
		width: 650px;
	}
	#contact th{
		width: 184px;
		line-height: 2.5;
	}
}
@media only screen and (max-width: 899px){
	#contact.row{
    padding: 0px 0 0px;
	}
	.acceptance_box{
		font-size: 20px;
	}
	div.wpcf7-validation-errors, div.wpcf7-response-output, div.wpcf7-mail-sent-ok {
		font-size: 20px;
	}
}

/*送信ボタン*/
input[type="submit"], input[type="submit"][disabled]:focus {
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
    -webkit-appearance: none;
    background: #313131;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    border-radius: 0px;
}
.submit{
	font-size: 14px;
	height: 35px;
	width: 150px;
	margin: 0px auto;
	display: block;
	line-height: 1.5;
}
	.submit:hover{
		background: #5a5a5a;
	}
@media only screen and (max-width: 899px){
	.submit{
		font-size: 28px;
		width: 300px;
		height: 70px;
	}
}
/*-- style --*/
#style {
	background: #f8f8f8;
}
.page-template #style {
	background: #fff;
	margin-top: -6px;
	}
#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a, #sb_instagram .sbi_moderation_link, #sb_instagram .sbi_close_mod{
	-moz-border-radius: 0px!important;
    -webkit-border-radius: 0px!important;
    border-radius: 0px!important;
    color: #ffffff!important;
    }
     @media only screen and (min-width: 900px){
	     height: 35px;
     }
    @media only screen and (max-width: 720px){
	    #sb_instagram.sbi_col_6 #sbi_images .sbi_item{
		    width: 33.3%!important;
		    height: 33.3%!important;
	    }
    }

/*-- recruit --*/
.recruit_bg{
	background:  url(img/recruit/recruit_bg.jpg) no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 600px;
	width: 100%;
}
#recruit{
text-align: center;

}
	#recruit h2{
		color: #fff;
	}
	@media only screen and (min-width: 900px){
		#recruit .btn{
			width: 150px;
			margin-top: 100px;
		}
	}
	@media only screen and (max-width: 899px){
		#recruit .btn{
			width: 300px;
			margin-top: 50px;
		}
	}
/*-- facebook --*/
#sns .con{
	width: 100%;
	/*max-width: 960px;*/
	max-width: 900px;
}
/*.fb{
	float: left;
	width: 32.2%;
	margin-right: 1.7%;
}
.fb:last-child{
	margin-right: 0px;
}*/
.fb{
	float: left;
	width: 49%;
}
.fb2{
	float: right;
	width: 49%;	
}

@media screen and (max-width: 899px) {
	#sns .fb,#sns .fb2{
		width: 100%;
		float: none;
		text-align:center;
	}
	.fb-box{
	  margin-bottom:60px;
	  }
}



/* ------------POST 記事 ------------- */
#post .row{
	margin: 0px auto;
	
}
	#post .row .widget-title{
		font-family: Overpass;
		font-size:14px;
		padding: 0px;
		margin-bottom: 5px;
		border: none;
		line-height: 1.7;
	}
	#post .sidebox li{
		font-size: 12px;
		padding: 0px;
	}
	#post .sidebox li a{
		padding: 0px;
		font-size: 12px;
	}
	#post .widget{
		margin-bottom: 15px;
	}
	#post time {
	    display: inline-block;
	    padding-right: 45px;
	    font-size: 14px;
	    font-weight: bold;
	}
	#post h1{
		display: inline-block;
	    line-height: 1.7em;
	    font-size: 14px;
	    font-weight: bold;
	    margin-top: 0px;
	    margin-bottom: 13px;
	}
	.single-contents {
		border-top: 1px solid #e5e5e5; 
		padding-top: 25px;
	}
	#post .wrapper{
		margin-top: 40px;
	}
    @media screen and (min-width: 1000px) {
		#post .row{
			width: 960px;
			margin: 0px auto;
		}
	    #post .twothird {
		    width: 760px;
		}
		#post .row .third{
			width: 150px;
			float: right;
		}
    }
    @media screen and (min-width: 900px) and (max-width: 999px) {
		    #post .twothird {
			    width: 73%;
			    float: left;
			}
			#post .row .third{
				width: 22%;
				float: right;
			}
		#post .row {
		    width: 89%;
		}
    }
    .sp{
	    display: none;
    }
    @media screen and (max-width: 899px) {
    .pc{
	    display: none;
    }
	#post .row {
	    width: 89%;
	}
		#post .row .widget-title{
			font-size:24px;
			margin-bottom: 25px;
		}
		#post .sidebox li{
			font-size:22px;
			margin-bottom: 10px;
		} 
		#post .sidebox li a{
			font-size:22px;
		}
		#post .widget{
			margin-bottom: 40px;
		}
	.sidebar{
		border-top:1px solid #e5e5e5;
		border-bottom:1px solid #e5e5e5;
		padding-top: 50px !important;
		padding-bottom: 20px !important;
		margin-bottom: 55px !important;
	}
	#post time {
	    display: block;
	    width: 100%;
	    font-size:22px;
	    font-weight: bold;
	    padding-right: 0px;
	    padding-bottom: 10px;
	}
	#post h1{
	    display: block;
	    width: 100%;
	    font-size:22px;
	    font-weight: normal;
	    margin-bottom: 20px;
	}
	#post .single-contents p{
		font-size:22px;
	}
	.sp{
		display: inline-block;
	}
}
/* 記事フッター
---------------------------------------------------- */

.blog-foot {
clear:both;
font-size:75%;
text-align: left;
margin: 0px 0 50px 0;
font-weight:normal;
color:#999;
border-bottom:0px dotted #ccc;
}

.blog-foot span {
color:#999;
}


/* 次の記事・前の記事
---------------------------------------------------- */
#next {
	margin-bottom: 95px;
	
}
#next li{

	font-size: 18px;
	
	list-style: none;
	padding: 0;
}
#next li span{
	font-family: Overpass;
	font-weight: bold;
}
	 #next .next-left {
	 float: left;
	 width: 48.5%;
	 margin: 0px;
	 }
	#next li a{
		color: #313131;
	}

	 #next .next-right {
	 float: right;
	 width: 48.5%;
	 text-align: right;
	 margin: 0px;
	 }
	     @media screen and (max-width: 899px) {
		     #next li{
			     font-size:24px;
		     }
	     }
/* ページャー
---------------------------------------------------- */

.pager {
text-align:center;
margin: 50px 0 50px 0;
}

a.page-numbers,
.pager .current{
background: #f0f0f0;
border:solid 1px #ddd;
border-radius:2px;
padding:5px 8px;
margin:0 2px;
}

.pager .current{
background: #ccc;
border:solid 1px 999;
color: #fff;
}


/* 関連記事
---------------------------------------------------- */

.similar-head {
color: #333;
font-size: 18px;
font-weight: bold;
letter-spacing: 0.05em;
font-style:normal;
margin: 0px 0px 10px 0px;
padding: 0 0 3px 0;
border-bottom:1px solid #ccc;
}

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

.similar li{
font-size: 14px;
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style: none;
}

.similar li a{
color:#555;
}

.similar li a:hover{
color:#888;
}

table.similar-text {
width: 100%;
color: #313131;
margin: 0 0 0 0;
padding: 0 0 0 0;
border-bottom: dotted 1px #ccc;
border-collapse: collapse;
border-spacing: 0;
}

table.similar-text img {
width: 150px;
}

table.similar-text th {
text-align: left;
width: 150px;
vertical-align: middle;
}

table.similar-text td {
font-size: 14px;
text-align: left;
white-space: normal;
vertical-align: middle;
}


/* コメント欄
---------------------------------------------------- */

.comment-head {
color: #333;
font-size: 18px;
font-weight: bold;
letter-spacing: 0.05em;
font-style:normal;
margin: 0px 0px 10px 0px;
padding: 0 0 3px 0;
border-bottom:1px solid #ccc;
}

.commentlist li{
list-style: none;
font-size:90%;
color:#888;
}

.commentlist {
margin: 0 0 50px 0;
padding: 0 0 0 0;
}

li.comment {
list-style: none;
font-size:90%;
color:#888;
margin: 30px 0px 30px 0px;
}

.comment p {
font-size: 14px;
}


/* WP必須
---------------------------------------------------- */

.wp-caption {
max-width:100%;
}

.wp-caption-text {
font-size:90%;
text-align: center;
}

.sticky {
}

.gallery-caption {
}

.bypostauthor {
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}


/* *****************************************************************
*	サイドバー
* ***************************************************************** */

.sidebar {
width: 100%;
margin: 0px 0px 40px 0px;
padding: 0 0 0 0;
}


/* 新着表示
---------------------------------------------------- */

.sidebox-new {
color:#666;
margin: 0 0 50px 0 ;
padding: 0 0 0 0 ;
}

.sidebox-new ul{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.sidebox-new li{
font-size: 13px;
list-style: none;
margin: 0 0 0 0;
padding: 0px 0 0px 0px;
border-bottom: 1px dotted #ddd;
}

.sidebox-new li a{
color:#666;
list-style: none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

.sidebox-new li a:hover{
color:#999;
}


table.similar-side {
width: 100%;
color: #313131;
margin: 0 0 0 0;
padding: 0 0 0 0;
border-collapse: collapse;
border-spacing: 0;
}

table.similar-side img {
width: 80px;
}

table.similar-side th {
text-align: left;
width: 80px;
vertical-align: middle;
}

table.similar-side td {
font-size: 13px;
text-align: left;
white-space: normal;
vertical-align: middle;
}


/* *****************************************************************
*	フッター
* ***************************************************************** */	

#footer {
background: #e60012;
clear: both;
width: 100%;
padding-top: 60px;
padding-bottom: 60px;
margin: 0px auto 0px auto;
text-align: left;
color: #fff;
font-size: 12px;
overflow: hidden;
}
#footer p{
	color: #fff;
	font-weight: normal;
}
#footer address{
	display: inline-block;
	font-style: italic;
	text-decoration: underline;
	margin: 0px;
	letter-spacing: 0.01em;
	vertical-align: middle;
}
	.is-i,.fb-i{
		display: inline-block;
		vertical-align: middle;
	}
dl,dt,dd{
	padding: 0px;
	margin: 0px;
	color: #fff;
	font-weight: normal!important;
	font-size: 12px;
}
	#footer .right{
		float: right;
		width: 53%;
	}
	#footer .left{
		float: left;
		width: 35%;
	}
	@media screen and (min-width: 1000px) {
		#footer .con{
			width: 1000px;
		}
	}
	@media screen and (max-width: 999px) {
		#footer .con{
			max-width: 900px;
		}
	#footer .right{
		float: right;
		width: 55%;
	}
}
@media screen and (min-width: 900px) {
	#footer .right{
	    display: flex;
	    justify-content: space-between;
	}
	#footer  .shop-info{
		display: inline-block;
	}
	#footer .discription{
		padding: 0px;
		font-size: 12px;
		line-height: 1.8em;
		padding-bottom: 40px;
		font-weight: normal;
	}
	#footer dt,#footer address{
		font-size: 16px;
	}
	#footer dd{
		font-size:12px;
		line-height: 2em;
		padding: 7px 0px 12px;
	}
		.fb-i,.is-i{
			width: 20px;
			height: 20px;
		}
		.fb-i{
			padding-left: 5px;
		}
		.is-i{
			padding-left: 16px;
		}
		#footer .shop-info2{

		}
}
@media screen and (max-width: 899px) {
	#footer .right{
		float: none;
		width: 100%;
	}
	#footer .left{
		float: none;
		width: 100%;
	}
	#footer dl{
		font-size: 22px;
		line-height: 1.45em;
		margin-bottom: 51px;
	}
		#footer dt{
			font-size: 32px;
		}
		#footer dd{
			font-size: 24px;
			line-height: 1.5em;
			padding-bottom: 23px;
			padding-top: 5px;
		}
	#footer {
		width:100%;

	}
		.fb-i{
			padding-left: 16px;
		}
		.is-i{
			padding-left: 30px;
		}
	#footer address{
		font-size: 32px;
	}
	#footer address a{
		color: #fff;
	}
	#footer p{
		font-size: 20px;
		font-weight: 100;
	}
	#footer .discription{
		margin-bottom: 48px;
	}
	#copyright {
		font-size: 20px;
		font-weight: 100;
	}
}
	.snsbtn .is-i,.snsbtn .fb-i{
		vertical-align: top;
	}
	.snsbtn{
		display: inline-block;
		float: right;
		padding-top: 0px;
	}
	.snsbtn img{
		width: 20px;
		height: 20px;
		margin: 0px;
	}
@media screen and (max-width: 899px) {
	.snsbtn img{
		width: 40px!important;
		height: 40px!important;
		margin: 0px!important;
	}
}
/* *****************************************************************
*   ショップ詳細ページ htmlテンプレート
* ***************************************************************** */
.shop_detail h3{
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: normal;
}
.shop_detail .pagetitle{
	padding-bottom: 87px;
}
.shop_detail .left p{
	padding: 25px 0px 37px;
	line-height: 1.714em;
}
	.shop_detail{
		padding-bottom: 80px!important;
	}
.ggmap {
position: relative;
padding-bottom: 390px;
padding-top: 0px;
height: 0;
overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (min-width: 900px){
	.shop_detail h3{
		margin-top: 0px;
		font-size: 20px;
		width: 92%;
		}
	.shop_detail .left {
	    width: 50%!important;
	}
	#googleMap{
		width: 900px;
		height: auto;
		margin: 0px auto;
	}
}
@media only screen and (max-width: 899px){
	.shop_detail .left{
		text-align: left!important;
	}
	.shop_detail h3{
			padding-top: 60px;
			padding-bottom: 0px;
		}
	.shop_detail p{
		padding-top: 47px!important;
		line-height: 1.4em!important;
	}
	#googleMap {
		padding-bottom: 10px;
	}
}
/* *****************************************************************
*	プライバシーポリシー
* ***************************************************************** */
#privacy p{
	padding-bottom: 32px;
	padding-top: 0px;
}
	#privacy a{
		color: #313131;
	}
	#privacy p.last{
		padding: 0px 0px 0px!important;
	}
@media only screen and (min-width: 900px){
	#privacy h3{
		font-weight:bold!important;
		color: #313131!important;
		font-size: 14px;
		padding: 0px 0px 0px!important;
	}
}
@media only screen and (max-width: 900px){
	#privacy h3{
		color: #313131!important;
		font-size: 28px;
		padding: 0px!important;
	}
	#privacy p{
		padding: 0px 0px 41px!important;
		line-height: 1.4em!important;
	}

}

/* *****************************************************************
*	スタッフ
* ***************************************************************** */
.page-template-page-staff .row{
	padding-bottom: 0px;
}
	#staff .is-i{
		display: inline-block;
		float: right;
		padding-top: 3px;
	}
	#staff {
		margin: 0px;
	}
	#staff li{
		float: left;
		width: 22%;
		margin: 0px;
		list-style: none;
		margin-right: 4%;
		margin-bottom: 70px;
	}
	#staff li:nth-child(4n){
		margin-right: 0px;
	}
		#staff li img{
			width: 100%;
			height: auto;
		}
		#staff li h3{
			overflow: hidden;
			padding-top: 25px;
			padding-bottom: 10px;
		}
			#staff li span{
				color: #e60012;
				font-feature-settings: "palt";
				padding-bottom: 25px;
				display: block;
			}
			#staff li h4{
				border: none;
				padding: 0px;
				margin: 0px;
				font-weight: bold;
				font-feature-settings: "palt";
				font-size: 14px;
				color: #313131;
				line-height: 1.7em;
			}
			#staff li p{
				padding-top: 0px;
				padding-bottom: 20px;
			}
@media screen and (min-width: 900px) {
	#staff .is-i{
		width: 20px;
		height: 20px;
	}
		#staff li h3{
			font-size: 20px;
			}
		#staff li span{
			font-size: 14px;
			}
	}
@media screen and (max-width: 899px) {
	#staff li h3{
		padding-top: 30px;
		padding-bottom: 0px;
	}
	#staff li h4{
		font-size: 24px;
		font-weight: normal;
		line-height: 1.5em;
	}
	#staff li p,#staff li span{
		line-height: 1.5em;
		padding-bottom: 25px
	}
	#staff li{
		width: 47%;
		margin-right: 6%;
		margin-bottom: 65px;
	}
	#staff li:nth-child(2n){
		margin-right: 0px;
	}
}
/* *****************************************************************
*	リクルート
* ***************************************************************** */
.page-template-page-recruit .recruit_bg{
	margin-bottom: 0px;
	background-image:  url(img/recruit/recruit2_bg.jpg);
}
	.page-template-page-recruit #recruit{
		padding-top: 246px;
	}
	.page-template-page-recruit #concept{
		
	}
/*-- POLICY --*/
.recruit_policy .topbox{
	text-align: left;
}
	.recruit_policy .topbox p{
		font-size:14px;
		line-height: 2em;
		padding: 0px;
	}
	.recruit_policy .con{
		max-width: 1000px;
		width: auto;
	}
	.ownersign{
		text-align: right;
		padding-top: 50px;
		padding-right: 50px;
	}
		.ownersign img{
			width: 227px;
		}
@media only screen and (min-width: 900px){
	.recruit_policy .row{
		margin: 85px 0;
	}
	.recruit_policy .left{
		width:46%;
		padding-left: 50px;
		box-sizing: border-box;
	}
	.recruit_policy .left img{
		max-width: 340px;
		height: auto;
		margin: 0px 0 35px;
	}
	.recruit_policy .right{
		width: 45%;
	}
}
@media only screen and (max-width: 899px){
.recruit_policy .con{
    width: 90%;
}
	.recruit_policy .topbox p{
		font-size:28px;
		line-height: 1.7em;
	}
	.recruit_policy .left{
		text-align: center;
		float: none;
	}
		.recruit_policy .left img{
			height: auto;
			margin: 97px 0px 70px 0px;
		}
		.recruit_policy .left p{
			text-align: left;
		}
	.recruit_policy .right{
		float: none;
		width: 100%;
	}
	.ownersign{
		text-align: right;
		padding-top: 60px;
		padding-right: 0px;
		float: none;
		clear: both;
	}
		.ownersign img{
			width: auto;
		}
}

/*-- STAFF  INTERVIEW　背景 --*/
.recruit_bg.interview_bg{
    background-image: url(img/recruit/interview1bg.jpg);
    height: 700px;
    margin-bottom: 95px;
}
.recruit_bg.interview2_bg{
    background-image: url(img/recruit/interview2bg.jpg);	
}
.interview1_bg h2{
	padding-top: 90px;
	padding-bottom: 60px;
}
@media screen and (min-width: 900px) {
	.interview_bg h2{
		padding-top: 90px;
		padding-bottom: 60px;
	}
	.interview_bg .recruit_policy .left{
		padding-left: 0px;
		width: 60%;
		margin: 0px!important;
	}
		.interview1_bg .left img{
			max-width: 517px;
		}
		.interview2_bg .left img{
			max-width: 531px;
		}

}
@media screen and (max-width: 899px) {
.recruit_bg.interview_bg{
	margin-bottom: 50px;
}
	.interview_bg h2{
		padding-bottom: 24px;
	}
	.interview_bg .recruit_policy .left img{
		margin: 0px!important;
	}
}

/*-- STAFF  インタビュー  --*/
.interview {
	padding-bottom: 40px;
}
	.interview h3{
		padding: 0px 0 20px;
		font-weight: normal;
	}
	.interview p{
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.inter-box{
		overflow: hidden;
		clear: both;
	}
@media screen and (min-width: 900px) {
.inter-box{
	margin-bottom: 60px;
}
	.interview p{
/* 		line-height: 1.5em; */
	}
	.interview h3{
		font-size: 20px;
		margin-top: -5px;
	}
		.interview .left_txt{
			width: 50%;
		}
		.interview .right_txt{
			width: 50%;
		}
		.interview .left_pic{
			width: 44.44444444444444%;
		}
		.interview .right_pic{
			width: 44.44444444444444%;
		}
}
@media screen and (max-width: 899px) {
.interview {
	padding-bottom: 100px;
}
.in_pic{
	padding-top: 37px;
}
	.interview h3{
		padding: 40px 0px 30px;
	}
	.interview .right,.interview .left{
		float: none;
		width: 100%;
	}
}
#recruit_info{
	background: #f8f8f8;
}
@media screen and (min-width: 900px) {
	#recruit_info br{
		display: none;
	}
}
/* *****************************************************************
*	ウィジット
* ***************************************************************** */

/* 基本形
---------------------------------------------------- */

.widget{
margin: 0 0 50px 0;
}

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

.widget li{
list-style: none;
}

.widget li a{
color: #666;
}

.widget li a:hover{
color: #999;
}

.widget_recent_entries li a,
.widget_archive li a,
.widget_categories li a,
.widget_nav_menu li a{
margin: 0 0 0 0;
}

.textwidget, .textwidget p {
font-size: 14px;
color: #313131;
line-height:1.7em;
margin: 0 0 0px 0;
padding: 5px 0 0 0;
}

.widget-title{
color: #333;
font-size: 18px;
font-weight: bold;
letter-spacing: 0.05em;
font-style:normal;
margin: 0px 0px 10px 0px;
padding: 0 0 3px 0;
border-bottom:1px solid #ccc;
}


/* ウィジェットボックストップページ用
---------------------------------------------------- */

.topbox{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.topbox .widget {
margin: 0 0 0px 0;
}

.topbox ul{
floate:left;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.topbox li{
floate:left;
margin: 0 0 0 0;
padding: 7px 0px 6px 0px;
list-style: none;
border-bottom:1px dotted #ddd;
}

.topbox li a{
font-size: 14px;
line-height: 1.7em;
color: #313131;
margin: 0 0 0 0;
padding: 7px 10px 6px 0px;
list-style: none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

.topbox li a:hover{
color:#999;
}

.topbox h2{
font-size: 14px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

/*
.topbox h3{
font-size: 14px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
*/

.topbox h4{
font-size: 12px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.topbox ul.children{
margin-bottom: 0px;
display: block;
padding: 5px 0 0 0;
}

.topbox ul.children li{
padding-left: 15px;
padding-top: 5px;
border-top: 1px dotted #ccc;
border-bottom: 0px dotted #ccc;
}

.topbox ul.sub-menu{
margin-bottom: 0px;
display: block;
padding: 5px 0 0 0;
}

.topbox ul.sub-menu li{
padding-left: 15px;
padding-top: 5px;
border-top: 1px dotted #ccc;
border-bottom: 0px dotted #ccc;
}

.top-widget-title {
font-family:'century','Times New Roman','Baskerville','Optima','Palatino','Georgia','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','ＭＳ Ｐ明朝','MS PMincho',serif;
font-size: 21px;
font-weight: normal;
letter-spacing: 0.01em;
font-style: italic;
padding: 0px 0px 10px 0px;
margin: 0px auto 40px auto;
border-bottom: dotted 1px #ccc;
color: #888;
max-width: 380px;
text-align: center;
}


/* ウィジェットボックスフッター用
---------------------------------------------------- */

.footerbox .widget {
margin: 0 0 0 0;
padding: 50px 0 50px 0;
}

.footerbox{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.footerbox ul{
floate:left;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.footerbox li{
floate:left;
margin: 0 0 0 0;
padding: 7px 0px 6px 0px;
list-style: none;
border-bottom:1px dotted #ddd;
}

.footerbox li a{
font-size: 13px;
line-height: 1.7em;
color: #313131;
margin: 0 0 0 0;
padding: 7px 0px 6px 0px;
list-style: none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

.footerbox li a:hover{
color:#999;
}

.footerbox h2{
font-size: 14px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.footerbox h3{
font-size: 13px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.footerbox h4{
font-size: 12px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.footerbox ul.children{
margin-bottom: 0px;
display: block;
padding: 5px 0 0 0;
}

.footerbox ul.children li{
padding-left: 15px;
padding-top: 5px;
border-top: 1px dotted #ccc;
border-bottom: 0px dotted #ccc;
}

.footerbox ul.sub-menu{
margin-bottom: 0px;
display: block;
padding: 5px 0 0 0;
}

.footerbox ul.sub-menu li{
padding-left: 15px;
padding-top: 5px;
border-top: 1px dotted #ccc;
border-bottom: 0px dotted #ccc;
}

.footer-widget-title {
color: #333;
font-size: 14px;
font-weight: bold;
letter-spacing: 0.05em;
font-style:normal;
margin: 0px 0px 10px 0px;
padding: 0px 0 3px 0;
border-bottom:1px solid #ccc;
}


/* ウィジェットボックスシングルページ記事下用
---------------------------------------------------- */

.singlebox {
margin: 50px 0 50px 0 ;
padding: 0 0 0 0 ;
}

.single-widget-title {
color: #333;
font-size: 18px;
font-weight: bold;
letter-spacing: 0.05em;
font-style:normal;
margin: 50px 0 10px 0 ;
padding: 0 0 3px 0;
border-bottom:1px solid #ccc;
}

.singlebox .textwidget,
.singlebox .textwidget p {
font-size: 14px;
color: #313131;
line-height: 170%;
margin: 0 0 0px 0;
padding: 5px 0 5px 0;
}


/* ウィジェットボックスサイドバー用
---------------------------------------------------- */

.sidebox{
margin: 0 0 0 0 ;
padding: 0 0 0 0 ;
}

.sidebox ul{
floate:left;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.sidebox li{
margin: 0 0 0 0;
padding: 7px 0px 7px 0px;
list-style: none;
}

.sidebox li a{
font-size: 13px;
color: #313131;
margin: 0 0 0 0;
padding: 5px 0px 5px 0px;
list-style: none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

.sidebox li a:hover{
color:#999;
}

.sidebox h2{
font-size: 14px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.sidebox h3{
font-size: 13px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.sidebox h4{
font-size: 12px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.sidebox ul.children{
margin-bottom: 0px;
display: block;
padding: 5px 0 0 0;
}

.sidebox ul.children li{
padding: 5px 0 5px 15px;
border-top: 1px dotted #ccc;
border-bottom: 0px dotted #ccc;
}

.sidebox ul.sub-menu{
margin-bottom: 0px;
display: block;
padding: 5px 0 0 0;
}

.sidebox ul.sub-menu li{
padding: 5px 0 5px 15px;
border-top: 1px dotted #ccc;
border-bottom: 0px dotted #ccc;
}


/* カレンダー
---------------------------------------------------- */

table#wp-calendar {
width: 100%
}

table#wp-calendar th {
text-align: center;
}

table#wp-calendar td {
text-align: center;
}



/* *****************************************************************
*	検索フォーム＆検索結果
* ***************************************************************** */

/* 検索フォーム
---------------------------------------------------- */

.search input {
font: 11px arial, sans-serif; 
color: #c0c0c0; 
width:85%;
padding: 10px 5px; 
}

.search button {
width: 15px; 
height: 15px; 
cursor: pointer; 
vertical-align: middle;
border: none; 
background: url(images/search.png) no-repeat; 
}


/* 検索結果ハイライト
---------------------------------------------------- */

.search-excerpt {
font-weight: bold;
background: #FFE4E1; 
}



/* *****************************************************************
*	ボタン
* ***************************************************************** */

.btn a {
font-size: 12px;
letter-spacing: 0.1em;
color: #fff;
background: #94d8c6;
text-align: center;
margin: 20px 0 20px 0;
padding: 10px 10px;
}

.btn a:hover {
color: #fff;
background: #4CBE9F;
text-decoration: none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}


/* *****************************************************************
*	レスポンシブテーブル
* ***************************************************************** */

.responsive-tabel-01 table { 
width: 100%; 
}

.responsive-tabel-01 {
margin: 20px 0;
}

.responsive-tabel-01 th { 
width: 30%; 
font-size: 20px;
text-align: left;
background: #f4f4f4;
padding: 20px; 
border: 1px solid #ddd;
vertical-align: middle;
}

.responsive-tabel-01 td { 
font-size: 20px;
text-align: left;
padding: 20px; 
border: 1px solid #ddd;
vertical-align: middle;
}

 
@media only screen and (max-width:480px){
.responsive-tabel-01 { margin: 20px -10px; }
.responsive-tabel-01 th,
.responsive-tabel-01 td { width: 100%; display: block; border-top: none; }
.responsive-tabel-01 tr:first-child th   { border-top: 1px solid #ddd; }
}


/* *****************************************************************
*   レスポンシブ（メディアクエリ）
* ***************************************************************** */


/* PC 画面の横幅が960px以上
---------------------------------------------------- */

@media only screen and (min-width: 960px) {
}



/* Tablet (Portrait) 画面の横幅が768px〜959pxまで
---------------------------------------------------- */

@media only screen and (min-width: 900px) and (max-width: 959px) {
/*.wrapper { width: 728px; padding: 30px 20px 50px 20px; }*/
#nav { float: none; width: 900px; padding: 0; }
#slidedown-nav { width: 728px; }
.cycle-slideshow { width: 728px; height: auto; margin: 0 ; overflow: hidden; }
li.item { height: 490px; margin-bottom:40px; }
li.item-gallery { height: 150px; }
.item-img { height: 150px; margin: 0 0 10px 0; overflow: hidden; }
.twothird { width: 460px; margin-right:10px; }
.footer-inner { width: 728px; padding: 0px 0px;}
}


/* Mobile (Portrait) 画面の横幅が300px~767pxまで（基本）
---------------------------------------------------- */

@media only screen and (max-width: 899px) {
/*.wrapper { width: 300px; padding: 30px 0px 50px 0px; }*/
.header-inner { width: 300px; margin: auto; padding: 100px 0 70px 0; }
.logo { text-align: center; }
/*.contact { display: none;}*/
.logo.sp { display:block;}
#header h1, #header .logo { float: none; margin-bottom: 0px; }

li.item { height: 490px; margin-bottom: 40px; }
li.item-gallery { height: 200px; }
.item-img { height: 200px; margin: 0 0 10px 0; overflow: hidden; }
table.similar-text img { width: 100px; }
table.similar-text th { width: 100px; }
.slidetext { display: block; padding: 5px 0px;}
.pagedate { margin: -20px 0 -10px 0; }
p { font-size: 28px; }
.pager { margin: 80px 0 80px 0; }
.footer-inner { width: 300px; padding: 0px 0px;}
.mobile-display-none { display: none; }
.single-contents br { display: none; }
.single-contents { margin: 0 0 130px 0; }
.textwidget, .textwidget p { font-size: 28px; }
.topbox li a{ font-size: 28px; }
.topbox .widget { margin: 0 0 80px 0; }
}



/* Mobile (Portrait/iPhone6) 画面の横幅が375px〜479pxまで
---------------------------------------------------- */

@media only screen and (min-width: 375px) and (max-width: 479px) {
/*.wrapper { width: 336px; }*/
.header-inner { width: 336px; margin: auto; }
.logo { text-align:center; }
.cycle-slideshow { width: 336px; height: auto; margin: 0 ; overflow: hidden; }
.footer-inner { width: 336px; padding: 0px 0px;}
li.item { height: 490px; margin-bottom: 40px; }
li.item-gallery { height: 224px; }
.item-img { height: 224px; margin: 0 0 10px 0; overflow: hidden; }
}



/* Mobile (Landscape) 画面の横幅が480px〜767pxまで
---------------------------------------------------- */

@media only screen and (min-width: 480px) and (max-width: 899px) {
/*.wrapper { width: 420px; }*/
.header-inner { width: 420px; margin:auto; }
.logo { text-align:center; }
.cycle-slideshow { width: 420px; height: auto; margin: 0 ; overflow: hidden; }
.footer-inner { width: 420px; padding: 0px 0px;}
li.item { height: 560px; margin-bottom: 40px; }
li.item-gallery { height: 280px; }
.item-img { height: 280px; margin: 0 0 10px 0; overflow: hidden; }
}



/* *****************************************************************
*   レスポンシブ（外部サービス対策用）
* ***************************************************************** */

/* Twitter Timeline
---------------------------------------------------- */

.twitter-timeline { 
width:100%; 
height: 300px; 
}


/* Facebook Like Box
---------------------------------------------------- */

div.fb_iframe_widget,
div.fb_iframe_widget iframe[style],
div.fb_iframe_widget span {
/*width: 100% !important;*/
}


/* YouTube embed
---------------------------------------------------- */

.youtube {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-top: 20px;
margin-bottom: 20px;
}
.youtube iframe,
.youtube object,
.youtube embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

@media only screen and (min-width: 900px){
	.con{
		width: 900px;
		margin: 0px auto!important;
	}	
}
@media only screen and (max-width: 899px){
	.con{
		width: 90%;
		margin: 0px auto!important;
	}
}


#bxslider li{
	width: 100%!important;
	height: auto!important;
}
	#bxslider li img{
		width: 100%;
		height: auto;
	}
.bx-controls{
/* 	display: none!important; */

}
.bx-wrapper{
	margin: 0px!important;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: 3px!important;
    }
.bx-wrapper .bx-pager.bx-default-pager a{
	background: #fff!important;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{
	background: #e60012!important;
}

.error404 p.center{
	text-align: center;
	padding: 100px 0px;
}
	.error404 p.center a{
		text-decoration: underline;
		 color: #313131;
	}
#topcontrol{
	z-index: 99999;
}

.youtube {
  position: relative;
  width: 100%;
  /*padding-top: 56.25%;*/
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.tel-note{
	text-align: left;
	color: #e60012;
}
	.tel-note a{
		text-decoration: underline;
		color: #e60012;
	}