@charset "UTF-8";
/* CSS Document */


@font-face {

    font-family: "britannic-bold";

    src: url(/import/tenant_1/153.126.179.93/html/font/britannic-bold.eot);

    src: url(/import/tenant_1/153.126.179.93/html/font/britannic-bold.eot) format('embedded-opentype'),

         url(/import/tenant_1/153.126.179.93/html/font/britannic-bold.woff) format('woff'),

         url(/import/tenant_1/153.126.179.93/html/font/britannic-bold.ttf) format('truetype');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: "mural";

    src: url(/import/tenant_1/153.126.179.93/html/font/mural.eot);

    src: url(/import/tenant_1/153.126.179.93/html/font/mural.eot) format('embedded-opentype'),

         url(/import/tenant_1/153.126.179.93/html/font/mural.woff) format('woff'),

         url(/import/tenant_1/153.126.179.93/html/font/mural.ttf) format('truetype');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: "UtsukushiMincho";

    src: url(/import/tenant_1/153.126.179.93/html/font/UtsukushiMincho.eot);

    src: url(/import/tenant_1/153.126.179.93/html/font/UtsukushiMincho.eot) format('embedded-opentype'),

         url(/import/tenant_1/153.126.179.93/html/font/UtsukushiMincho.woff) format('woff'),

         url(/import/tenant_1/153.126.179.93/html/font/UtsukushiMincho.ttf) format('truetype');

    font-weight: normal;

    font-style: normal;



}

/* resetcss */



body,

div,

dl,

dt,

dd,

ul,

ol,

li,

h1,

h2,

h3,

h4,

h5,

h6,

form,

input,

button,

p {

    margin: 0px;

    padding: 0px;

    font-size: 15px;

     /*font-family:"游明朝", YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝", serif;*/

   font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,"メイリオ",Meiryo,Hiragino Sans,"游ゴシック",YuGothic,'ＭＳ Ｐゴシック',sans-serif;

    line-height: 160%;

    color: #5f4f1a;

}



/*フォント系*/



h2 {

    font-size: 45px;

}



h3 {

    font-size: 38px;

}



.fs-18 {

    font-size: 18px;

}



.fs-20 {

    font-size: 20px;

}



.fs-22 {

    font-size: 22px;

}



.fs-24 {

    font-size: 24px;

}



.fs-26 {

    font-size: 26px;

}



.fs-28 {

    font-size: 28px;

}



.fs-30 {

    font-size: 30px;

}



.fs-32 {

    font-size: 32px;

}



.fs-34 {

    font-size: 34px;

}



.fs-36 {

    font-size: 36px;

}



.bold {

    font-weight: bold;

}



.red {

    color: red;

}



.blue {

    color: blue;

}



.white {

    color: #fff;

}



/*クリアフィックス*/



.clearfix:after {

    content: "";

    display: block;

    clear: both;

}



.clearfix:before {

    display: block;

    content: "";

    clear: both;

}



.clearfix {

    display: inline-block;

}



* html .clearfix {

    height: 1%;

}



.clearfix {

    display: block;

}



.clear {

    clear: both;

}



iframe {

    max-width: 100%;

}



img {

    vertical-align: top;

    border: none;

    max-width: 100%;

    height: auto !important;

}



.bkimg {

    position: absolute;

    top: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

}



.bkimg img {

	width: 100%;

}



a {

    text-decoration: none;

    color: #5f4f1a;

}



a:hover {

    opacity: 0.6;

    color: inherit;

    text-decoration: none;

}



a[href*="tel"] {

    pointer-events: none;

}



a[data-href="#"] {

    border: solid red 5px;

    display: block;

    position: relative !important;

    opacity: 1;

}



a[data-href*="."] {

    border: solid red 5px;

    display: block;

    position: relative !important;

    opacity: 1;

}



a[data-href="#"]:hover:before {

    content: "リンクが設定されていない可能性があります。";

    position: absolute !important;

    width: 100%;

    bottom: 100%;

    color: red;

    font-weight: bold;

    background: #555;

    padding: 5px;

    font-size: 12px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



a[data-href*="."]:hover:before {

    content: "外部リンクの可能性があります。リンクが飛ばない可能性がありますので注意してください。";

    position: absolute !important;

    width: 100%;

    bottom: 100%;

    color: red;

    font-weight: bold;

    background: #555;

    padding: 5px;

    font-size: 12px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}
.uk-slideshow{
  top: 0 !important;
}
.home-main .uk-slidenav-position:after{
    padding-top: 60%;
    content: '';
    display: block;
}
.home-main .uk-slidenav-position{
	position:relative;
	overflow:hidden;
	width:100%;
}
.home-main .uk-slideshow{
	position:absolute;
	top:0;
}


[data-element-id][data-uk-slideshow]:hover:before {

    content: "※こちらは見たまま編集ができません。①画像をダブルクリック、②変更（歯車マーク）、③スライドショーから編集してください。";

    display: block;

    line-height: 1.8;

    font-weight: bold;

    color: red;

    clear: both;

    background: #4c4c4c;

    padding: 5px;

    text-align: left;

    position: relative;

    letter-spacing: 1px;

    z-index: 1000;

    font-size: 12px;

}



[data-collection-list-content]:hover:before {

    content: "※こちらは見たまま編集ができません。①ページのどこかをダブルクリック、②左下（もしくは左上）のCMSロゴをクリック、③画面右上のメニュー（三本線マーク）から「カスタムコンテンツ管理」をクリック、④編集したいカスタムコンテンツの一覧（三本線マーク）から記事投稿・記事編集ができます。";

    display: block;

    line-height: 1.8;

    font-weight: bold;

    color: red;

    clear: both;

    background: #4c4c4c;

    padding: 5px;

    text-align: left;

    position: relative;

    letter-spacing: 1px;

    z-index: 1000;

    font-size: 12px;

}



ul,

li {

    list-style: none;

    text-align: left;

    padding: 0;

    margin: 0;

}



dl,

dt,

dd {

    text-align: left;

    padding: 0;

    margin: 0;

}



/*トランスフォーム親*/



.tfm_p {

    position: relative;

}



/*左右中央寄せ*/



.tfm_x {

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

}



/*上下中央寄せ*/



.tfm_y {

    position: absolute;

    top: 50%;

    left: 0%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

}



/*上下左右中央寄せ*/



.tfm_xy {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

}





/*トリミング*/



.trimmingInner {

    width: 100%;

    position: relative;

    display: block;

    overflow: hidden;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



/*トリミング



.trimming {

    width: 100%;

    position: relative;

    display: block;

    overflow: hidden;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



.trimming:after {

    display: block;

    content: "";

    padding-top: 100%;

    100%で正方形にカット。100%以下で横長、100%以上で縦長

}

*/



/*フレックス*/



.flex {

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



/*フレックスセンター*/



.flex_c {

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: center;

    -ms-flex-pack: justify;

    -webkit-justify-content: center;

    justify-content: center;

}



.flex > div[data-collection-list-content],

.flex_c > div[data-collection-list-content] {

    width: 100%;

}



.flex > div[data-recommend-collection-list-content],

.flex_c > div[data-recommend-collection-list-content] {

    width: 100%;

}



.flex .sec2 {

    width: 46%;

    margin: 0% 2% 4% 2%;

}



.flex_c .sec2 {

    width: 46%;

    margin: 0% 2% 4% 2%;

}



.flex .sec3 {

    width: 29%;

    margin: 0% 2% 4% 2%;

}



.flex_c .sec3 {

    width: 29%;

    margin: 0% 2% 4% 2%;

}



.flex .sec4 {

    width: 21%;

    margin: 0% 2% 4% 2%;

}



.flex_c .sec4 {

    width: 21%;

    margin: 0% 2% 4% 2%;

}

.flex .sec5 {

    width: 16%;

    margin: 0% 2% 4% 2%;

}



.flex_c .sec5 {

    width: 16%;

    margin: 0% 2% 4% 2%;

}



@media only screen and (max-width: 1024px) {

	img {

		max-width: 100% !important;

		height: auto !important;

	}

    h2 {

        font-size: 35px;

    }

    h3 {

        font-size: 28px;

    }

    a[href*="tel"] {

        pointer-events: initial !important;

    }

    .flex .sec3 {

        width: 29%;

        margin: 0% 2% 4% 2%;

    }

    .flex_c .sec3 {

        width: 29%;

        margin: 0% 2% 4% 2%;

    }

    .flex .sec4 {

        width: 29%;

        margin: 0% 2% 4% 2%;

    }

    .flex_c .sec4 {

        width: 29%;

        margin: 0% 2% 4% 2%;

    }

    .flex .sec5 {

        width: 46%;

        margin: 0% 2% 4% 2%;

    }

    .flex_c .sec5 {

        width: 46%;

        margin: 0% 2% 4% 2%;

    }

	body,

div,

dl,

dt,

dd,

ul,

ol,

li,

h1,

h2,

h3,

h4,

h5,

h6,

form,

input,

button,

p {

	font-size:14px;

}

	

}



@media only screen and (max-width: 599px) {

    .flex .sec3 {

        width: 46%;

        margin: 0% 2% 4% 2%;

    }

    .flex_c .sec3 {

        width: 46%;

        margin: 0% 2% 4% 2%;

    }

    .flex .sec4 {

        width: 46%;

        margin: 0% 2% 4% 2%;

    }

    .flex_c .sec4 {

        width: 46%;

        margin: 0% 2% 4% 2%;

    }

}

[data-element-id] .fead-mv {

    opacity: 1;

}

.fead-mv {

  opacity: 0;

  transition: 0.6s;

  -webkit-transition: 0.6s;

  -ms-transition: 0.6s;

}

.mv {

  opacity: 1;

}

#wrapper{

	max-width:100%;

	overflow:hidden;

}



/*ヘッダー*/

#header{

	background:#e2f3d9;

}



#header .inner{

	max-width:1200px;

	margin:40px auto 0 auto;

	width:95%;

	position:relative;

}



#header h1{

	font-size:1px;

	height:1px;

	margin-top:-1px;

	text-indent:-9999px;

	line-height:1;

}



#header dl{

	text-align:right;

	padding:25px 0 50px 0;

}

#header dt{

	text-align:right;

	padding:0 0 10px 0;

}

#header dd.tel{

	text-align:right;

	font-size:32px;

	line-height:140%;

	font-family:"游明朝", YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝", serif;

}

#header dd.tel img{

	vertical-align:middle;

	margin-top:-5px;

	margin-right:8px;

}

#header dl dt +dd{

	display:inline-block !important;

}

#header dl dt +dd dd{

	font-size:14px;

	padding:0 0 0 50px;

	text-align:left;

	display:block !important;

}

#header dl dt+ dd dt{

	float:left;

	text-align:left;

	font-size:20px;

	font-family: "mural";

	line-height:120%;

	padding:0 0 0 0;

	

}

#header dl dl{

	padding:0;

}

#header .logo{

	position:absolute;

	top:0;

	left:50%;

	transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

}



@media only screen and (max-width: 599px) {

#header dl{

	text-align:center;

	padding:25px 0 30px 0;

}

#header dd.tel{

text-align:center;

}

#header dt{

	text-align:center;

}

}



/*ナビゲーション*/

#gnav{

	border-top:1px solid #cfc5a1;

	width:100%;

	height:auto;

	background:#e2f3d9;

}



#gnav ul{

	max-width:1200px;

	margin:0 auto;

	width:98%;

}

#gnav li{
	padding:10px 2.5% 10px 15px;
	font-size:26px;
	font-family: "mural";
}

#gnav li.st{

	background:url(/import/tenant_1/153.126.179.93/html/images/gnav_ar.png) 0 25px no-repeat;

}



#gnav li:last-child{

	background:url(/import/tenant_1/153.126.179.93/html/images/gnav_tag.png) 6px 20px no-repeat;

	padding-left:30px;

	padding-right:0;

	margin-left:-10px;

}

#gnav.fixed{

	position:fixed;

	top:0;

	right:0;

	z-index:100;

}

.btm{

	margin-bottom:62.6%;

}



#gnav p{

	display:none;

}

@media only screen and (max-width: 1220px){

	#gnav li{
		padding-left:18px;
		padding-right:10px;
	}
}

@media only screen and (max-width: 1024px){

	#header .logo{

		position:relative;

		left:auto;

	transform: translateX(0);

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

	text-align:center;

	}



	.btm{

	padding-bottom:0;

	}



	#gnav{

    position: fixed;

    top: 0;

    right: 0;

    width: 200px;

    height: 100%;

	background:none;

    -webkit-transform: translateX(200px);

transform: translateX(200px);

    -webkit-transition: ease .5s;

    transition: ease .5s;

    padding:0;

	z-index:101;

	border:none;

	padding-bottom:0;

    }

	

	#gnav.fixed{

		 top: 0;

        right: 0;

		left:auto;

		width:200px;

		border:none;

		z-index:101;

		padding-top:0;

		padding-bottom:0;

	}

	#gnav ul li{

		float:none;

		width:auto;

		text-align:left;

		display:block !important;

	}

	#gnav ul li:before{

		display:none !important;

	}

	#gnav li a:hover, #gnav li.st a{

		display:block !important;

	}

	#gnav ul li:last-child::after{

		display:none !important;

	}



	#gnav p{

		display:block;

		position:absolute;

		width:38px;

		height:38px;

		top:0;

		left:-44px;

		border:1px solid #fff;

		background:#796A54;

		cursor:pointer;

		opacity:0.8;

		margin:2px;

		box-shadow:0px 0px 0px 2px #796A54;

-moz-box-shadow:0px 0px 0px 2px #796A54;

-webkit-box-shadow:0px 0px 0px 2px #796A54;

	}



	#gnav li{

		float:none;

		width:auto;

		border-bottom:1px dotted #cacad9;

		padding:0 !important;

		margin-top:0;

		margin-left:0 !important; 

		display:block !important;

		

	}

	#gnav ul li a{

		height:auto;

		display:block !important;

		padding:8px 0 8px 34px;

		font-size:18px;

		line-height:160%;

		letter-spacing:1px;

	}

	

	#gnav li.st{

		background-position:5px 18px;

	}

	#gnav li:last-child{

		background-position:5px 16px;

	}

	#gnav.action{

		-webkit-transform:translateX(0px);

        transform:translateX(0px);

	}

	#gnav p span.n{

    display: block;

    background: #fff;

    height: 2px;

    width: 26px;

    text-indent: -9999px;

    padding: 0;

    top: 50%;

    left: 6px;

    margin-top: -1px;

    position: absolute;

    }

	#gnav p span.n:before{

    display: block;

    content: "";

    background: #fff;

    height: 2px;

    width: 26px;

    position: absolute;

    top: -8px;

    left: 0;

    }

	#gnav p span.n:after{

    display: block;

    content: "";

    background: #fff;

    height: 2px;

    width: 26px;

    position: absolute;

    top: 8px;

    left: 0;

    }

	#gnav.action p span.n{

	 -webkit-transform: rotate(-45deg);

		 transform: rotate(-45deg);

		  -webkit-transition:ease .10s;

         transition:ease .10s;

	}

	#gnav.action p span.n:after,#gnav.action p span.n:before{

		 -webkit-transform: rotate(90deg);

		 transform: rotate(90deg);

		 top:0;

		 left:0;

	}

	#gnav ul{

		display:block;

		width:auto;

		height: 100%;

		overflow-y: auto;

		background: #FFF;

		padding:0;

	}

	

	.overlay:after,.overlay #header .inner:before{

		content:"";

		width:100%;

		height:100%;

		background:#000;

		position:fixed;

		top:0;

		left:0;

		opacity:0.3;

		z-index:99;

	}

	#gnav li a:hover::before, #gnav li.st a::before{

		bottom:auto;

		left:auto;

		right:10px;

		top:50%;

		margin-top:-3px;

	

	}

	

	

/*フッター*/

}

.footnav{

	background:#f9ebbb;

}

#footer{

	background:#e3dabb;

}

.footnav ul{

	max-width:1200px;

	margin:0 auto;

	width:98%;

	padding:10px 0;

}

.footnav li{
	padding:10px 2% 10px 15px;
	font-size:26px;
	font-family: "mural";
}

.footnav li.st{

	background:url(/import/tenant_1/153.126.179.93/html/images/gnav_ar.png) 0 25px no-repeat;

}

.footnav li:last-child{

	padding-left:30px;

	padding-right:0;

	margin-left:-10px;

}



.footinfo{

	padding:45px 0 0 0;

}

.w10{

	max-width:1000px;

	margin:0 auto;

	width:95%;

}



.footinfo h3{

	text-align:center;

	padding:0 0 25px 0;

}

.footinfo dl{

	text-align:center;

}

.footinfo dd{

	text-align:center;

}

.footinfo dt{

	text-align:center;

}

.footinfo dt+dd dd{

	display:inline-block !important;

	font-size:13px;

}

.footinfo dt+dd dt{

	display:inline-block !important;

	font-family: "mural";

	font-size:20px;

	padding-right:0.5em;

}

.footinfo dd.tel{

    font-size: 32px;

    line-height: 140%;

    font-family: "游明朝", YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝", serif;

}



.footinfo dd.tel img {

    vertical-align: middle;

    margin-top: -5px;

    margin-right: 8px;

}

.footinfo .copy{
	font-size:14px;
	text-align:center;
	padding:40px 0 25px 0;
}



.totop{

	position:fixed;

	bottom:20px;

	right:20px;

	z-index:99;

	opacity: 0.8;

}
.book{
	max-width:1200px;
	width:95%;
	position: fixed;
	bottom:20px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: 101;
  opacity: 0.8;
}


@media only screen and (max-width: 599px) {

.footnav ul{
    margin: 0 auto;
    width: 95%;
    padding: 10px 0;
}
.footnav li {
    padding: 3px 2.8% 3px 10px;
    font-size: 20px;
}
.footinfo dd{
  display: inline-block;
}
.footinfo dd.tel{
   text-align: center;
}
.footinfo dl .clearfix{
  margin: 0 auto;
  text-align: left;
}
.footinfo .copy{
  font-size: 10px;
  padding:70px 0 25px 0;
}
.totop {
  width: 17%;
	bottom:45px;
  right: 20px;
}
.book{
  width: 25%;
  bottom: 40px;
  left: 16%;
  z-index: 90;
}
}



/*下層共通*/



.subtit{

	background:#e3dabb;

	padding:25px 0;

}

.subtit h2{

	max-width:95%;

	margin:0 auto;

	text-align:center;

	font-size:60px;

	font-family: "mural";

	letter-spacing:2px;

}



.bk1{

	background:#f3ecd9;

}

.h3s{

	text-align:center;

	font-size:40px;

	font-family: "mural";

	letter-spacing:1.5px;

	margin-bottom:35px;

}

.h3s .n{

	display:block;

	font-size:16px;

	font-weight:normal;

	border-top:1px solid #5f4f1a;

	line-height:160%;

	padding:10px 0 0 0;

	 font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,"メイリオ",Meiryo,Hiragino Sans,"游ゴシック",YuGothic,'ＭＳ Ｐゴシック',sans-serif;

}

@media only screen and (max-width: 1024px) {

	.subtit h2{

		font-size:40px;

		letter-spacing:0;

	}

	.h3s{

		font-size:30px;

	}

	.h3s .n{

		font-size:14px;

	}

}

.home-main{
	position:relative;
}

.home-main .slider img{
	width:100%;
	height:auto;
}

/* .home-main .book{
  max-width:1200px;
  width:95%;
  position: fixed;
  bottom:20px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: 10000;
  opacity: 0.8;
} */

.home-concept .w12{

	padding:100px 0 60px 0;

}



.w12{

	max-width:1200px;

	margin:0 auto;

	width:95%;

}

@media only screen and (max-width: 599px) {

  .home-concept .w12{
	padding:30px 0 20px 0;
}

	.home-main .book img{

		max-width:120px !important;

	}

	.home-main .book{

		bottom:10px;

	}

}

.h3h{

	text-align:center;

	font-size:60px;

	font-family: "mural";

	font-weight:normal;

}

.home-concept h3{

	padding:0 0 30px 0;

}

.home-concept .txt p{

	text-align:center;

	line-height:210%;

	padding:0 0 20px 0;

}

.home-concept .txt{

	max-width:560px;

	margin:0 auto;

	padding:0 0 40px 0;

}

.home-concept dt{

	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;

	font-size:20px;

	text-align:center;

	font-weight:bold;

	letter-spacing:1px;

}

.home-concept .trimming span{
	border-radius:50%;
}

.home-concept dd{

	padding-bottom:20px;

}



.home-concept dl{

	width:25.33%;

	margin:0 2.22% 40px 0;

}

.home-concept dl:nth-child(5n+5){

	margin-right:0;

}

@media only screen and (max-width: 1024px) {

	.home-concept dt{

		font-size:16px;

	}

	.h3h{

		font-size:36px;

	}

}

@media only screen and (max-width: 599px) {

	.home-concept dl{
		width:48%;
		margin-left:1%;
		margin-right:1% !important; 
	}
}



.pl img{

	width:100%;

}



.bk2{

	background:#f3d9d9;

}



.home-post .w12{
	padding:100px 0 0 0;
}

.home-post h3{
	font-size:50px;
	font-weight:normal;
	font-family: "mural";
	display:inline-block !important;
}

.home-post .box{

	width:47.91%;

	float:left;

	padding-bottom:95px;

}

.home-post .home-blog{

	float:right;

}

.home-post .tit .more{

	float:right;

	display:inline-block !important;

	font-size:30px;

	font-family: "mural";

	padding:15px 0 0 0;

}

.home-post .tit .more a{

	padding:0 42px 0 0;

	background:url(/import/tenant_1/153.126.179.93/html/images/more_icon.png) right 14px no-repeat;

}

.home-post .tit{

	border-bottom:1px solid #5f4f1a;

}



.home-post dd{

	font-family: "mural";

}

.home-post dt a{

	text-decoration:underline;

}

.home-news dl{

	border-bottom:1px dashed #5f4f1a;

	padding:41px 0 55px 0;

}



.home-blog .pic{

	float:left;

	width:19.82%;

  background: #fff;

}



.home-blog dl{

	border-bottom:none;

	width:75.47%;

	float:right;

	padding:29px 0 29px 0;

}

.home-blog .tbox{

	border-bottom:1px dashed #5f4f1a;

	padding:19px 0;

}

@media only screen and (max-width: 1024px) {

	.home-post .box{

		float:none !important;

		width:auto;

	}

	.home-post h3{

		font-size:36px;

	}

	.home-post .tit .more{

		font-size:20px;

		padding-top:16px;

	}

	.home-post .tit .more a{

		background-position:right 10px;

	}

}

@media only screen and (max-width: 599px) {

	.home-post .w12{
	padding: 30px 0 0 0;
	}
	.home-post .box{
	padding-bottom: 30px;
	}
	.home-blog dl{

		padding: 0;

	}

	.home-news dl{

		padding:20px 0;

	}

.home-post dd{

	font-family: "mural";

	font-size: 18px;

}

}



.bk3{

	background:#d9f1f3;

}



.home-pr .w12{

	padding:120px 0 80px 0;

}

.home-pr dl{

	box-sizing:border-box;

	width:25%;

	padding:0 10px 30px 10px;

}

.home-pr dt{

	text-align:center;

	font-size:40px;

	font-family: "mural";

	padding:0 0 30px 0;

}

.home-pr dd{

	text-align:center;

}

@media only screen and (max-width: 1024px) {

	.home-pr dt{

		font-size:30px;

	}

}

@media only screen and (max-width: 599px) {
	.home-pr dl{
		width:50%;
	}
	.home-pr .w12{
	padding:60px 0 40px 0;
}

}



.home-gallery .w12{

	padding:120px 0 120px 0;

}

.home-gallery h3{

	padding-bottom:55px;

}

.home-gallery li{

	width:23.33%;

	margin:0 2.22% 25px 0;

}

.home-gallery li:nth-child(4n+4){

	margin-right:0;

}

.home-gallery ul{

	padding-bottom:35px;

}

.home-gallery .more{

	text-align:center;

}

.home-gallery .more a{

	width:210px;

	border:1px solid #5f4f1a;

	text-align:center;

	font-size:30px;

	font-family: "mural";

	display:inline-block !important;

	padding:10px 0;

}

.home-gallery .more a img{

	vertical-align:middle;

	margin-left:5px;

}

@media only screen and (max-width: 599px) {

	.home-gallery li{
		width:48%;
		margin-left:1%;
		margin-right:1%;
	}

  .home-gallery .w12{
  padding:30px 0 40px 0;
	}

	.home-gallery li:nth-child(4n+4){
	margin-right:1%;
  }
.home-salon .w12{
  padding:30px 0 40px 0 !important;
  }
}



.bk4{

	background:#e2f3d9;

}



.home-menu{

  padding:60px 0 40px 0;

}

.home-menu h3{

	padding-bottom:80px;

}

.home-menu .wrap{

	float:left;

	width:50%;

}

.home-menu h4{
	float:left;
	width:30%;
	font-size:30px;
	font-family: "mural";
	font-weight:normal;
	line-height:120%;
}

.home-menu .left ul{
  float: right;
  width: 65%;
	padding:0 0 0 0px;
}

.home-menu .right ul{
  float: right;
  width: 70%;
	padding:0 0 0 0px;
}

.home-menu li{

	padding-bottom:5px;

}

.home-menu .box{

	padding-bottom:60px;

}

.home-menu .tax{

	text-align:right;

}

@media only screen and (max-width: 1024px) {

	.home-menu h4{
  float:none;
  width: 100%;
	}

  .home-menu .left ul,
  .home-menu .right ul{
  padding-left:0 !important;
  float:none;
  width: 100%;
	}

}

@media only screen and (max-width: 599px) {

  .home-menu{

	padding:60px 0 40px 0;

}
	.home-menu h4{
  float:none;
  width:100%;
	}
	.home-menu .left ul{
  width:100%;
	}
	.home-menu .right ul{
  width:100%;
	}
	.home-menu .wrap{

		float:none;

		width:auto;

	}

}

.home-salon .w12{

	padding:100px 0 120px 0;

}

/* .home-salon #map{
  float:left;
  width:54.16%;
  height:500px;
  margin-bottom:20px;
} */

.home-salon #gmap{
	float:left;
	width:54.16%;
	margin-bottom:20px;
}
.home-salon #gmap {
  position: relative;
  padding-bottom: 30%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
#gmap iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.home-salon .tbox{

	float:right;

	width:40%;

}

.home-salon h3{

	padding-bottom:55px;

}



.bk5{

	background:#e9e9e9;	

}



.home-salon h4{

	font-size:40px;

	padding:0 0 20px 0;

	font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;

}

.home-salon dt{
	float:left;
	font-size:25px;
	font-family: "mural";
	line-height:120%;
  width: 20%;
}

.home-salon dd{
	width: 75%;
  float: right;
}

.home-salon dl{

	padding:0 0 20px 0;

}

.home-salon .wrap{

	padding-bottom:100px;

}

.home-salon .pic{

	text-align:center;

}

.home-salon .pic img{

	border:10px solid #fff;

}
.l{
	border-bottom:1px solid #5f4f1a;
}

@media only screen and (max-width: 1024px) {

	.home-salon .pic img{

		box-sizing:border-box;

	}

	.home-salon #map{

		float:none;

		width:auto;

		height: 300px;

	}

	.home-salon .tbox{

		float:none;

		width:auto;

	}

	.home-salon h4{

		font-size:24px;

	}

}



@media only screen and (max-width: 599px) {

  .home-salon .wrap{

	padding-bottom:50px;

}
}


/*salon*/



.salon1{

	padding:60px 0 80px 0;

	position:relative;

}

.salon1 .wrap{

	background:#fff;

}

.salon1 .pic li{

	width:50%;

}

.salon1 .table{

	padding:20px 3.5%;

}

.salon1 .table dt{
	float:left;
	font-size:25px;
	font-family: "mural";
  width: 15%;
}

.salon1 .table dd{
	padding:10px 0 0 0;
	width: 80%;
	float: right;
}

.salon1 .table dl{

	padding:12px 0;

}

.salon1 .table dl+dl{

	border-top:1px dotted #5f4f1a;

}

.salon1 .w10{

	position:relative;

	z-index:1;

}



.bks li{

	position:absolute;

	max-width:40%;

}

.bks li img{

	opacity:0.3;

}

.salon1 .bks1{

	top:60px;

	left:2.5%;

}

.salon1 .bks2{

	bottom:30px;

	right:2%;

}

.salon1 .bks img{

	opacity:0.3;

}

.salon1 .bks li{

	max-width:40%;

}

@media only screen and (max-width: 599px) {
.home-salon #gmap{
	float:none;
	width:100%;
	padding-bottom: 50%;
  padding-top: 50px;
}
	.salon1 .table dt{
		float:none;
		width:auto;
	}

	.salon1 .table dd{
		padding-left:0;
		float: none;
		width: 100%;
	}

}



.bk6{

	background:#effae9;

}



.salon2 .w10{

	padding:60px 0 80px 0;

	position:relative;

	z-index:1;

}

.salon2 #map{

	width:auto;

	height:400px;

}

.salon2{

	position:relative;

}

.salon2 .bks li{

	top:57px;

	right:2%;

	max-width:40%;

}

.salon2 .bks img{

	opacity:0.3;

}



.salon3{

	position:relative;

}

.salon3 .w10{

	padding:60px 0 35px 0;

	position:relative;

	z-index:1;

}

.salon3 dl{

	width:29%;

	margin:0 6.5% 40px 0;

}

.salon3 dl:nth-child(3n+3){

	margin-right:0;

}

.salon3 dl+dl dt:before{
	content:url(/import/tenant_1/153.126.179.93/html/images/salon_info/next.png);
	top:50%;
	left:-57px;
	position:absolute;
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.salon3 dl+dl dt{

	position:relative;

}

.salon3 dt{

	margin-bottom:16px;

}

.salon3 .bks1{

	top:40px;

	left:2%;

}

.salon3 .bks2{

	right:2%;

	bottom:24px;

}

@media only screen and (max-width: 1024px) {
.salon3 dl+dl dt:before{
	top:45%;
	left:-47px;
	transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
}
}

@media only screen and (max-width: 599px) {

  .salon3 dt{

	margin:0 auto 16px;

	text-align: center;

}

	.salon3 dl{

		width:100%;

		margin-left:0;

		margin-right:0;

	}

	.salon3 dl:nth-child(2n+1){

		margin-left:0;

	}

	.salon3 dl+dl dt:before{

		display:none;

	}

}



/*concept*/



.concept1 .w10{

	padding:80px 0 73px 0;

	position:relative;

}

.concept1 .slidemain{

	position:relative;

	margin-bottom:10px;

}

.concept1 .slidemain .next{

	position:absolute;

	top:50%;

	right:20px;

	transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

}

.concept1 .slidemain .prev{

	position:absolute;

	top:50%;

	left:20px;

	transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

}

.concept .uk-slidenav-position .uk-slidenav{
  top:40% !important;
  display: block;

}

.concept1 .slidenav .in{

	display:inline-block !important;

	position:relative;

	padding:0 13px;

}

.concept1 .slidenav .in li{

	margin:7px;

	display:inline-block !important;

	border:2px solid #c9c9c9;

}

.concept1 .slidenav .in .next{

	position:absolute;

	top:50%;

	line-height:12px;

	right:0;

	transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

}

.concept1 .slidenav .in .prev{

	position:absolute;

	line-height:12px;

	top:50%;

	left:0px;

	transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

}

.concept1 .uk-slidenav-position .uk-slidenav-previous {

    background: url(/import/tenant_1/153.126.179.93/html/images/concept/lrft_icon.png) center center no-repeat;
    left: 20px;
    text-indent: 100%;
    white-space: nowrap;
}

.concept1 .uk-slidenav-position .uk-slidenav-next {
    background: url(/import/tenant_1/153.126.179.93/html/images/concept/right_icon.png) center center no-repeat;
    right: 20px;
    text-indent: 100%;
    white-space: nowrap;
}

.concept1 .uk-slidenav-previous:before {
  content:none !important;
}

.concept1 .uk-flex-center img {
  height:100% !important;
}

@media only screen and (max-width: 599px) {

	.concept1 .slidenav .in li{

		margin-left:0.5%;

		margin-right:0.5%;

		box-sizing:border-box;

		max-width:49%;

	}

	.concept1 .slidemain .next{

		right:-5px;

	}

	.concept1 .slidemain .prev{

		left:-5px;

	}

}

.concept2{

	position:relative;

}

.concept2 .w10{

	padding:60px 0 35px 0;

	position:relative;

	z-index:1;

}

.concept2 .box{

	max-width:920px;

	margin:0 auto;

	padding:0 0 20px 0;

}



.concept2 .pic{

	float:left;

	width:35.86%;

	padding:0 0 20px 0;

}

.concept2 .tbox{

	width:59.78%;

	float:right;

}

.concept2 .tbox h4{

	font-size:20px;

	padding:0 0 5px 0;

}

.concept2 .tbox p{

	padding:0 0 20px 0;

}



.concept2 .bks1{

	top:38px;

	left:2.5%;

}

.concept2 .bks2{

	bottom:50px;

	right:2.3%;



}

@media only screen and (max-width: 1024px) {

	.concept2 .tbox h4{

		font-size:16px;

	}

	

}

@media only screen and (max-width: 599px) {

	.concept2 .tbox{

		float:none;

		width:auto;

	}

	.concept2 .pic{

		float:none;

		width:auto;

		text-align:center;

	}

	.concept2 .tbox h4{

	font-size:20px;

	font-weight: bold;

	text-align: center;

	}

	/*スライダー調整*/
.uk-slider {
  overflow: auto !important;
  }
.uk-slider li{
  position: static !important;
  display: block !important;
  margin-bottom: 20px;
  width:25% !important;
  padding: 0 5px;
  }
.concept .uk-slidenav-position .uk-slidenav {
  top: 35% !important;
  display: block;
  }
  .concept1 .uk-slidenav-position .uk-slidenav-next{
  right: 5px;
  }
  .concept1 .uk-slidenav-position .uk-slidenav-previous {
  left: 5px;
  }
}

.bk7{

	background:#f3e5d9;

}



.concept2 .tbox .more{

	text-align:center;

	padding-top:20px;

}



.concept2 .more a{

    width: 210px;

    border: 1px solid #5f4f1a;

    text-align: center;

    font-size: 30px;

    font-family: "mural";

    display: inline-block !important;

    padding: 10px 0;

}

.concept2 .more a img {

    vertical-align: middle;

    margin-left: 5px;

}

/*menu*/

.menu1{

	position:relative;

	overflow:hidden;

}

.menu1 .w10{

	position:relative;

	z-index:1;

	padding:80px 0 120px 0;

}



.menu1 .bkimg{

	width:100%;

	height:100%;

	

}

.menu1 .bkimg img{

	filter:grayscale(100%);

	width:100%;

	max-width:none !important;

	min-height:100% !important;

	transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

	margin-left:50%;

	min-width:1500px;

}



.menu1 .tax{

	text-align:center;

	padding:0 0 205px 0;

}



.menu1 .wrap{

	max-width:850px;

	margin:0 auto;

	background:url(/import/tenant_1/153.126.179.93/html/images/menu/menu_bg2.png) center top no-repeat;

	background-size:contain;

	padding:54px 2.5% 50px 2.5%;

	box-sizing:border-box;

}



.menu1 .box{

	max-width:650px;

	margin:0 auto;

	padding-bottom:30px;

}



.menu1 .box h3{

	text-align:center;

	font-size:36px;

	font-family: "mural";

	font-weight:normal;

}

.menu1 .box dt{

	float:left;

}

.menu1 .box dt+dd{

	text-align:right;

}

.menu1 .box dl{

	border-bottom:1px solid #5f4f1a;

	padding:12px 0;

}

.menu1 .box:nth-child(5n+1) h3{

	color:#3aa5e3;

}

.menu1 .box:nth-child(5n+2) h3{

	color:#b18800;

}

.menu1 .box:nth-child(5n+3) h3{

	color:#e158a5;

}

.menu1 .box:nth-child(5n+4) h3{

	color:#2cbc41;

}

.menu1 .box:nth-child(5n+5) h3{

	color:#747474;

}

.ac{

	position:relative;

	height:1px;

	line-height:1;

}

.ac a{

	position:absolute;

	top:-50.6px;

	height:1px;

}

@media only screen and (max-width: 1024px) {

	.menu1 .wrap{

		background-size:cover;

	}

	.menu1 .bkimg img{

		width:auto;

		min-width:0;

	}

	.ac a{

		top:0;

	}

}

@media only screen and (max-width: 599px) {

	.menu1 .box dt{

		float:none;

		width:auto;

	}

  .menu1 .tax{

	text-align:center;

	padding:0 0 50px 0;

}

}



/*coupon*/

#again {
  padding-top: 65px;
  margin-top: -65px;
}


.couponnav ul{

	padding:48px 0 30px 0;

}



.couponnav li{

	font-size:40px;

	font-family: "mural";

	padding:0 30px 20px 30px;

}

.couponnav li a{

	border-bottom:1px solid #5f4f1a;

	padding-bottom:10px;

}

.coupon1{

	position:relative;

}

.coupon1 .w10{

	position:relative;

	z-index:1;

	padding:60px 0 1px 0;

}

.coupon1 .list{

	max-width:920px;

	margin:0 auto;

}

.coupon1 .list .box{

	box-sizing:border-box;

	width:45.65%;

	background:#fff;

	border-width:15px;

	border-style:solid;

	margin:126px 8.7% 80px 0;

	position:relative;

	border-radius:15px;

}

.coupon1 .list .box:nth-child(2n+2){

	margin-right:0;

}

.coupon1 .list .box:before{

	content:url(/import/tenant_1/153.126.179.93/html/images/coupon/brown_01.png);

	left:50%;

	top:-140px;

	position:absolute;

	transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

}

.coupon1 .tp{

	padding:13px 10px 24px 10px;

	text-align:right;

	position:relative;

	z-index:1;

}

.coupon1 .tp .w{

	text-align:center;

	display:inline-block !important;

	font-size:20px;

	font-weight:bold;

	width:146px;

	line-height:64px;

	color:#fff;

	background-position: center top;

	background-repeat:no-repeat;

}

.coupon1 .pic{

	text-align:center;

	padding:0 0 20px 0;

}

.coupon1 h4{

	max-width:95%;

	margin:0 auto;

	text-align:center;

	font-size:20px;

	line-height:130%;

	font-weight:normal;

	padding:0 0 20px 0;

	min-height:50px;

}

.coupon1 .pr{

	text-align:center;

	max-width:95%;

	margin:0 auto;

	font-family: "britannic-bold";

	font-size:60px;

	line-height:110%;

	padding-bottom:20px;

}

.coupon1 dl{

	border-top:#5f4f1a 2px dashed;

	padding:15px 2.5% 15px 2.5%;

}

.coupon1 dt{

	text-align:center;

	font-size:20px;

	padding:0 0 10px 0;

	font-weight: normal;

}

.coupon1 dt+dd{

	text-align:center;

	padding:0 0 20px 0;

}

.coupon1 dd+dd{

	font-size:24px;

	font-weight:bold;

	text-align:center;

}

.coupon1 dd+dd .ch{

	display:block;

	font-size:14px;

	font-weight:normal;

	line-height:110%;

}

.coupon1.bk7 .box{

	border-color:#efcaaf;

}

.coupon1.bk7 .tp .w{

	background-image:url(/import/tenant_1/153.126.179.93/html/images/coupon/brown_02.png);

}

.coupon1.bk1 .box{

	border-color:#efafaf;

}

.coupon1.bkc .tp .w{

	background-image:url(/import/tenant_1/153.126.179.93/html/images/coupon/blue_02.png);

}

.coupon1.bkc .box{

	border-color:#cbe2eb;

}

.bkc{

	background:#f3e5d9;

}

.coupon1.bk1 .tp .w{

	background-image:url(/import/tenant_1/153.126.179.93/html/images/coupon/pink_02.png);

}

.coupon1 .bks1{

	top:30px;

	left:2.5%;

}

.coupon1 .bks2{

	right:2.5%;

	top:50%;

}

.coupon1 .bks li{

	max-width:35%;

}

@media only screen and (max-width: 1024px) {

	.coupon1 .pr{

		font-size:30px;

	}

	.coupon1 h4{

		font-size:18px;

	}

	.coupon1 dt{

		font-size:16px;

	}

	.coupon1 dd + dd{

		font-size:18px;

	}

	.couponnav li{

		font-size:24px;

		padding-left:10px;

		padding-right:10px;

	}

}

@media only screen and (max-width: 599px) {

	.coupon1 .list .box{

		width:100%;

		margin-right:0;

	}

	

}

.gallerylist{

	position:relative;

	overflow:hidden;

}

.gallerylist .w10{

	padding:80px 0 55px 0;

	position:relative;

	z-index:1;

}

.gallerylist .w10 li{

	margin:0 2.5% 25px 0;

	width:18%;

	box-sizing:border-box;

	border:1px solid #a0a0a0;

}

.gallerylist .w10 li:nth-child(5n+5){

	margin-right:0;

}

.gallerylist .w10 li a{

	display:block;

	border:9px solid #fff;

}
.gallerylist .pagenav{
  padding-bottom: 80px;
}


.gallerylist .bks1{

	top:30px;

	left:2.5%;

}

.gallerylist .bks2{

	bottom:-10px;

	right:2%;

}

@media only screen and (max-width: 599px) {

	.gallerylist .w10 li{

		width:48%;

		margin-left:1%;

		margin-right:1% !important;

	}

	.gallerylist .w10 li a{

		border-width:3px;

	}

}



/*staff*/



.staff1{

	position:relative;

	overflow:hidden;

}

.staff1 .w10{

	padding:60px 0;

}

.staff1 .pic{

	text-align:center;

	padding:0 0 60px 0;

}

.staff1 .wrap{

	max-width:920px;

	margin:0 auto;

}

.staff1 .wrap .left{

	width:47.82%;

	float:left;

}

.staff1 .wrap .right{

	width:47.82%;

	float:right;

}

.staff1 .wrap .left h4{

	text-align:center;

	font-size:30px;

	font-weight:bold;

	padding:0 0 20px 0;

}

.staff1 .wrap .left h4 .k{

	font-size:15px;

	font-weight:normal;

	display:block;

	line-height:120%;

}

.staff1 .wrap .left .p{

	text-align:center;

	padding:0 0 25px 0;

}

.staff1 .wrap .left .p .e{

	font-size:26px;

	font-family: "mural";

	padding-right:1em;

}

.staff1 .wrap .left .txt p{

	padding:0 0 20px 0;

}

.staff1 .wrap .right dl{

	border-bottom:1px solid #5f4f1a;

	margin-bottom:20px;

	padding-bottom:20px;

}

.staff1 .wrap .right dt{

	font-weight:bold;

	padding-bottom:5px;

}



.staff1 .bks1{

	position:absolute;

	top:45px;

	left:2.5%;

}

.staff1 .bks2{

	position:absolute;

	bottom:30px;

	right:2%;

}

@media only screen and (max-width: 599px) {

	.staff1 .wrap .left{

		float:none;

		width:auto;

	}

	.staff1 .wrap .right{

		float:none;

		width:auto;

	}

}



/*eufora*/



.item1{

	position:relative;

}

.item1 .w10{

	position:relative;

	z-index:1;

	padding:60px 0 60px 0;

}

.item1 .pic{

	float:right;

	width:59.78%;

	padding:0 0 20px 0;

}

.item1 .wrap{

	max-width:920px;

	margin:0 auto;

}

.item1 .tbox{

	margin-right:-9.78%;

	background:rgba(195,227,230,0.8);

	float:left;

	width:50%;

	box-sizing:border-box;

	padding:20px 20px 0 20px;

	margin-top:20px;

	margin-bottom:20px;

	position:relative;

	z-index:1;

}

.item1 .tbox h4{

	font-size:20px;

	padding:0 0 10px 0;

}

.item1 .tbox p{

	padding:0 0 20px 0;

}



.item1 .bks1{

	bottom:30px;

	left:2.5%;

}

@media only screen and (max-width: 1024px) {

	.item1 .tbox h4{

		font-size:16px;

	}

}

@media only screen and (max-width: 599px) {

	.item1 .tbox{

		float:none;

		width:auto;

		margin-right:0;

	}

	.item1 .pic{

		float:none;

		width:auto;

		text-align:center;

	}

}



.item2{

	position:relative;

}

.item2 .w10{

	position:relative;

	z-index:1;

	padding:60px 0 10px 0;

}

.item2 .wrap{

	max-width:920px;

	margin:0 auto;

}

.item2 .tbox{

	float:left;

	width:48.36%;

}

.item2 .pic{

	float:right;

	width:47.82%;

	padding: 0 0 20px 0;

}

.item2 .pic li img{

	max-width:90% !important; 

}

.item2 .pic li:nth-child(2){

	text-align:right;

	margin-top:-62px;

	position:relative;

	z-index:1;

}

.item2 .pic li:nth-child(3){

	margin-top:-30px;

	position:relative;

	z-index:0;

}

.item2 .pic li:nth-child(3) img{

	opacity:0.3;

}

.item2 .tbox h4{

	font-size:20px;

	padding:0 0 5px 0;

}

.item2 .tbox p{

	padding:0 0 20px 0;

}

.item2 .tbox p+h4{

	padding-top:10px;

}



.item2 .bks2{

	top:75px;

	right:2.5%;

}

.item2 .bks1{

	bottom:42px;

	left:2%;

}

@media only screen and (max-width: 1024px) {

	.item2 .tbox h4{

		font-size:16px;

	}

	

}

@media only screen and (max-width: 599px) {

	.item2 .tbox{

		width:100%;

	}

	.item2 .pic{

		width:100%;

	}

	.item2 .pic li img{

		max-width:100% !important;

	}

	.item2 .pic li:nth-child(2){

		margin-top:20px;

	}

	.item2 .pic li:nth-child(3){

		margin-top:20px;

	}

}



.item3 .w10{

	padding:60px 0 87px 0;

}

.item3 .wrap{

	box-shadow:2px 3px 6px 0px #ded1c6;

	background:#fff url(/import/tenant_1/153.126.179.93/html/images/eufora/text_object.png) right bottom no-repeat;

	max-width:920px;

	margin:0 auto;

	box-sizing:border-box;

	padding:10px 3.15% 10px 3.15%

}

.item3 dt{

	float:left;

}

.item3 dt img{

	vertical-align:middle;

	margin-right:10px;

}

.item3 dd{

	padding:0 0 0 136px;

	font-size:24px;

	color:#333333;

	font-weight:bold;

}

.item3 dl{

	padding:25px 0;

}

.item3 dl+dl{

	background:url(/import/tenant_1/153.126.179.93/html/images/eufora/text_line.png) center top no-repeat;

}

.item3 h3{

	text-align:center;

	font-size:35px;

	font-family: "UtsukushiMincho";

	padding:0 0 55px 0;

	background:url(/import/tenant_1/153.126.179.93/html/images/eufora/tit_line.png) center bottom no-repeat;

	margin-bottom:45px;

}

@media only screen and (max-width: 1024px) {

	.item3 h3{

		font-size:20px;

	}

	.item3 dd{

		font-size:16px;

		padding-top:5px;

	}

}

@media only screen and (max-width: 599px) {

	.item3 dt{

		float:none;

		width:auto;

	}

	.item3 dd{

		padding-left:0;

		font-size:14px;

	}

	.item3 .wrap{

		padding-bottom:30px;

	}

}



.item4 .pic{

	float:left;

}

.item4 .tbox{

	float:right;

	margin-right:0;

	margin-left:-9.78%;

}

.item4 .bks1{

	left:auto;

	right:2.5%;

}



.eufora .item4 .bks1{

	top:36px;

	bottom:auto;

}



.item5{

	padding:60px 0 60px 0;

}

.item5 h3 {

    text-align: center;

    font-size: 35px;

    font-family: "UtsukushiMincho";

    padding: 0 0 55px 0;

    background: url(/import/tenant_1/153.126.179.93/html/images/eufora/tit_line.png) center bottom no-repeat;

    margin-bottom: 45px;

}

.item5 .txt{

	max-width:920px;

	margin:0 auto;

}

.item5 .txt p{

	padding:0 0 20px 0;

}

@media only screen and (max-width: 1024px) {

	.item5 h3 {

		font-size:20px;

	}

}

@media only screen and (max-width: 599px) {

	.item4 .tbox{

		margin-left:0;

	}

}



.adjuvant .item2 .w10{

	padding-bottom:60px;

}



.voice1{

	padding:80px 0 0 0;

	overflow:hidden;

	position:relative;

}

.voice1 .w10{

	position:relative;

	z-index:1;

	max-width:920px;

}

.voicelist .box{

	background:#fff;

	border:1px solid #535353;

	margin-bottom:40px;

	padding:40px 4.34% 20px 4.34%;

	position:relative;

	overflow:hidden;

}

.voicelist .box:before{

	content:url(/import/tenant_1/153.126.179.93/html/images/voice/voice_text_bg.png);

	position:absolute;

	right:1%;

	top:39px;

	opacity:0.2;

}

.voicelist .box .tbox:before{

	content:url(/import/tenant_1/153.126.179.93/html/images/voice/voice_text_bg2.png);

	bottom:10px;

	right:0.9%;

	position:absolute;

	opacity:0.2;

}

.voicelist .box .pic{
	float:left;
	width:35.79%;
	padding:0 0 20px 0;
	position:relative;
	z-index:1;
	border:1px solid #ccc;
}

.voicelist .box .tbox{

	float:right;

	width:59.42%;

}

.voicelist .box .tbox dt{

	font-weight:bold;

	

}

.voicelist .box .tbox .hd dt{
	width:30%;
	float:left;
}
.voicelist .box .tbox .hd dd{
	width:65%;
	float: right;
}

.voicelist .box .tbox .hd{

	border-bottom:1px dashed #999589;

	padding-bottom:10px;

	margin-bottom:20px;

}

.voicelist .box .tbox dl{

	padding-bottom:10px;

	position:relative;

	z-index:1;

}

.voicelist .box .tbox .txt dl{

	padding-bottom:20px;

}

.voicelist{

	padding-bottom:40px;

}

.voice .pagenav{

	padding-bottom:80px;

}

.pagenav li{

	font-size:14px;

	padding:0 2.5px;

}

.pagenav li a{

	display:block;

	border:1px solid #5f4f1a;

	min-width:20px;

	text-align:center;

	line-height:20px;

}

.pagenav li.st a{

	background:#5f4f1a;

	color:#fff;

}

.pagenav li.next a,.pagenav li.prev a{

	border:none;

}

.pagenav li.next a img,.pagenav li.prev a img{

	margin-top:5px;

}

@media only screen and (max-width: 599px) {

	.voicelist .box .pic{

		float:none;

		width:auto;

		text-align:center;

	}

	.voicelist .box .tbox{

		width:auto;

		float:none;

	}

}



.voice1 .bks1{

	top:60px;

	right:18px;

}

.voice1 .bks2{

	top:50%;

	left:2%;

	transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

}



.voice1 .bks3{

	bottom:110px;

	right:2.5%;

}



/*product*/



.product1 .flex_c{

	max-width:920px;

	margin:0 auto;

}

.product1 li a{

	border:2px solid #5f5f5f;

	display:inline-block !important;

	border-radius:50%;

	overflow:hidden;

}

.product1 li{

	width:21.73%;

	margin:0 4.36% 20px 0;

}

.product1 li:nth-child(4n+4){

	margin-right:0;

}

.product1 .w10{

	padding-top:60px;

	padding-bottom:60px;

	

}

.productlist .wrap{

	background:#f3e5d9;

	position:relative;

}

.productlist .wrap:nth-child(2n+2){

	background:#f3ecd9;

}

.productlist .wrap .w10{

	padding:60px 0 20px 0;

	position:relative;

	z-index:1;

}

.productlist .wrap dl{

	width:30.43%;

	margin:0 4.35% 60px 0;

}

.productlist .wrap dl:nth-child(3n+3){

	margin-right:0;

}

.productlist .wrap .in{

	max-width:920px;

	margin:0 auto;

}

.productlist .wrap dt{

	text-align:center;

	color:#333333;

	font-size:18px;

	padding:20px 0 0 0;

	line-height:130%;

	font-weight:bold;

	padding-bottom:10px;

}

.productlist .wrap dd{

	color:#333;

}

.productlist .wrap dt+dd{

	text-align:center;

	font-size:14px;

	padding:0 0 10px 0;

}

.productlist .wrap dd+dd{

	font-size:18px;

	text-align:center;

	font-weight:bold;

}

.productlist .wrap:nth-child(4n+1) .bks1{

	bottom:30px;

	right:2%;

	

}

.productlist .wrap:nth-child(4n+2) .bks1{

	bottom:60px;

	right:5%;

}

.productlist .wrap:nth-child(4n+3) .bks1{

	top:50px;

	left:5%;

}

.productlist .wrap:nth-child(4n+4) .bks1{

	top:64px;

	right:2%;

}

@media only screen and (max-width: 1024px) {

	.productlist .wrap dt{

		font-size:14px;

	}

	.productlist .wrap dd + dd{

		font-size:14px;

	}

}



@media only screen and (max-width: 599px) {

	.productlist .wrap dl{

		width:48%;

		margin-left:1%;

		margin-right:1% !important;

	}

	.product1 li{

	width:46%;

}

	.product1 li:nth-child(even){

	margin: 0 0 20px 0;

}
}



/*recruit*/



.rec1{

	position:relative;

}

.rec1 .w10{

	padding:60px 0 60px 0 ;

	position:relative;

	z-index:1;

}

.rec1 .w10 .wrap{

	max-width:920px;

	margin:0 auto;

}

.rec1 .pic{

	float:left;

	width:34.78%;

	padding:0 0 20px 0;

}

.rec1 .tbox{

	float:right;

	width:60.86%;

}

.rec1 .tbox h4{

	font-size:20px;

	padding:0 0 20px 0;

}

.rec1 .tbox p{

	padding:0 0 20px 0;

}

.rec1 .tbox .sign{

	text-align:right;

	font-size:18px;

	font-weight:bold;

}

.rec1 .tbox .sign .p{

	font-size:15px;

	padding-right:1em;

	font-weight:normal;

}

.rec1 .bks1{

	top:35px;

	left:2.5%;

}



.rec2{

	overflow:hidden;

	position:relative;

	padding:80px 0 80px 0;

	background:#d9f1f3;

}

.rec2 .bkimg{

	width:100%;

	height:100%;

}

.rec2 .bkimg img{

	opacity:0.2;

    width: 100%;

    max-width: none !important;

    min-height: 100% !important;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    margin-left: 50%;

    min-width: 1500px;

}

.rec2 .w10{

	position:relative;

	z-index:1;

	background:rgba(255,255,255,0.8);

	box-sizing:border-box;

	padding:40px 4% 20px 4%;



}

.rec2 .w10 h3{

	text-align:center;

	font-size:36px;

	padding:0 0 50px 0;

}

.rec2 .w10 h4{

	text-align:center;

	font-size:20px;

	padding:0 0 20px 0;

}

.rec2 .w10 p{

	padding:0 0 20px 0;

}

@media only screen and (max-width: 1024px) {

	.rec2 .bkimg img{

		width:auto;

		min-width:0;

	}

	.rec2 .w10 h3{

		font-size:24px;

		padding-bottom:40px;

	}

	.rec2 .w10 h4{

		font-size:18px;

	}

	.rec1 .tbox h4{

		font-size:18px;

	}

}



.rec3 .table{

	max-width:920px;

	margin:0 auto;

}

.rec3{

	position:relative;

}



.rec3 .w10{

	position:relative;

	z-index:1;

	padding:60px 0 95px 0;

}

.rec3 dt{
	float:left;
	font-weight:bold;
  width: 15%;
}

.rec3 dd{
  float:right;
  width: 80%;
}

.rec3 dl{

	padding:15px 0;

	border-bottom:1px solid #5f4f1a;

}



.rec3 .bks1{

	bottom:30px;

	right:2.5%;

}



.rec4{

	position:relative;

	overflow:hidden;

}



.rec4 .w10{

	position:relative;

	z-index:1;

	padding:60px 0 85px 0;

}



.rec4 .wrap{

	background: #fff url(/import/tenant_1/153.126.179.93/html/images/eufora/text_object.png) right bottom no-repeat;

	box-shadow: 2px 3px 6px 0px #ded1c6;

	max-width:920px;

	margin:0 auto;

	box-sizing:border-box;

	padding:20px 3.26% 50px 3.26%;

}

.rec4 .wrap dt{

	float:left;

	font-weight:bold;

}

.rec4 .wrap dd{

	padding:0 0 0 160px;

}

.rec4 .wrap dl{

	padding:18px 0;

}

.rec4 .wrap dl+dl{

	border-top:1px solid #5f4f1a;

}

.rec4 .wrap dd .size1{

	border:none;

	background:#e5e5e5;

	max-width:337px;

	width:100%;

}

.rec4 .wrap dd label{

	margin-right:1.5em;

}

.rec4 .wrap dd label div{

  display: inline-block;

}

.rec4 .wrap dd label input{

	margin-right:0.5em;

}

.rec4 .wrap dd select{

	margin-right:0.5em;

	background:#e5e5e5;

	border:none;

}

.rec4 .wrap dd .size2{

	border:none;

	background:#e5e5e5;

	max-width:560px;

	width:100%;

}

.rec4 .wrap dd textarea{

	border:none;

	background:#e5e5e5;

	max-width:560px;

	height:120px;

	width:100%;

}

.rec4 .table{

	padding-bottom:20px;

}

.rec4 .formbtn input{

	width:210px;

	border:1px solid #5f4f1a;

	background:#fff url(/import/tenant_1/153.126.179.93/html/images/more_icon.png) 160px 20px no-repeat;

	font-size:30px;

	font-family: "mural";

}

.rec4 .formbtn button {

    width: 210px;

    border: 1px solid #5f4f1a;

    background: #fff url(/import/tenant_1/153.126.179.93/html/images/more_icon.png) 160px 20px no-repeat;

    font-size: 30px;

    font-family: "mural";

}

.rec4 .formbtn li{

	padding:0 20px 20px 20px;

}



.rec4 .bks1{

	top:72px;

	left:2%;

}



@media only screen and (max-width: 599px){

.rec3 dt{
  float:none;
  width: 100%;
}

.rec3 dd{
  float:none;
  width: 100%;
}

.rec4 .wrap dt{

		float:none;

		width:auto;

		padding-bottom:5px;

	}

	.rec4 .wrap dd{

		padding-left:0;

	}

	.rec1 .pic{

		float:none;

		width:auto;

		text-align:center;

	}
	.rec1 .tbox{
		float:none;

		width:auto;
	}
}



.rec5{

	position:relative;

}

.rec5 .w10{

	padding:60px 0 50px 0;

	position:relative;

	z-index:1;

}

.rec5 .wrap{

	max-width:920px;

	margin:0 auto;

}

.rec5 .wrap p{

	padding:0 0 25px 0;

}

.rec5 .wrap dt{

	font-size:18px;

	font-weight:bold;

	padding:0 0 5px 0;
}

.rec5 .wrap dl{

	padding:0 0 25px 0;

}

.rec5 .wrap li{

	padding:0 0 0 1em;

	position:relative;

}

.rec5 .wrap li:before{

	content:"";

	position:absolute;

	width:5px;

	height:5px;

	background:#5f4f1a;

	left:5px;

	top:10px;

	border-radius:50%;

}

.rec5 .bks1{
	top:55px;

	left:2.5%;

}

.rec5 .bks2{
	bottom:67px;
	right:2.5%;

}

@media only screen and (max-width: 1024px) {
		.rec5 .wrap dt{
			font-size:16px;
	}
	}
	

	
/*blog*/
.post{
	overflow:hidden;
	position:relative;
}
.post .w12{
	padding:80px 0 0 0;
}

.post #left{
	float:left;
	width:74.16%;
}
.post #side{
	width:21.66%;
	float:right;
	position:relative;
}
.post #side dt{
	text-align:center;
	font-family: "mural";
	font-size:40px;
	padding:0 0 10px 0;
	margin-bottom:10px;
	border-bottom:1px solid #999589;
}


.post #side dd{
	font-size:16px;
	font-weight:bold;
	border-bottom:1px dashed #999589;
}
.post #side dd a{
	background:url(../images/blog/icon_01.png) 0 18px no-repeat;
	padding:12px 0 12px 16px;
	display:block;
	color:#333;
}
.post #side dl{
	padding-bottom:50px;
	position:relative;
	z-index:1;
}
.post .pagenav{
	padding-bottom:80px;
}

.bloglist .pic{
	float:left;
	width:33.70%;
	padding:0 0 20px 0;
}

.bloglist .tbox{
	float:right;
	width:63.25%;
}
.bloglist .tbox h3{
	font-size:18px;
	padding:0 0 10px 0;
}
.bloglist .tbox p{
	padding:0 0 20px 0;
}
.bloglist .tbox .more a{
    width: 210px;
    border: 1px solid #5f4f1a;
    text-align: center;
    font-size: 30px;
    font-family: "mural";
    display: inline-block !important;
    padding: 10px 0;
}
.bloglist .tbox .more a img {
    vertical-align: middle;
    margin-left: 5px;
}
.bloglist .tbox ul{
	display:inline-block !important;
	padding:15px 0 15px 0;
}
.bloglist .tbox .more{
	display:inline-block !important;
	float:right;
	padding:0 0 20px 0;
}
.bloglist .tbox li{
	display:inline-block !important;
}
.bloglist .tbox li.d{
	padding-right:2em;
}
.bloglist .tbox li.c{
	background:#5f4f1a;
	color:#fff;
	padding:0 0.8em;
}
.bloglist .box{
	padding:0 0 10px 0;
	margin-bottom:30px;
	border-bottom:1px solid #999589;
}
.bloglist{
	padding-bottom:10px;
}
.blog .bks1{
	position:absolute;
	bottom:-230px;
	opacity:0.3;
}
@media only screen and (max-width: 1024px) {
	.post #left{
		float:none;
		width:auto;
		max-width:890px;
		margin:0 auto;
	}
	.post #side{
		width:100%;
		float:none;
	}
	.blog .bks1{
		max-width:40%;
		right:2.5%;
		top:auto;
		bottom:20px;
	}
}
@media only screen and (max-width: 599px) {
	.bloglist .pic{
		float:none;
		width:auto;
		text-align:center;
	}
	.bloglist .tbox{
		float:none;
		width:auto;
	}
	.bloglist .tbox .more{
	  float: none;
	  display:block !important;
	}
	.bloglist .tbox .more a{
	margin:0 auto;
	display:block !important;
}
  .bloglist .tbox ul{
	margin:0 auto;
	display:block !important;
	text-align: center;
  }
}

.blogrec{
	margin-bottom:75px;
	background:#f3ecd9;
	padding:30px 3.37% 20px 3.37%;
}
.blogrec h3{
	text-align:center;
	font-size:15px;
	font-weight:normal;
	line-height:160%;
	margin-bottom:30px;
}
.blogrec h3 strong{
	display:block;
	line-height:110%;
	font-family: "mural";
	font-size:40px;
	font-weight:normal;
}
.blogrec .box{
	width:48.19%;
	background:#fff;
	margin:0 3.62% 20px 0;
	box-sizing:border-box;
	padding:20px 2.4% 0 2.4%;
}
.blogrec .box:nth-child(2n+2){
	margin-right:0;
}
.blogrec .box .pic{
	float:left;
	width:38.88%;
	padding:0 0 20px 0;
}
.blogrec .box .tbox{
	float:right;
	width:55%;
	padding-bottom:15px;
}
.blogrec .box .tbox h4{
	font-size:18px;
	padding-bottom:5px;
}
.blogrec .box .tbox p{
	padding:0 0 5px 0;
}
.blogrec .box .tbox .more{
	text-align:right;
	font-family: "mural";
	font-size:20px;
}
.blogrec .box .tbox .more img{
	vertical-align:middle;
	margin-left:5px;
}

.single h3{
	font-size:24px;
	border-bottom:1px solid #999589;
	padding:0 0 10px 0;
	margin-bottom:14px;
}
.single .meta{
	text-align:right;
}
.single .meta li{
	display:inline-block !important;
	margin-bottom:10px;
}
.single .meta li.c{
	background:#5f4f1a;
	color:#fff;
	font-size:14px;
	padding:0 0.5em;
	margin-left:2em;
}
.single .meta{
	padding-bottom:30px;
}
.single .txt p{
	line-height:240%;
	padding:0 0 40px 0;
}
.single .txt{
	padding-bottom:30px;
}
.single .back a{
    width: 210px;
    border: 1px solid #5f4f1a;
    text-align: center;
    font-size: 15px;
	font-weight:bold;
    display: inline-block !important;
    padding: 10px 0;
}
.single .back a img{
    vertical-align: middle;
    margin-left: 5px;
}
.single{
	padding-bottom:80px;
}
@media only screen and (max-width: 1024px) {
	.single h3{
		font-size:20px;
	}
	.single .meta li.c{
		margin-left:1em;
	}
	.blogrec .box .tbox h4{
		font-size:16px;
	}
}
@media only screen and (max-width: 599px) {
  .blogrec .box{
	width:100%;
	background:#fff;
	margin:0 0 20px 0;
  }
  .blogrec .box .pic{
		float:none;
		width:auto;
		text-align:center;
	}
	.blogrec .box .tbox{
		width:auto;
		float:none;
	}
	.single .back a{
	  margin:0 auto;
    text-align: center;
    display:block !important;
}
}

/*news*/

.newslist dt{
	float:left;
	width:10%;	
}

.newslist dd{
	padding:0 0 0 0;
	float: right;
	width:80%;
}
.newslist dd .c{
	display:inline-block !important;
    background: #5f4f1a;
    color: #fff;
    padding: 0 0.5em;
	box-sizing:border-box;
	min-width:140px;
	text-align:center;
	margin-right:1em;
	font-size:14px;
}
.newslist dl{
	padding:0 0 20px 0;
	margin-bottom:20px;
	border-bottom:1px solid #999589;
}
.newslist{
	padding-bottom:20px;
}
.newslist dd a{
	float: right;
	width:70%;
}
.news .bks1 {
    position: absolute;
    bottom: 20px;
	right:-55px;
    opacity: 0.3;
}
.news #side{
	padding-bottom:170px;
}
.news .bks2{
	top:26px;
	left:2.5%;
}
.post .w12{
	position:relative;
	z-index:1;
}
@media only screen and (max-width: 1024px) {
	.news .bks1 {
		max-width:35%;
		right:2.5%;
	}
}
@media only screen and (max-width: 599px) {
	.newslist dt{
		float:none;
		width:auto;
	}
	.newslist dd{
		padding-left:0;
    float: none;
    width: 100%;
	}
	.newslist dd a{
		display:block !important;
		margin-top:5px;
		float: none;
	width:100%;
	}
}


.post #side dd a{
	background:url(../images/blog/icon_01.png) 0 18px no-repeat;
	padding:12px 0 12px 16px;
	display:block;
	color:#333;
}

.cale {
  margin: auto;
  text-align: center;
}