html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,img,ins,kbd,q,s,samp,strike,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,select{outline:none;border:0;font-size:100%;vertical-align:baseline;margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}.clear{clear:both}.clearfix{display:inline-block}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}* html .clearfix{height:1%}.clearfix{display:block}ul,ol{list-style:none;}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

/*===== font =====*/



@font-face {
	font-family: 'Cinzel';
	src: url('http://www.sljapan.com/contents/fonts/Cinzel/Cinzel-Regular.eot?') format('embedded-opentype'),
		 url('http://www.sljapan.com/contents/fonts/Cinzel/Cinzel-Regular.woff') format('woff'), 
		 url('http://www.sljapan.com/contents/fonts/Cinzel/Cinzel-Regular.ttf') format('truetype'), 
		 url('http://www.sljapan.com/contents/fonts/Cinzel/Cinzel-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*===== CSS RESET =====*/






/*===== COMMON =====*/
*,
*:before,
*:after{
	margin: 0;
	padding: 0;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html, body {
	width: 100%;
	min-height: 100%;
	height: 100%
}

body {
	background: #fff;
	font-size: 14px;
	font-family: Helvetica, "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
	font-weight: 500;
	line-height: 1.4;
	color: #333;
}

.wft-serif {
	font-family :"Times New Roman", Georgia, "游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝","MS PMincho", serif;
	font-weight: normal;
}



/*
.wft-serif-strong {
	font-family :"Times New Roman", Georgia, "游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝","MS PMincho", serif;
	font-weight: bold;
	color:#993333;
}
*/


.font-strong {
	font-weight: bold;
}



a {
	color: #000;
	text-decoration: none;
}

.strong {
color:#993333;
}

.strong-gold {
color:#726744;
}

.trans {
	opacity: 1;
}

.trans:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: .7;
	-khtml-opacity: .7;
	opacity: .7;
}

#container {
	width: 100%;
}

.wrapper {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.iframe {
   position: relative;
   width: 100%;
   padding: 56.25% 0 0 0;
}

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

/*===== RESPONSIVE =====*/
.md {
	display: block !important;
	}
.sm {
	display: none !important;
}

@media (max-width: 640px) {
	.md {
		display: none !important;
	}
	.sm {
		display: block !important;
	}

	body {
		font-size: 24px;
	}

	img {
		display: block;
		width: 100%;
		height: auto;
	}
	img.inline {
		display: inline;
		width: auto;
	}

	.trans {
		opacity: 1;
	}
	.trans:hover {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}

	#container {
		width: auto;
		min-width: 320px;
	}
	.wrapper {
		width: auto;
		margin: 0;
		padding-left: 1.25em;
		padding-right: 1.25em;
	}

}

@media (max-width: 635px) { body { font-size: 23.8125px } }
@media (max-width: 630px) { body { font-size: 23.625px } }
@media (max-width: 625px) { body { font-size: 23.4375px } }
@media (max-width: 620px) { body { font-size: 23.25px } }
@media (max-width: 615px) { body { font-size: 23.0625px } }
@media (max-width: 610px) { body { font-size: 22.875px } }
@media (max-width: 605px) { body { font-size: 22.6875px } }
@media (max-width: 600px) { body { font-size: 22.5px } }
@media (max-width: 595px) { body { font-size: 22.3125px } }
@media (max-width: 590px) { body { font-size: 22.125px } }
@media (max-width: 585px) { body { font-size: 21.9375px } }
@media (max-width: 580px) { body { font-size: 21.75px } }
@media (max-width: 575px) { body { font-size: 21.5625px } }
@media (max-width: 570px) { body { font-size: 21.375px } }
@media (max-width: 565px) { body { font-size: 21.1875px } }
@media (max-width: 560px) { body { font-size: 21px } }
@media (max-width: 555px) { body { font-size: 20.8125px } }
@media (max-width: 550px) { body { font-size: 20.625px } }
@media (max-width: 545px) { body { font-size: 20.4375px } }
@media (max-width: 540px) { body { font-size: 20.25px } }
@media (max-width: 535px) { body { font-size: 20.0625px } }
@media (max-width: 530px) { body { font-size: 19.875px } }
@media (max-width: 525px) { body { font-size: 19.6875px } }
@media (max-width: 520px) { body { font-size: 19.5px } }
@media (max-width: 515px) { body { font-size: 19.3125px } }
@media (max-width: 510px) { body { font-size: 19.125px } }
@media (max-width: 505px) { body { font-size: 18.9375px } }
@media (max-width: 500px) { body { font-size: 18.75px } }
@media (max-width: 495px) { body { font-size: 18.5625px } }
@media (max-width: 490px) { body { font-size: 18.375px } }
@media (max-width: 485px) { body { font-size: 18.1875px } }
@media (max-width: 480px) { body { font-size: 18px } }
@media (max-width: 475px) { body { font-size: 17.8125px } }
@media (max-width: 470px) { body { font-size: 17.625px } }
@media (max-width: 465px) { body { font-size: 17.4375px } }
@media (max-width: 460px) { body { font-size: 17.25px } }
@media (max-width: 455px) { body { font-size: 17.0625px } }
@media (max-width: 450px) { body { font-size: 16.875px } }
@media (max-width: 445px) { body { font-size: 16.6875px } }
@media (max-width: 440px) { body { font-size: 16.5px } }
@media (max-width: 435px) { body { font-size: 16.3125px } }
@media (max-width: 430px) { body { font-size: 16.125px } }
@media (max-width: 425px) { body { font-size: 15.9375px } }
@media (max-width: 420px) { body { font-size: 15.75px } }
@media (max-width: 415px) { body { font-size: 15.5625px } }
@media (max-width: 410px) { body { font-size: 15.375px } }
@media (max-width: 405px) { body { font-size: 15.1875px } }
@media (max-width: 400px) { body { font-size: 15px } }
@media (max-width: 395px) { body { font-size: 14.8125px } }
@media (max-width: 390px) { body { font-size: 14.625px } }
@media (max-width: 385px) { body { font-size: 14.4375px } }
@media (max-width: 380px) { body { font-size: 14.25px } }
@media (max-width: 375px) { body { font-size: 14.0625px } }
@media (max-width: 370px) { body { font-size: 13.875px } }
@media (max-width: 365px) { body { font-size: 13.6875px } }
@media (max-width: 360px) { body { font-size: 13.5px } }
@media (max-width: 355px) { body { font-size: 13.3125px } }
@media (max-width: 350px) { body { font-size: 13.125px } }
@media (max-width: 345px) { body { font-size: 12.9375px } }
@media (max-width: 340px) { body { font-size: 12.75px } }
@media (max-width: 335px) { body { font-size: 12.5625px } }
@media (max-width: 330px) { body { font-size: 12.375px } }
@media (max-width: 325px) { body { font-size: 12.1875px } }
@media (max-width: 320px) { body { font-size: 12px } }

/*===== HEADER =====*/

header {
	
	
}
header img {
	max-width: 100%
}

/*===== first-block =====*/

.first-block .header-copy{
	font-size: 12px;
	float:left;
	color: #a0a0a0;
	margin-top: 5px;
	font-weight: normal;
}
.first-block ul{
	float:right;
/*
	width: 570px;*/
	width: 690px;
}
.first-block ul li{
	float:right;
/*	width: 33.3%;*/
	line-height: 37px;
}
.first-block .t-estimate{
	background-color:#d49618;
	text-align: center;
	border-left: 1px #fff solid;
/* add haruna */
	width: 25%;
}
.first-block .t-estimate a{
	color: #fff;
	font-size: 15px;
	font-weight: normal;
	display: block;
	width:62%;
	margin: auto;
}
.first-block .t-estimate a span{
	background: url(http://www.sljapan.com/contents/images/icon-estimate.png) no-repeat;
	background-position: left center;
    background-size: 14px;
    display: block;
}
.first-block .t-mail{
	background-color:#d49618;
	text-align: center;
/* add haruna */
	width: 25%;
}
.first-block .t-mail a span{
	background: url(../image/icon-con-mail.png) no-repeat;
	background-position: left center;
    padding-left: 30px;
    background-size: 23px;
}
.first-block .t-estimate:hover,.first-block .t-mail:hover{
	background-color:#d88e00;
}
.first-block .t-mail a{
	color: #fff;
	font-size: 15px;
	font-weight: normal;
	display: block;
}

.first-block .t-tel{
	color: #d49618;
/* haruna edit 
	font-size: 24px;*/
	font-size: 18px;
	font-family: 'Cinzel', serif;
	font-weight: normal;
	width: 41%;
}
.first-block .t-tel span{
	background: url(http://www.sljapan.com/contents/images/icon-phone.png) no-repeat;
	background-position: left center;
    padding-left: 23px;
    background-size: 18px;
    line-height: 42px;
}

/*===== second-block =====*/
.second-block .logo{
	width: 350px;
	float:left;
	margin-top:-50px;
	
}
.second-block .logo img{
	margin-top: 1rem;
}
.second-block .subnav{
	float:right;
	margin-left: 30px;
}
.second-block .subnav li{
	float:left;
	line-height: 44px;
	margin-left: 15px;
}
.second-block .subnav li a{
	font-size: 12px;
	color: #666666;
	display: block;
}
.second-block .subnav li a:hover{
	text-decoration: underline;
}
.second-block .s-news span{
	background: url(http://www.sljapan.com/contents/images/icon-news.png) no-repeat;
	background-position: left center;
    padding-left: 23px;
    background-size: 17px;
    display: block;
}
.second-block .s-blog span{
	background: url(http://www.sljapan.com/contents/images/icon-pen.png) no-repeat;
	background-position: left center;
    padding-left: 18px;
    background-size: 14px;
    display: block;
}
.second-block .s-faq span{
	background: url(http://www.sljapan.com/contents/images/icon-faq.png) no-repeat;
	background-position: left center;
    padding-left: 20px;
    background-size: 15px;
    display: block;
}
.second-block .s-dic span{
	background: url(http://www.sljapan.com/contents/images/icon-dic.png) no-repeat;
	background-position: left center;
    padding-left: 18px;
    background-size: 14px;
    display: block;
}

/* 20170627 add start */

.second-block .s-price span{
	background: url(http://www.sljapan.com/contents/images/icon-price.png) no-repeat;
	background-position: left center;
    padding-left: 20px;
    background-size: 15px;
    display: block;
}

/* 20170627 add end */

.second-block .sns{
	float: right;
	margin-left: 11px;
}
.second-block .sns li{
	float: left;
	margin-left: 7px;
	line-height: 53px;
}
.second-block .search{
	float: right;
	margin:2px 0 0 10px;
	line-height: 16px;
}

.btn_menu .open .up{
	display: block;
}
.btn_menu .open .down{
	display: none;
}
.btn_menu .close .up{
	display: none;
}
.btn_menu .close .down{
	display: block;
}
button{
	border: none;
}





@media (max-width: 640px) {
	header .md {
        display: none !important;
    }
    header .sm {
        display: block !important;
    }

	header {
		padding: 0 0 10px 0;
		font-size: 1em;
		border-top: 4px solid #d88e00;
	}
	header img {
		width: 100%
	}			
	.second-block .logo{
		margin-top: 10px;	
	}
	header .btn_menu {
		width: 17.24137931034483%;
		float: right;
	}
	header 	.wrapper {
		width: auto;
		margin: 0;
		padding-left: 1.25em;
		padding-right: 1.25em;
	}
	.first-block .header-copy{
		font-size: 9px;
	    float: none;
	    text-align: center;
	    margin-bottom: 8px;
	}


	/*===== sm-block =====*/

	.sm-block .sm {
		display: block !important;
	}
	.sm-block ul{
		position: relative;
		float:left;
		width: 100%;
		line-height: 30px;
	}
	.sm-block ul li{
		background-color:#e0c07e;
		float:left;
		line-height: 30px;
	}
	.sm-block .t-tel{
		width: 50%;
	}
	.sm-block .t-mail{
		width: 50%;
		border-left: 1px #fff solid;
	}


	.sm-block .t-tel a {
		font-family: 'Cinzel', serif;
		font-weight: normal;
		margin-left: 15%;
		color: #fff;
		background: url(http://www.sljapan.com/contents/images/icon-phone.png) no-repeat;
		background-position: left center;
		padding-left: 18px;
		background-size: 18px;
		font-size: 18px;
		font-weight: normal;
	}

	.sm-block .t-mail a {
		color: #fff;
		font-size: 15px;
		margin-left: 15%;
		background: url(../image/icon-con-mail.png) no-repeat;
		background-position: left center;
		background-size: 20px;
		padding-left: 25px;
		line-height: 30px;
		font-weight: normal;
	}

}


/*===== NAVIGATION =====*/

.navigation {
	
}
.navigation .wrapper {
}
.navigation .nav01 {
	width: 12%; 
}
.navigation .nav02 {
	width: 22%;
}
.navigation .nav03 {
	width: 22%;
}
.navigation .nav04 {
	width: 22%;
}
.navigation .nav05 {
	width: 22%;
}
.navigation .nav06 {
	width: 10%;
}
.navigation .nav07 {
	width: 10%;
}
.navigation .nav08 {
	width: 10%;
}
.navigation .ul_nav > li {
	float: left;
	position: relative;
	border-right: 1px solid #ECECEC;
}

.navigation .ul_nav > li:first-child {
	border-left: 1px solid #ECECEC;
}
.navigation .ul_nav > li > a {
	display: block;
	font-size: 15px;
	line-height: 1em;
	font-weight: bold;
	padding: 20px 0 15px 0;
	letter-spacing: 1px;
	text-align: center;
	margin: -7px 0;
	position: relative;
	z-index: 5005;
}
.navigation .ul_nav a span {
	text-align: center;
	font-size: 9px;
	color: #958a68;
	font-family: "arial",sans-serif;
	display: block;
	padding: 7px 0 7px 0;
	font-weight: normal;
}
.navigation .ul_nav li.current span{
	color: #dda229;
}
.navigation .ul_nav li.current:after {
	content: "";
	display: block;
	border-bottom: 2px solid #e0c07e;
}
.navigation .ul_nav .sub_nav {
	position: absolute;
	top: 100%;
	background: #fff;
	z-index: 5000;
	left: 0;
	width: 130%;
	font-size: 11px;
	border-bottom: 1px solid #eaeaea;
	display: none;
}
.navigation .ul_nav .sub_nav > li {
	border: 1px solid #eaeaea;
	border-bottom: none
}
.navigation .ul_nav .sub_nav > li a {
	font-size: 13px;
	display: block;
	padding: 14px 5px 14px 14px;
	line-height: 1.5em;
	color: #454545;
}
.navigation .ul_nav .sub_nav > li:first-child {
	margin-top: 1px;
}

@media (max-width: 640px) {
	
	/*===== NAVIGATION =====*/

    .navigation.md {
        display: none !important;
    }
    .navigation_sm.sm {
        display: block !important;
    }
	.navigation_sm {
		position: relative;
		z-index: 20000;
		background: #fff
	}
	.navigation_sm .ul_navig {
		font-size: 1.166666666666667em;
		line-height: 1.5em;
		display: none;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		background: #fff
	}
	.navigation_sm .ul_navig > li {
		border-bottom: 2px solid #e8c583;
	}
	.navigation_sm .ul_navig a {
		position: relative;
		display: block;
	}
	.navigation_sm .ul_navig > li > a {
		background: #d88e00;
		padding: 1.03em 3em 1.03em 1.428571428571429em;
		color: #fff
	}
	.navigation_sm .ul_navig > li > a:before,
	.navigation_sm .ul_navig .sub_nav > li a:before {
		content: ' ';
		width: 0.89em;
		height: 0.89em;
		position: absolute;
		right: 2.14em;
		top: 50%;
		margin-top: -0.445em;
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: 100% 100%
	}
	.navigation_sm .ul_navig > li > a:before {
		background-image: url(http://www.sljapan.com/contents/images/sp/bullet02.png)
	}
    .navigation_sm .ul_navig > li.no_child > a:before {
        background-image: none;
    }
	.navigation_sm .ul_navig .sub_nav > li a:before {
		background-image: url(http://www.sljapan.com/contents/images/sp/bullet03.png)
	}
	.navigation_sm .ul_navig > li > a.active:before {
		background-image: url(http://www.sljapan.com/contents/images/sp/bullet02_on.png)
	}
	.navigation_sm .ul_navig .sub_nav,
	.navigation_sm .ul_navig .sub_nav .sub_child {
		display: none
	}
	.navigation_sm .ul_navig .sub_nav li {
		border-bottom: 2px solid #d88e00;
	}
	.navigation_sm .ul_navig .sub_nav li:last-child {
		border-bottom: none
	}
	.navigation_sm .ul_navig .sub_nav > li > a {
		padding: 1.03em 3em 1.03em 2.428571428571429em;
	}
	.navigation_sm .ul_navig .sub_nav .sub_child > li:first-child {
		border-top: 2px solid #d88e00;
	}
	.navigation_sm .ul_navig .sub_nav .sub_child > li > a {
		padding: 1.03em 3em 1.03em 3.857142857142857em
	}
	.navigation_sm .ul_navig .sub_nav > li.drop > a:before {
		background-image: url(http://www.sljapan.com/contents/images/sp/bullet04.png)
	}
	.navigation_sm .ul_navig .sub_nav > li.drop > a.active:before {
		background-image: url(http://www.sljapan.com/contents/images/sp/bullet04_on.png)
	}

}

@media (max-width: 600px) {
	
	/*===== NAVIGATION =====*/

	.navigation_sm .ul_navig > li,
	.navigation_sm .ul_navig .sub_nav li {
		border-bottom-width: 1px;
	}
	.navigation_sm .ul_navig .sub_nav .sub_child > li:first-child {
		border-top-width: 1px;
	}

}



/*===== MAIN =====*/

#main {}
.img {
	display: block;
	max-width: 100%
}
.effect {
	overflow: hidden;
	position: relative;
}
.effect img {
	display: block;
	width: 100%;
	-webkit-transition: 0.4s ease;
  	transition: 0.4s ease;
}
a.trans:hover .effect img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

@media (max-width: 640px) {

	/*===== MAIN =====*/

	.img {
		width: 100%
	}
	a.trans:hover .effect img {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	
}




/*===== PAGE: TOP =====*/


@media (max-width: 640px) {
        .wrap_slider.md {
        display: none !important;
    }
    .wrap_slider.sm {
        display: block !important;
    }
    
}



/*===== SLIDER =====*/
.wrap_slider {
	position: relative;
	overflow: hidden;
}
.wrap_slider img {
	display: block;
	width: 100%;
}
.wrap_slider .ul_slider li {
	position: relative;
}
.wrap_slider .ul_slider .silder_tit {
	color: #fff;
	width: 71.4%;
	top: 50%;
	position: absolute;
	left: 50%;
	height: auto;
	z-index: 10;
	margin: -7.28% 0 0 -35.7%;
}

.silder_tit .tit_en100{
	font-family: 'Cinzel';
	font-size: 100px;
	display: block;
	text-align: center;
	line-height: 1;
}

.silder_tit .tit_camp{
	font-size: 50px;
	display: block;
	text-align: center;
	line-height: 1;
}

.silder_tit .tit_en{
	font-family: 'Cinzel';
	font-size: 160px;
	display: block;
	text-align: center;
	line-height: 1;
}

.silder_tit .tit_big{
	font-size: 80px;
	display: block;
	text-align: center;
	line-height: 1;
}


.silder_tit .tit_en:after {
 	content: "";
 	border-bottom: 4px solid #e0c07e;
 	display: block; 
 	width:100px;
 	margin: auto;
}	
.silder_tit .copy{
	font-size: 33px;
	display: block;
	text-align: center;
	line-height: 0;
	margin-top: 33px;
}	

.wrap_slider .bx-prev,
.wrap_slider .bx-next {
	position: absolute;
	top: 50%;
	z-index: 200;
	width: 56px;
	height: 91px;
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -10000px;
	margin-top: -28px
}
.wrap_slider .bx-prev {
	background-image: url(http://www.sljapan.com/contents/images/btn_prev.png);
	left: 0
}
.wrap_slider .bx-next {
	background-image: url(http://www.sljapan.com/contents/images/btn_next.png);
	right: 0
}
.wrap_slider .item_pattern {
	position: relative;
}

.bx-controls.bx-has-pager.bx-has-controls-direction {
	display: block;
    position: relative;
    top: -225px;
    
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

.bx-wrapper .bx-pager {
    text-align: center;
    top: 398px;
    left: 46%;
    background-image: url(http://www.sljapan.com/contents/images/pager_bg.png);    
    background-repeat: no-repeat;
    margin: auto;
    width: 148px;
    padding-top: 8px;
    display: block;
	height: 21px;	
    }
    
 .bx-wrapper { 
	  margin-bottom: -1px;
	   } 

  /*FirefoxのみCSS*/
@-moz-document url-prefix() {
  .bx-wrapper .bx-pager{
    top: 204px;
  }
}


@media (max-width: 1550px)  {
    .bx-wrapper .bx-pager {
    left: 45%;
     }
}
@media (max-width: 1400px)  {
    .bx-wrapper .bx-pager {
    left: 44.5%;
     }
}
@media (max-width: 1250px)  {
	 .silder_tit .tit_en {
    font-size: 140px;
	}
	.silder_tit .copy {
    font-size: 26px;
	}
    .bx-wrapper .bx-pager {
    left: 44%;
     }
    .wrap_slider .ul_slider .silder_tit {
	top: 45%;
	}
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #c5c5c5;
    border-radius: 6px;
    display: block;
    height: 10px;
    margin: 0 5px;
    width: 10px;
    text-indent: -9999px;
}
.bx-pager.bx-default-pager {
	z-index: 1000;
}
.bx-wrapper .bx-prev {
    background-image: url(http://www.sljapan.com/contents/images/btn_prev.png);
    width: 48px;
    height: 48px;
}
.bx-wrapper .bx-controls-direction a {
    background-position: 0 0;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position: absolute;
    top: 30%;
    outline: 0;
    width: 3em;
    height: 3em;
    text-indent: -9999px;
    z-index: 9999;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #e0c07e;
}

@media (max-width: 640px) {
	.wrap_slider .bx-prev,
	.wrap_slider .bx-next {
		display:none;
	}
.bx-wrapper .bx-pager {
    left: 39%;
	}
	.wrap_slider .ul_slider .silder_tit {
	color: #fff;
	width: 71.4%;
	top: 40%;
	position: absolute;
	left: 50%;
	height: auto;
	z-index: 10;
	margin: -7.28% 0 0 -35.7%;
	}

.silder_tit .tit_en_mini{
	font-family: 'Cinzel';
	font-size: 2em;
	display: block;
	text-align: center;
	line-height: 1;
}

.silder_tit .tit_en_mini_camp{
	font-size: 2em;
	display: block;
	text-align: center;
	line-height: 1;
}

.silder_tit .tit_en{
	font-family: 'Cinzel';
	font-size: 3.5em;
	display: block;
	text-align: center;
	line-height: 1;
}



.silder_tit .tit_en:after {
 	content: "";
 	border-bottom: 4px solid #e0c07e;
 	display: block; 
 	width:100px;
 	margin: auto;
	}
.silder_tit .copy{
	font-size: 1.14em;
	display: block;
	text-align: center;
	line-height: 1;
	margin-top: 20px;
	}	
.silder_tit .tit_en:after {
 	content: "";
 	width:100px;
 	margin-top:10px;
	}	
}

@media (max-width: 640px) {
	.bx-wrapper .bx-pager {
    left: 39%;
	}
	.bx-controls.bx-has-pager.bx-has-controls-direction {
    top: -224px;
	}
}
@media (max-width: 550px) {
	.bx-wrapper .bx-pager {
    left: 35%;
	}
}
@media (max-width: 450px) {
	.bx-wrapper .bx-pager {
    left: 33%;
	}
}
@media (max-width: 420px) {
	.bx-wrapper .bx-pager {
    left: 32%;
	}
}
@media (max-width: 400px) {
	.bx-wrapper .bx-pager {
    left: 30%;
	}
}
@media (max-width: 400px) {
	.bx-wrapper .bx-pager {
    left: 30%;
	}
	.silder_tit .tit_en {
    display: block;
	}
	.silder_tit .copy {
    font-size: 15px;
    }
}
@media (max-width: 370px) {
	.bx-wrapper .bx-pager {
    left: 28%;
	}
}
@media (max-width: 340px) {
	.bx-wrapper .bx-pager {
    left: 27%;
	}
}
@media (max-width: 320px) {
	.bx-wrapper .bx-pager {
    left: 27%;
	}
}
	

/*===== PAGE: COMMON=====*/
.bg-gray{
	background-color: #f5f5f5;
}
.bg-beige{
	background-image: url(http://www.sljapan.com/contents/images/bg-beige.jpg)
}
.bg-beige02{
	background-color: #f3efe7;
}
.bg-pink{
	background-color: #f3e4e3;
}

/*===== PAGE: TOP CONTENT=====*/
.bg-gray .inner,.bg-beige .inner,.bg-beige02 .inner,.bg-wh .inner{
	width: 1000px;
	margin: auto;
	padding: 40px 0;
}
.ttl-en{
	font-size: 38px;
	font-family: 'Cinzel';
	text-align: center;
	color: #726744;
	letter-spacing: 0.2em;
	line-height: 1;
	margin: 15px 0;
}

.ttl01{
	font-size: 22px;
	text-align: center;
	line-height: 1.5;
	letter-spacing: 0.2em;
}	
.wrap-3col{
	margin-top:50px; 	
}
.wrap-3col .box{
	float: left;
    width: 312px;
    margin-right: 32px;
    display: block;
    position: relative;
    height: 500px;
}
.wrap-3col .box:nth-child(3n), .wrap-2col .box:nth-child(2n) {
    margin-right: 0 !important;
}
.wrap-3col .box .thumb img{
    display: block;
    width:312px
}
.wrap-3col .box .tit{
	width: 278px;
	position: absolute;
    left: 0;
    top: 190px;
    font-size: 26px;
    padding-top: 52px;
    color: #726744;
    display: block;
	background-color: #f5f5f5;
	margin-left: 35px;
	letter-spacing: 0.2em;
	line-height: 1.3;
}    
.wrap-3col .box .tit:before{
	content: "";
	border-top:2px solid #e0c07e;
	width:32px;
	display: block;
}	
.wrap-3col .box .tit span{
	margin: -18px 0 0 45px;;
	display: block;
}	
.wrap-3col .box .txt{
	position: absolute;
	width: 278px;
    font-size: 15px;
    top: 290px;
    margin-left: 35px;
    line-height: 1.5;
    color: #504f4d;
}    
.wrap-3col .box.b03 .tit{
	padding-top: 50px;
}   
.wrap-3col .box.b03 .tit span{
	margin: -32px 0 0 45px;;
}


/* add start */

.wrap-3col .t-btn2 {
	position: absolute;
	margin: 200px 0px 0px 70px;
	text-align: center;
}
.wrap-3col .t-btn2 a {
    text-align: center;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    padding: 0 12px;
    background: #958a68;
}
.wrap-3col .t-btn2 a span {
    display: block;
    padding: 15px 31px;
    background: url(http://www.sljapan.com/contents/images/arrow01.png) no-repeat right center;
    -webkit-background-size: 23px auto;
    background-size: 23px auto;
}
.wrap-3col .t-btn2 a:hover{
    background: #c7b57d;
}
/* add end */

.t-btn{
    text-align: center;
    margin-top: 40px;
}
.t-btn a{
    text-align: center;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    padding: 0 12px;
    background: #958a68;
}
.t-btn a:hover{
    background: #c7b57d;
}
.t-btn a span{
	display: block;
    padding: 17px 59px;
    background: url(http://www.sljapan.com/contents/images/arrow01.png) no-repeat right center;
    -webkit-background-size: 23px auto;
    background-size: 23px auto;
}






@media (max-width: 640px) {
	.bg-gray .inner,.bg-beige .inner,.bg-beige02 .inner,.bg-wh .inner{
	width: 100%;
	margin: auto;
	padding: 1em 3.225%;
	}
	.ttl-en {
    font-size: 1.86em;
	}
	.ttl01 {
    font-size: 1.71em;
	}
	.ttl01.line.wft-serif.mt70{
	margin-top: 3em;
	}
	.wrap-3col{
	margin-top:40px; 	
	}
	.wrap-3col .box {
    float: none;
    width: 100%;
    margin-right: 0;
    position: static;
    height: auto;
	}
	.wrap-3col .box .tit {
    width: 100%;
    position: static;
    left: auto;
    top: auto;
    font-size: 2em;
    padding: 25px 0 15px 13%;
    color: #726744;
    display: block;
    background-color: #f5f5f5;
    margin: -20px 0 0 0;
    letter-spacing: 0.2em;
    line-height: 1.3;
	}
	.wrap-3col .box .txt {
    position: static;
    width: 100%;
    font-size: 1.07em;
    /*top: static;*/
    margin: 0 0 30px 0;
    line-height: 1.5;
	}
	.wrap-3col .box .thumb{
    width:100%;
	}
	.wrap-3col .box .thumb img{
    width:100%
	}
	.t-btn{
    margin-top: 2em;
	}
	.t-btn a span{
    padding: 1.5em 3em;
	}	
	.ttl01.line.wft-serif.mt90, .ttl01.line.wft-serif.mt100{
	margin-top: 2em;	
	}

/* add start */

	.wrap-3col .t-btn2 {
		position: static;
		margin-top: 2em;
		margin-bottom: 3em;

	}

	.wrap-3col .t-btn2 a span {
	    padding: 1.5em 3em;
	}

/* add end */

}




/* First　NewBland支援 */

.bg-gray.support .inner{
	width: 1200px;
	margin: auto;
	padding: 0;
}
.first{
	width: 600px;
	float:left;
	padding: 70px;
}
.newbland{
	width: 600px;
	float:left;
	padding: 70px;
}
.first .tit,.newbland .tit{
	font-size: 26px;
    color: #726744;
    letter-spacing: 0.2em;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 1.2em;
}
.first p,.newbland p{
	width: 90%;
	margin: 23px auto 0 auto;
    font-size: 15px;
    line-height: 1.5;
    color: #504f4d;
}
.first .t-btn02,.newbland .t-btn02{
	width: 200px;
	margin: 1em auto 0 auto;
}
@media (max-width: 1200px) {
.bg-gray.support .inner {
    width: 1000px;
    margin: auto;
}
.first,.newbland{
	width: 500px;
}
.first img,.newbland img{
	width: 100%;
}
}

@media (max-width: 640px) {
	.bg-gray.support .inner{
	width: 100%;
	margin: 0 auto 2em auto;
	}
	.first{
	width: 100%;
	float:none;
	padding: 1em;
	}
	.newbland{
	margin-top: 2em;
	width: 100%;
	float:none;
	padding: 1em;
	}
	.first .tit,.factory .tit{
	font-size: 2em;
	}
	.first p,.factory p{
	font-size: 1.07em;
	}
}




/* アパレルブランド立ち上げの流れ start */

.wrap-firstflow-tit {
	background-color:#f8e8e7;
	border-radius: 22px;  
	margin:1em auto 1em;
	text-align:center;
}
.wrap-firstflow-tit .tit-fw{
	font-size: 19px;
    color: #726744;
    padding: 0.7em;
	font-weight:bold;
}
.wrap-firstflow-tit .tit-fw span{
	font-size: 13px;
    color: #fff;
    padding: 0.5em;
    margin-right: 1em;
    	background-color:#968b69;
	font-weight:normal;
	border-radius: 7px;  
}
.wrap-firstflow-li{
	width: 920px;
	margin: 2.5em auto 0 auto;	
}

.mokuji{
	width: 60%;
	padding: 2em 2em 2em 2em;
	background-color: #f5f5f5;
	margin-bottom: 2em;
}


.firstflow-li li:after {
/*    font-family: 'FontAwesome';
    content: "\f063";
*/
    display: block;
	font-size:14px;
/*    margin:0.2em 0 0.5em 2em;*/
    margin:2em 2em 2em 2em;
	color: #968b69;	
}

.firstflow-li li.none:after {
    display: none;
}
.firstflow-li{
	margin-left:150px;
	width:620px;
	float:left;
}
.firstflow-li span{
	font-size: 13px;
    color: #fff;
    padding: 0.3em 1.5em;
    margin-right: 1em;
    background-color:#968b69;
	font-weight:normal;
	border-radius: 7px;  
}
.firstflow-li li{
	font-size:16px;
	line-height: 1.5;
}
.firstflow-li li a{
	color: #5c4c33;
	text-decoration: underline;
	padding-bottom: 0.5em;
	cursor: pointer;
}

.firstflow-li li div{
	margin-left:100px;
	font-size:14px;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
/*    display: none;*/
    display: block;
}

.firstflow-li li p.border{
	padding-bottom: 0.7em;
	margin-bottom: 1em;
	border-bottom: 1px dashed #e5e5e5;
}



.firstflow-li li.txt {
	margin-bottom:2em;
	border-bottom: none;
	padding: auto;

}
.firstflow-li li.txt:after {
    display: none;
}


.firstflow-li li.none{
	margin-left:2em;
	font-size:14px;
	border-bottom: none;
	padding: auto;
	list-style-type: disc;
}

.wrap-firstflow-tit .tit-fw span.wide br {
    display: none;
}

@media (max-width: 640px) {

	.wrap-firstflow-li {
    width: 100%;
    float: none;
    margin: 2.5em auto 0 auto;
	}
	.wrap-firstflow-tit {
    border-radius: 0.8em;
    margin: -1.5em auto 1em;
	}
	.wrap-firstflow-tit .tit-fw {
    font-size: 1.35em;
	}
	.wrap-firstflow-tit .tit-fw span {
		font-size: 0.92em;
		display: block;
		width: 40%;
		margin: 0 auto  0.7em auto;
		border-radius: 0.5em;
		padding: 0.3em;
	}
	.wrap-firstflow-tit .tit-fw span.wide {
		display: block;
		width: 80%;
	}
	.wrap-firstflow-tit .tit-fw span.wide br {
		display: block;
	}
	.firstflow-li {
		width: 100%;
		margin: auto;
	}
	.firstflow-li li {
		font-size: 1.14em;
	}
	.firstflow-li span {
		font-size: 0.92em;
		border-radius: 0.5em;
	}
	.firstflow-li li div{
		margin:auto;
		font-size:14px;
		padding-top: 1em;
		padding-bottom: 1em;
		display: none;
	}
	.tit-fw {
		font-size: 1.42em;
	}
	firstflow-li li {
		font-size: 1.28em;
	}
	.firstflow-li li:after {
		font-size: 1.07em;
	}

}


/* アパレルブランド立ち上げの流れ end */




/* APPAREL OEM/ODM */

.top .left-box-wrap{
	position: relative;	
	height: 420px;
	margin-top: 1em;
}	
.top .left-box-wrap .left{
	position: absolute;	
	border:1px solid #d9c7a3;
	width:344px;
	height: 360px;
	display: block;
	padding: 30px 0 0 30px;
	margin: 50px 0 0 22px;
	z-index: 1000;
}
.top .left-box-wrap .img{
	position: absolute;	
	height: 470px;
	bottom: -117px;
    right: 0px;
}

.top .left-box-wrap .left .inner{
	position: absolute;	
	background-color: #fff;
	padding: 60px;
	width: 344px;
	height: 360px;
	margin: -53px 0 0 -45px;
}	
.top .left-box-wrap .left .tit{
    font-size: 26px;
    color: #726744;
    display: block;
	letter-spacing: 0.2em;
	line-height: 1.3;
}    
.top .left-box-wrap .left .tit:after{
	content: "";
	border-top:2px solid #e0c07e;
	width:32px;
	display: block;
	margin-top: 20px;
}	
.top .left-box-wrap .left .txt {
	margin-top: 23px;
    font-size: 15px;
    line-height: 1.5;
    color: #504f4d;
}
.t-btn02 {
    margin-top: 1.8em;
}
.t-btn02 a {
    text-align: center;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    padding: 0 12px;
    background: #958a68;
}
.t-btn02 a span {
    display: block;
    padding: 15px 31px;
    background: url(http://www.sljapan.com/contents/images/arrow01.png) no-repeat right center;
    -webkit-background-size: 23px auto;
    background-size: 23px auto;
}
.t-btn02 a:hover{
    background: #c7b57d;
}

.top .right-box-wrap{
	position: relative;	
	height: 420px;
	margin: 5em 0 6em;
}
.top .right-box-wrap .img{
	position: absolute;
	top:75px;
}
.top .right-box-wrap .right{
	position: absolute;	
	border:1px solid #d9c7a3;
	width:344px;
	height: 360px;
	display: block;
	padding: 30px 0 0 30px;
	margin: 50px 0 0 22px;
    right: 26px;	
    z-index: 1000;
}
.top .right-box-wrap .right .inner{
	position: absolute;	
	background-color: #fff;
	padding: 60px;
	width: 344px;
	height: 360px;
	margin: -54px 0 0 -5px;
}	
.top .right-box-wrap .right .tit{
    font-size: 26px;
    color: #726744;
    display: block;
	letter-spacing: 0.2em;
	line-height: 1.3;
}    
.top .right-box-wrap .right .tit:after{
	content: "";
	border-top:2px solid #e0c07e;
	width:32px;
	display: block;
	margin-top: 20px;
}	
.top .right-box-wrap .right .txt {
	margin-top: 23px;
    font-size: 15px;
    line-height: 1.5;
    color: #504f4d;
}

@media (max-width: 640px) {
.top .left-box-wrap {
    height: 680px;
}
.top .right-box-wrap  {
    height: 680px;
    margin: 5em 0 3em;
	}

.top .left-box-wrap .left {
    width: 92%;
    padding: 0px 0 0 30px;
    margin: 50px 0 0 21px;
    height: 334px;
	}
.top .left-box-wrap .left .inner {
    padding: 40px 20px;
    width: 100%;
	height: 370px;
	}
.top .left-box-wrap .left .tit {
    font-size: 2em;
    	}
.top .left-box-wrap .img {
	top: 300px;
	}
.top .left-box-wrap .left .txt {
	font-size: 1.07em;
	}

.top .right-box-wrap .right {
    width: 92%;
    padding: 0px 0 0 30px;
    margin: 50px 0 0 0;
    height: 334px;
	}
.top .right-box-wrap .right .inner {
    padding: 40px 20px;
    width: 100%;
	height: 370px;
	}
.top .right-box-wrap .right .tit {
    font-size: 2em;
    	}
.top .right-box-wrap .img{
    top: 300px;
    height: 740px;
	}
.top .right-box-wrap .right .txt {
	font-size: 1.07em;
	}
}

@media (max-width: 560px) {
.top .left-box-wrap,.top .right-box-wrap {
    height: 630px;
	}
}
@media (max-width: 500px) {
.top .left-box-wrap,.top .right-box-wrap {
    height: 600px;
	}
}
@media (max-width: 460px) {
.top .left-box-wrap,.top .right-box-wrap {
    height: 570px;
	}
}

@media (max-width: 440px) {
	.top .left-box-wrap .left {
    height: 284px;
	}
	.top .left-box-wrap .left .inner {
	height: 320px;
	}
	
	.top .right-box-wrap .right {
    height: 284px;
	}
	.top .right-box-wrap .right .inner {
	height: 320px;
	}
	.top .left-box-wrap,.top .right-box-wrap {
    height: 540px;
	}	
}

@media (max-width: 350px) {
	.top .left-box-wrap,.top .right-box-wrap {
    height: 520px;
	}
}

/* アパレル卸 縫製工場 */

.bg-wh.top .inner{
	width: 1200px;
	margin: auto;
	padding: 0;
}
.apa-wholesale{
	width: 600px;
	float:left;
	padding: 70px;
}
.factory{
	width: 600px;
	float:left;
	background-color: #f5f5f5;
	padding: 70px;
}
.apa-wholesale .tit,.factory .tit{
	font-size: 26px;
    color: #726744;
    letter-spacing: 0.2em;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 1.2em;
}
.apa-wholesale p,.factory p{
	width: 90%;
	margin: 23px auto 0 auto;
    font-size: 15px;
    line-height: 1.5;
    color: #504f4d;
}
.apa-wholesale .t-btn02,.factory .t-btn02{
	width: 200px;
	margin: 1em auto 0 auto;
}
@media (max-width: 1200px) {
.bg-wh.top .inner {
    width: 1000px;
    margin: auto;
}
.apa-wholesale,.factory{
	width: 500px;
}
.apa-wholesale img,.factory img{
	width: 100%;
}
}

@media (max-width: 640px) {
	.bg-wh.top .inner{
	width: 100%;
	margin: 2em auto 2em auto;
	}
	.apa-wholesale{
	width: 100%;
	float:none;
	padding: 1em;
	}
	.factory{
	margin-top: 2em;
	width: 100%;
	background-color: #fff;
	float:none;
	padding: 1em;
	}
	.apa-wholesale .tit,.factory .tit{
    font-size: 2em;
	}
	.apa-wholesale p,.factory p{
	font-size: 1.07em;
	}
}

/* ショールーム */

.copy-txt{
	color: #5c4c33;
	font-size: 15px;
	text-align: center;
	margin-top: 2em;
}
.show{
	margin-top: 3em;
}
.show02{
	margin-top: 1.5em;
}
.show li{
	width: 192px;
	min-height:373px;
	float: left;
	margin-right: 8px;
	background-color: #fff;
	padding: 1em 0;
	border: 5px #fff solid;
}
.show02 li{
	width: 242px;
	float: left;
	margin-right: 10px;
	background-color: #fff;
	padding: 1em 0;
	border: 5px #fff solid;
	display: block;
}
.show li:nth-child(5n){
    margin-right: 0 !important;
}
.show02 li:nth-child(4n){
    margin-right: 0 !important;
}
.show li a{
	display: block;
}
.show02 li a{
	display: block;
}
.show li:hover{
	border: 5px #f2dfb2 solid;
}
.show02 li:hover{
	border: 5px #f2dfb2 solid;
}
.show li img{
	margin: auto;
	margin-top: 50px;
	display: block;
	width: 166px;
}
.show02 li img{
	margin: auto;
	display: block;
	width: 166px;
}
.show li .season{
	color: #984b4b;
	font-size: 18px;
	text-align: center;
	font-family: "arial",sans-serif;
	font-style: italic;
}
.show li .name{
	font-size: 15px;
	text-align: center;
	color: #504f4d;
}
.show02 li .name{
	font-size: 15px;
	padding: 0em 0em;
	color: #504f4d;
	text-align: center;
	display: block;
}

.show02 li .price{
	font-size: 15px;
	padding: 0em 0em;
	color: #504f4d;
	text-align: center;
	display: block;
}



@media (max-width: 640px) {
	.copy-txt{
	font-size: 1.14em;
	}
	.show li{
	width: 32.5%;
	min-height: 200px;
	margin-right: 1%;
	}
	.show li img{
		margin-left: 0px;
		margin-top: 10px;
		display: block;
		width: 100%;
	}
	.show li .season{
 	font-size: 0.92em;
	}
	.show li .name{
 	font-size: 0.92em;
	}
	.show li .price{
 	font-size: 0.92em;
	}
	.show li:nth-child(3n){
    margin-right: 0 !important;
	}
	.show02 {
    margin-top: 0;
	}
	.show02 li {
    width: 100%;
	heigit 100%;
    float: none;
    margin-right: 0px;
    padding: 1em 0;
    margin-bottom: 2em;
    border: 5px #fff solid;
    display: block;
	}
	.show02 li img {
	width: 80%; 
	}
}


/* 事例紹介 */
.bg-gray.pink{
	background: url(http://www.sljapan.com/contents/images/top-pink-bg.jpg) no-repeat center bottom;
	background-color: #f5f5f5;
}
.case{
	margin-top: 3em;
}
.case li{
	width: 312px;
	background-color: #fff;
	float: left;
	margin: 3em 32px 0 0;
}
.case li:nth-child(3n){
    margin-right: 0 !important;
}
.case li .no img{
	display: block;
	margin: -28px auto 0 auto;	
}
.case li .illust img{
	display: block;
	width:92px;
	margin: 20px auto 0 auto;
}
.case li .illust.i02 img{
	width:82px;
}
.case li .tit{
	background: url(http://www.sljapan.com/contents/images/double-quotation.png) no-repeat 10px 0px;
	width: 100%;
	height:2.5em;
	color: #acacac;
}
.case li .tit span{
	display: block;
	margin: 15px auto;
	padding-top: 10px;
	text-align: center;
}
.case li .copy{
	width: 80%;
	font-size: 16px;
	color:#504f4d;
	margin: 20px auto;
}	
.case li .t-btn03{
	width: 75%;
	border-top: 1px solid #977962;
    border-bottom: 1px solid #977962;
    margin: 25px auto 40px;
}
.case li .t-btn03 span{
	background: url(http://www.sljapan.com/contents/images/arrow02.png) no-repeat right 10px center;
    -webkit-background-size: 6px auto;
    background-size: 6px auto;
    color: #977962;
	font-size: 15px;
	padding: 10px;
	text-align: center;
	display: block;
}

@media (max-width: 640px) {
	.case li{
	width: 100%;
	float: none;
	margin: 3em 32px 0 0;
	padding: 10px;	
	}
	.case li .no img{
	width: 39px;
	}
}

/* INFORMATION  STAFF BLOG */
.top .info{
	width: 484px;
/*	width: 90%;*/
	float: left;
	margin-right: 32px;

}
.top .blog{
	width: 484px;
	float: left;
}
.top .info ul,.top .blog ul{
	border-top: 1px dotted #787878;
}
.top .info li,.top .blog li{
	border-bottom: 1px dotted #787878;
}
.top .info li a,.top .blog li a{
	display: block;
	padding: 20px 0;
	background: url(http://www.sljapan.com/contents/images/arrow03.png) no-repeat right 10px center;
	background-size: 21.5px auto;
}	
.top .info li .img,.top .blog li .img{
	width: 140px;
	height: 100px;
	float:left;
	border: 2px solid #dedede;
	background-color: #fff;
	margin-right: 28px;
	overflow: hidden;
    display: block;
    text-align: center;
    line-height: 0;
}	
.top .info li .txt,.top .blog li .txt{
	width: 300px;
	float:left;
	padding-right: 40px;
}
.top .info li .txt .date,.top .blog li .txt .date{
	margin-top: 1em;
	font-family: "arial",sans-serif;
	font-weight: bold;
	color: #656565;
}
.top .info li .txt .tit,.top .blog li .txt .tit{
	margin-top: 1em;
	font-size: 14px;
	color:#504f4d;
}
.top .info .ttl-en02,.top .blog .ttl-en02 {
	font-size: 28px;
	font-family: 'Cinzel';
	text-align: center;
	color: #726744;
	letter-spacing: 0.2em;
	line-height: 1;
	margin: 15px 0;
	margin: 30px 0 50px 0;
}
.top .info .t-btn03,.top .blog .t-btn03 {
    width: 45%;
    border-top: 1px solid #977962;
    border-bottom: 1px solid #977962;
    margin: 25px auto 40px;
}
.top .info .t-btn03 span,.top .blog .t-btn03 span {
    background: url(http://www.sljapan.com/contents/images/arrow02.png) no-repeat right 10px center;
    -webkit-background-size: 6px auto;
    background-size: 6px auto;
    color: #977962;
    font-size: 15px;
    padding: 10px;
    text-align: center;
    display: block;
}

@media (max-width: 640px) {
	.top .info,.top .blog {
    width: 100%;
    float: none;
	}
	.top .info li .img, .top .blog li .img {
    width: 140px;
    height: 80px;
    margin-right: 10px;
	}
	.top .info .ttl-en02,.top .blog .ttl-en02 {
	font-size: 2em;
	}
	.top .info li .txt, .top .blog li .txt {
    width: 62%;
    float: right;
    padding-right: 25px;
	}
	.top .info .t-btn03 span,.top .blog .t-btn03 span {
    font-size:1.07em;
    }
    .top .info li .txt .date,.top .blog li .txt .date{
	font-size:0.92em;
	}
	.top .info li .txt .tit,.top .blog li .txt .tit{
	font-size:1em;
	}
}

@media (max-width: 320px) {
	.top .info li .txt, .top .blog li .txt {
    width: 49%;
	}
}



/* INFORMATION 変更後 */
.top .info_left{
	width: 490px;
	float: left;
	margin-right: 10px;
}
.top .info_right{
	width: 490px;
	float: left;
}

.top .info_left ul,.top .info_right ul{
	margin: 0; 
	padding: 0; 
	list-style: none; 
/*	border-top: 1px dotted #787878;*/
}

.top .info_left li,.top .info_right li{
	background: #ffffff;
	width: 100%;
	height: 50px;
	display: inline; 
	padding: 0; 
	margin: 0; 
}

.top .info_left li a,.top .info_right li a{
/*
	display: block;
	padding: 20px 0;
	background-color: #fff;
	background-size: 21.5px auto;
*/
	display: block;
	background-color: #fff;
	background-size: 21.5px auto;
	padding: 3px 10px;
	margin: 10px 0px;
}	
.top .info_left li .img,.top .info_right li .img{
	width: 210px;
	height: 150px;
	float:left;
	border: 2px solid #dedede;
	background-color: #fff;
	margin-right: 28px;
	overflow: hidden;
    display: block;
    text-align: center;
    line-height: 0;
}	
.top .info_left li .txt,.top .info_right li .txt{
	width: 232px;
	float:left;
	padding-right: 20px;
}
.top .info_left li .txt .date,.top .info_right li .txt .date{
	margin-top: 1em;
	font-family: "arial",sans-serif;
	font-weight: bold;
	color: #656565;
}
.top .info_left li .txt .tit,.top .info_right li .txt .tit{
	margin-top: 1em;
	font-size: 15px;
	color:#504f4d;
}
.top .info_left .ttl-en02,.top .info_right .ttl-en02 {
	font-size: 28px;
	font-family: 'Cinzel';
	text-align: center;
	color: #726744;
	letter-spacing: 0.2em;
	line-height: 1;
	margin: 15px 0;
	margin: 30px 0 50px 0;
}
.top .info_left .t-btn03,.top .info_right .t-btn03 {
    width: 45%;
    border-top: 1px solid #977962;
    border-bottom: 1px solid #977962;
    margin: 25px auto 40px;
}
.top .info_left .t-btn03 span,.top .info_right .t-btn03 span {
    background: url(http://www.sljapan.com/contents/images/arrow02.png) no-repeat right 10px center;
    -webkit-background-size: 6px auto;
    background-size: 6px auto;
    color: #977962;
    font-size: 15px;
    padding: 10px;
    text-align: center;
    display: block;
}

@media (max-width: 640px) {
	.top .info_left,.top .info_right {
    width: 100%;
    float: none;
	}
	.top .info_left li .img, .top .info_right li .img {
    width: 140px;
    height: 80px;
    margin-right: 10px;
	}
	.top .info_left .ttl-en02,.top .info_right .ttl-en02 {
	font-size: 2em;
	}
	.top .info_left li .txt, .top .info_right li .txt {
    width: 62%;
    float: right;
    padding-right: 25px;
	}
	.top .info_left .t-btn03 span,.top .info_right .t-btn03 span {
    font-size:1.07em;
    }
    .top .info_left li .txt .date,.top .info_right li .txt .date{
	font-size:0.92em;
	}
	.top .info_left li .txt .tit,.top .info_right li .txt .tit{
	font-size:1em;
	}
}

@media (max-width: 320px) {
	.top .info_left li .txt, .top .info_right li .txt {
    width: 49%;
	}
}




/* テラオエフについて */
.top-aboutus-bg{
	margin: auto;
	background: url(http://www.sljapan.com/contents/images/top-aboutus01.jpg) no-repeat left  center;
	background-color: #f3e4e3;
	height: 479px;
}
.top-aboutus-bg .inner{
	width: 1000px;
	margin: auto;
}
.top-aboutus{
	background: url(http://www.sljapan.com/contents/images/top-aboutus02.jpg) no-repeat right 50px;
	height: 450px;
}
.top-aboutus .tit{
	color: #726744;
	font-size: 26px;
}
.top-aboutus p{
	color: #5c4c33;
	font-size: 15px;
	line-height: 2;
	margin-top: 1.8em;
}
.top-aboutus .wrap{
	width: 280px;
	float: right;
	margin: 9em 3em 0 0;
}

@media (max-width: 640px) {
	.top-aboutus-bg {
    margin: auto;
    padding:2em 0 2em; 
    background: url(http://www.sljapan.com/contents/images/top-aboutus01.jpg) no-repeat top center;
    background-color: #f3e4e3;
    height: auto;
	}
	.top-aboutus-bg .inner{
	width: 100%;
	}
	.top-aboutus{
	background: url(http://www.sljapan.com/contents/images/sp/top-aboutus02_sp.jpg) no-repeat top center;
	-webkit-background-size: 100% auto;
    background-size: 100% auto;
	height: auto;
	width: 90%;
	margin: auto;
	padding: 1em;
	}
	.top-aboutus .wrap{
	width: 80%;
	float: none;
	margin:  auto;
	}
	.top-aboutus .tit{
	font-size: 1.86em;
	margin-top: 12.5em;
	}
	.top-aboutus p{
	font-size: 1.07em;
	margin: 1em 0 3em;
	}
}

/* お問い合わせ */
.contact-bnr{
	margin-top:3em;
}
.contact-bnr li{
	float: left;
	width:484px;
	margin-right: 32px;
	background: #fff;
}
.contact-bnr li.mt{
	margin-top: 30px;
}
.contact-bnr li:nth-child(even){
	margin-right: 0;
}
.contact-bnr li a{
	display: block;
	padding: 20px;
    background: url(http://www.sljapan.com/contents/images/arrow06.png) no-repeat right 10px center;
    border: 4px solid #ebe9e2;
}
.contact-bnr li a:hover{
    border: 4px solid #f2dfb2;
}
.contact-bnr li .img{
	float: left;
	width: 115px;
	margin-right: 30px;
}
.contact-bnr li a .txt{
	float: left;
	width: 270px;
}
.contact-bnr  li .txt h3{
	color: #726744;
	font-size: 20px;
	margin-top: 0.4em;
}	
.contact-bnr li .txt p{
	color:#504f4d;
	font-size: 14px;
	margin-top: 0.8em;
	line-height: 1.8;
}

.contact-bnr li div.comingsoon{
	display: block;
	padding: 20px;
    background: url(http://www.sljapan.com/contents/images/arrow06.png) no-repeat right 10px center;
    border: 4px solid #ebe9e2;
}

@media (max-width: 640px) {
	.contact-bnr li{
	float: none;
	width:100%;
	margin-right: 0;
	}
	.contact-bnr li .img{
	float: left;
	width: 25%;
	margin-right: 5%;
	}
	.contact-bnr li a .txt{
	float: left;
	width: 68%;
	}
	.contact-bnr  li .txt h3{
	font-size: 1.71em;
	margin-top: 0.1em;
	}	
	.contact-bnr li .txt p{
	font-size: 0.92em;
	margin-top: 0.4em;
	line-height: 1.5;
	}	
	.contact-bnr li.mt,.contact-bnr li.mt_sm {
	margin-top: 2em;
	}
}



/* add haruna */

.contact-us{
	margin-top:0em;
}

.contact-us div{
	float: left;
	width:484px;
	margin-right: 32px;
	background: #fff;
}

.contact-us div.mt{
	margin-top: 30px;
}

.contact-us div:nth-child(even){
	margin-right: 0;
}

.contact-us div a{
	display: block;
	padding: 20px;
	background: url(http://www.sljapan.com/contents/images/arrow06.png) no-repeat right 10px center;
	border: 4px solid #ebe9e2;
}

.contact-us div a:hover{
	border: 4px solid #f2dfb2;
}

.contact-us div .img{
	float: left;
	width: 115px;
	margin-right: 30px;
}

.contact-us div a .txt{
	float: left;
	width: 270px;
	margin-bottom: 0em;
}

.contact-us  div .txt h3{
	color: #726744;
	font-size: 24px;
	margin-top: 0.4em;
	margin-bottom: 0em;
}

.contact-us div .txt p{
	color:#504f4d;
	font-size: 14px;
	line-height: 1.8;
	font-weight: normal;
/*	padding:0;*/
	margin-bottom: 0em;
}


@media (max-width: 640px) {
	.contact-us div{
	float: none;
	width:100%;
	margin-right: 0;
	}
	.contact-us div .img{
	float: left;
	width: 25%;
	margin-right: 5%;
	}
	.contact-us div a .txt{
	float: left;
	width: 68%;
	}
	.contact-us  div .txt h3{
	font-size: 1.71em;
	margin-top: 0.1em;
	margin-bottom: 0em;
	}	
	.contact-us div .txt p{
	font-size: 0.92em;
	margin-top: 0.4em;
	margin-bottom: 0em;
	line-height: 1.5;
	}	
	.contact-us div.mt,.contact-us div.mt_sm {
	margin-top: 2em;
	}
}


/* add haruna start */

/* お問い合わせ案内ページ */
.contact-g-wrap {
	width: 800px;
	margin: 3em auto 0 auto;	
}
.contact-g-box {
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: dashed 1px #ccc;
}
.contact-g-box:last-child {
    border-bottom: none;
}

.contact-g-box .g-img {
    width: 13%;
    float: left;
    padding: 10px 0 0 0px;
}


.contact-g-box .g-text {
    width: 55%;
    float: left;
    padding: 20px 0 0 25px;
}

.contact-g-box .g-text h3{
	font-size: 16px;
	margin: 5px 0 5px 0;
	color: #5c4c33;
}	
.contact-g-box .g-text h3 a{
	font-size: 18px;
	color: #5c4c33;
}




.contact-g-box .g-button {
    width: 32%;
    float: left;
    overflow:hidden;
	margin: 1em auto 1em auto;
}


.contact-g-box .g-button .btn{
	width: 100%;
    text-align: center;
    margin-top: 1em;
}
.contact-g-box .g-button .btn a{
	width: 90%;
    text-align: center;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    background: #958a68;
}
.contact-g-box .g-button .btn a:hover{
    background: #c7b57d;
}
.contact-g-box .g-button .btn a span{
	display: block;
    padding: 10px 20px;
}







@media (max-width: 640px){
	.contact-g-wrap {
	width: 100%;
	}
	.contact-g-box .b-text h3 a {
    font-size: 1.28em;
	}
	.contact-g-box .g-img {
    width: 30%;
    float: left;
    padding-left: 0;
	}
	.contact-g-box .g-text {
    width: 70%;
    float: left;
    font-size: 14px;
    padding-left: 10px;
	}
	.contact-g-box .g-button {
    width: 100%;
    float: none;
    padding-left: 0;
	}

	.contact-g-box {
    margin-top: 0;
    padding-top: 0.6em;
	}

	.contact-g .main-col h1,.blog .main-col h2 {
	font-size: 1.143em;
	margin-bottom: 0;	
	}
}


/* add haruna end */



/* バナー スタッフブログ 辞書  SNS*/
.bnr-b01{
	border-bottom: 1px solid #dbdbdb;
}
.bnr-b01 .inner{
	padding: 4em 0;
	width: 1000px;
	margin: auto;
}
.bnr-b01 .left{
	float:left;
}
.bnr-b01 .right{
	float:right;
}


.bnr-b02{
	width:520px;
	margin: 2.5em auto; 
}
.bnr-b02 li{
	float:left;
	margin-right:85px;
}
.bnr-b02 li:nth-child(3n){
    margin-right: 0 !important;
}

.bnr-b03{
	background-color: #dda229;
}
.bnr-b03 .inner{
	width: 1000px;
	margin:auto;
	padding: 6em 0;
}
.bnr-b03 li{
	float: left;
	color: #fff;
	height: 72px;
}
.bnr-b03 .b01{
	width: 216px;
}
.bnr-b03 .b01 .txt01{
	font-size: 24px;
	letter-spacing: 0.2em;
}
.bnr-b03 .b01 .txt02{
	font-size: 18px;
	letter-spacing: 0.2em;
    font-family: 'Cinzel';
    margin-top: 0.7em;
}
.bnr-b03 .b02{
	width: 374px;
	border-right: 1px solid #e7be6a;
}
.bnr-b03 .b02 .txt01{
	 background: url(http://www.sljapan.com/contents/images/icon-con-phone.png) no-repeat left center;
/*	 background-size: 40px ;*/
	 background-size: 30px ;
}
.bnr-b03 .b02 .txt01 a{
	color: #fff;
/*	font-size: 48px;*/
	font-size: 40px;
    font-family: 'Cinzel';
    line-height: 1;
    padding-left: 1em
}
.bnr-b03 .b02 .txt02{
	padding-left: 3em;
}

.bnr-b03 .b03{
	width: 406px;
	border-right: 1px solid #e7be6a;
}
.bnr-b03 .b03 a,.bnr-b03 .b04 a{
	display: block;
}
.bnr-b03 .b03 .icon img{
	width: 36px;
	display: block;
	margin: auto;
}
.bnr-b03 .b04 .icon img{
	width: 23px;
	display: block;
	margin: auto;
}
.bnr-b03 .b03 .txt01{
	color: #fff;
	font-size: 16px;
	text-align: center;
	padding-top: 1.54em;
}
.bnr-b03 .b04 .txt01{
	color: #fff;
	font-size: 16px;
	text-align: center;
	padding-top: 1em;
}

.bnr-b03 .b04{
	width: 204px;
	border-right: 1px solid #e7be6a;
}

.bnr-b04 {
	border-bottom: 1px solid #dbdbdb;
}
.bnr-b04 a img{
	width: 377px;
	display: block;
	margin: 4em auto;
}

@media (max-width: 640px) {
	.bnr-b01 .inner {
    padding: 2.5em 3.225%;
    width: 100%;
	}
	.bnr-b01 .left,.bnr-b01 .right  {
    float: none;
	}
	.bnr-b01 .left img{
    margin-bottom: 1em;
	}
	.bnr-b02 {
    width: 100%;
    margin: 2.5em auto;
	}
	.bnr-b02 li {
    width: 33.3%;
    margin: auto;
	}
	.bnr-b02 li img{
    margin: auto;
    width: 67%;
	}
	.bnr-b02 li.fst img{
    width: 64%;
	}
	.bnr-b03 .inner {
    width: 100%;
    padding:0 0 0.5em;
	}
	.bnr-b03 li {
    float: none;
    height: auto;
	}
	.bnr-b03 .b01,.bnr-b03 .b02,.bnr-b03 .b03,.bnr-b03 .b04 {
    width: 100%;
    border-right: none;
    border-top: 1px solid #e7be6a;
    padding: 2.5em 0;
	}
	
	.bnr-b03 .b01 .txt01 {
    font-size: 1.71em;
    letter-spacing: 0.2em;
	text-align: center;
	}
	.bnr-b03 .b01 .txt02 {
    font-size: 1.86em;
    letter-spacing: 0.2em;
    margin-top: 0.7em;
    text-align: center;
	}
	.bnr-b03 .b02 .txt01 a {
    font-size: 2.14em;
    padding-left:0;
   }
   .bnr-b03 .b02 .txt01 a span {
    background: url(http://www.sljapan.com/contents/images/icon-con-phone.png) no-repeat left center;
    background-size: 22px;
    padding-left:26px;
    }
   .bnr-b03 .b02 .txt01 {
    background: none;
    width: 90%;
    margin: auto;
    text-align: center;
	}
	.bnr-b03 .b02 .txt02 {
    font-size: 0.92em;
    padding-left: 0;
    text-align: center;
    margin-top: 0.3em;
	}
	.bnr-b03 .b03 .txt01,.bnr-b03 .b04 .txt01 {
    font-size: 1.57em;
    padding-top: 1.1em;
	}
	.bnr-b04 a img {
    width: 70%;
    display: block;
    margin: 4em auto;
	}
	
}

/* footer*/
.f-nav .inner{
	width:1000px;
	margin: auto;
}
.f-nav a{
	color: #333;	
}
.f-nav a:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: .7;
	-khtml-opacity: .7;
	opacity: .7;
	text-decoration: underline;
}
.f-nav .f01{
	float: left;
	width:120px;
}

.f-nav .f09{
	float: left;
	width:82px;
}


.f-nav .f02{
	float: left;
	width:128px;
}
.f-nav .f03{
	float: left;
	width:252px;
}
.f-nav .f04{
	float: left;
	width:222px;
}
.f-nav .f05{
	float: left;
	width:83px;
}
.f-nav .f06{
	float: left;
	width:83px;
}
.f-nav .f07{
	float: left;
	width:100px;
}
.f-nav .f08{
	float: left;
	width:110px;
}



.child li a{
	font-size: 12px;
}
.child li {
	padding: 4px 0;
}
.f-nav li p{
	font-size: 16px;
	font-family :"Times New Roman", Georgia, "游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", "HGS明朝E" , "ＭＳ Ｐ明朝","MS PMincho", serif;
	margin: 1.5em 0;
}

.f-btm{
	margin-top: 2em;
	background-color: #e7e1d3;
}
.f-btm .inner{
	width:1000px;
	margin: auto;
	padding: 1.5em 0;
}
.f-btm .left{
	float: left;
}
.f-btm .left li{
	float: left;
	margin-right: 20px;
}
.f-btm .left li a{
	font-size: 12px;
	color: #454545;
}
.f-btm .left li a:hover{
	text-decoration: underline;
}
.f-btm .right{
	float: right;
}
.f-btm .right p{
	font-size: 13px;
	font-family: 'Cinzel';
	letter-spacing: 0.2em;
}

@media (max-width: 640px) {
	.bnr-b04 {
    border-bottom: none;
	}
	.f-btm .inner {
    width: 100%;
    margin: auto;
    padding: 1.5em 0;
    text-align: center;
	}
	.f-btm .left,.f-btm .left {
    float: none;
    width: 100%;
    margin: auto;
	}
	.f-btm .left li a{
	font-size: 0.85em;
	}
	.f-btm .right p{
	font-size: 0.64em;
	letter-spacing: 0;
	text-align: center;
	padding-top: 1em;
	}
	.f-btm .left li {
    float: none;
    margin-right: 0;
    padding-right: 25px;
    display: inline;
	}
	.f-btm .right {
    float: none;
	}

}

/*===== PAGE: LOW=====*/

@media (max-width: 640px) {
	
/* スマホ yahoo検索 */	
	
.wrap-srch {
		}
#srchBox.sb-btm {
	width:90%;
	margin: auto;
	height: 4em;
	}
.sb-btm .none{
	display: none;
	}
	
/* ローカルナビ スマホ */
	.side_bar_sm .h_tit02 {
		background: #d88e00;
		padding: 0.96em;
		text-align: center;
		line-height: 1em;
		font-weight: bold;
		color: #fff;
		font-size: 1.43em;
	}
	.side_bar_sm .ul_cate {
		font-size: 1.21em;
		line-height: 1.2em;
	}
	.side_bar_sm .ul_cate a {
		color: #000;
		position: relative;
		display: block;
	}
	.side_bar_sm .ul_cate li.current a {
		background: #edf1f7
	}
	.side_bar_sm .ul_cate > li {
		display: block;
		border-bottom: 2px solid #d88e00;
	}
	.side_bar_sm .ul_cate > li > a {
		padding: 1em;
	}
	.side_bar_sm .ul_cate > li:first-child > a {
		padding-top: 1em;
	}
	.side_bar_sm .ul_cate > li a:before {
		content: ' ';
		position: absolute;
		right: 1em;
		top: 50%;
		width: 0.64em;
		margin-top: -0.32em;
		height: 0.64em;
		background-position: 0 0;
		background-repeat: no-repeat;
		background-image: url(http://www.sljapan.com/contents/images/sp/bullet03.png);
		background-size: 100% 100%;
	}
	.side_bar_sm .ul_cate > li a.dropdown:before {
		background-image: url(http://www.sljapan.com/contents/images/sp/bullet04.png);
	}
	.side_bar_sm .ul_cate > li a.dropdown.active:before {
		background-image: url(http://www.sljapan.com/contents/images/sp/bullet04_on.png);
	}
	.side_bar_sm .ul_cate .sub_cate  {
		border-top: 2px solid #d88e00;
	}
	.side_bar_sm .ul_cate .ul_drop {
		display: none;
	}
	.side_bar_sm .ul_cate  ul {
		
	}
	.side_bar_sm .ul_cate .sub_cate li {
		border-bottom: 2px dotted #a0a0a0;
	}
	.side_bar_sm .ul_cate .sub_cate li:last-child {
		border-bottom: none;
	}
	.side_bar_sm .ul_cate .sub_cate > li a {
		display: block;
		padding: 0.9em 2em;
	}
	.side_bar_sm .ul_cate .sub_child {
		border-top: 2px dotted #a0a0a0;
	}
	.side_bar_sm .ul_cate .sub_child li a {
		padding-left: 3.3em;
	}
}

@media (max-width: 580px) {
	.side_bar_sm .ul_cate > li {
		border-bottom-width: 1px;
	}
	.side_bar_sm .ul_cate .sub_cate  {
		border-top-width: 1px;
	}
	.side_bar_sm .ul_cate .sub_cate li {
		border-bottom-width: 1px;
	}
	.side_bar_sm .ul_cate .sub_child {
		border-top-width: 1px;
	}
}

/* h1 パンくず */

.banner_tll01{
	background: url(http://www.sljapan.com/contents/images/p-tit-img01.jpg) no-repeat center 0;
	background-size:cover;
	height: 340px;
	width: 100%;
}
.banner_tll02{
	background: url(http://www.sljapan.com/contents/images/p-tit-img02.jpg) no-repeat center 0;
	background-size:cover;
	height: 340px;
	width: 100%;
}
.banner_tll03{
	background: url(http://www.sljapan.com/contents/images/p-tit-img03.jpg) no-repeat center 0;
	background-size:cover;
	height: 340px;
	width: 100%;
}
.banner_tll04{
	background: url(../image/p-tit-img04.jpg) no-repeat center 0;
	background-size:cover;
	height: 340px;
	width: 100%;
}
.banner_tll05{
	background: url(http://www.sljapan.com/contents/images/p-tit-img05.jpg) no-repeat center 0;
	background-size:cover;
	height: 340px;
	width: 100%;
}
.banner_tll06{
	background: url(../image/p-tit-img04.jpg) no-repeat center 0;
	background-size:cover;
	height: 340px;
	width: 100%;
}
.banner_tll07{
	background: url(http://www.sljapan.com/contents/images/p-tit-img07.jpg) no-repeat center 0;
	background-size:cover;
	height: 340px;
	width: 100%;
}

.banner_tll08{
	background: url(http://www.sljapan.com/contents/images/p-tit-img08.jpg) no-repeat center 0;
	background-size:cover;
	height: 340px;
	width: 100%;
}
.banner_tll09{
	background: url(http://www.sljapan.com/contents/images/p-tit-img09.jpg) no-repeat center 0;
	background-size:cover;
	height: 340px;
	width: 100%;
}
.banner_tll10{
	background: url(http://www.sljapan.com/contents/images/p-tit-img10.jpg) no-repeat center 0;
	background-size:cover;
	height: 340px;
	width: 100%;
}
.banner_tll11{
	background: url(http://www.sljapan.com/contents/images/p-tit-img11.jpg) no-repeat center 0;
	background-size:cover;
	height: 340px;
	width: 100%;
}


.wrap-h1{
    width: 1000px;
    margin: 0 auto 0 auto;
    display: table;
    height: 340px;
}
.wrap-h1 h1{
	font-size: 50px;
	font-weight:normal;
	font-family :"Times New Roman", Georgia, "游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝","MS PMincho", serif;
	letter-spacing: 10px;
	line-height: 1;
    color: #ffffff;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    -moz-text-shadow: 2px 2px 30px #000000;
    -webkit-text-shadow: 2px 2px 30px #000000;
    -ms-text-shadow: 2px 2px 30px #000000;
    text-shadow:2px 2px 30px #000000;
}
.wrap-h1 h1:after {
    content: "";
    border-bottom: 4px solid #e0c07e;
    display: block;
    width: 100px;
    margin: 5px auto 0 auto;
}
.breadcrumb{
	width: 1000px;
	margin: auto;
	text-align: right;
	padding: 2em 0;
	font-size: 13px;
}
.breadcrumb span{
}
.breadcrumb a{
	color: #726744;
}
.breadcrumb a:hover{
	text-decoration: underline;
}
.local-nav{
	width: 1000px;
	margin: auto;
	padding: 2em 0;
}
.local-nav .inner {
    border-top: 1px solid #ccc;
    padding: 0;
}
.local-nav .inner h4{
    border-top: 2px solid #e0c07e;
	float:left;
	display: block;
	width: 20%;
	font-size: 15px;
	font-weight: bold;
	padding-top: 1em;
	/*margin-top: ;*/
}

.local-nav .inner h5{
/*	border-top: 1px solid #e0c07e;*/
	float:left;
	display: block;
	width: 20%;
	font-size: 15px;
	font-weight: bold;
	padding-top: 1em;
	text-align:right;
	/*margin-top: ;*/
}


.local-nav .inner ul{
	float: left;
	width: 80%;
	padding: 1.2em 0 0 2em;
}
.local-nav .inner ul li{
	float: left;
	line-height: 1.5;
	margin: 0 2em 1em 0;
}
.local-nav .inner ul li a{
	font-size: 15px;
	padding-top: 3px;
	padding-left: 1em;
	color: #5c4c33;
}
.local-nav .inner ul li a:hover{
	text-decoration: underline;
}
.local-nav .fa.fa-angle-right{
	width: 5px;
}

.local-nav li {
  position: relative;
}
.local-nav li:after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f105";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -13px;
  font-size: 18px;
  color: #5c4c33;
}

.local-nav li.break {
  clear:both;
}


@media (max-width: 640px) {
	.wrap-h1 {
    width: 100%;
    height: auto;
	}
	.wrap-h1 h1 {
    font-size: 2.14em;
    letter-spacing: 0.1em;
    height: 9em;
    }
    .banner_tll01,.banner_tll02,.banner_tll03,.banner_tll04,.banner_tll05,.banner_tll06,.banner_tll07,.banner_tll08,.banner_tll09,.banner_tll10,.banner_tll11 {
    height: auto;
	}
	.breadcrumb {
    width: 100%;
    margin: auto;
    text-align: left;
    padding: 2em 0;
    font-size: 0.92em;
    padding: 2em 1em;
	}
}
/* コンテンツ部分 */
.con-wrap{
	width: 1000px;
	margin: auto;
}
.top-border{
	position: relative;
}
.top-border::before {
 	border-top: solid 15px #e7e1d3;
 	width: 50%;
 	position: absolute;z-index: 1;bottom: 0;left: 0;
 	content: "";
}
.top-border::after {
 	border-top: solid 15px #f8e8e7;
 	width: 100%;
  	position: absolute;bottom: 0;left: 0;
  	content: "";
  }
.ttl02-wrap{
	position: relative;
	background-color: #fff;
	border-left: solid 15px #e7e1d3;
	border-right: solid 15px #f8e8e7;
	padding: 4em 4em 5em 4em;
}
.ttl02-wrap::before {
 	border-bottom: solid 15px #e7e1d3;
 	width: 50%;
 	position: absolute;z-index: 1;bottom: 0;left: 0;
 	content: "";
}
.ttl02-wrap::after {
  	border-bottom: solid 15px #f8e8e7;
  	width: 100%;
  	position: absolute;bottom: 0;left: 0;
  	content: "";
}
.ttl-en03{
	font-size: 38px;
    font-family: 'Cinzel';
    text-align: center;
    color: #726744;
    letter-spacing: 0.2em;
    line-height: 1;
    margin-bottom: 20px;
}
.ttl02 {
    font-size: 25px;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.2em;
}
.cate01{
	font-size:16px;
	text-align:center;
	color: #726744;
	margin-bottom:2em;
}

.img-wrap{
    text-align: center;
    margin-top: 20px;

}

@media (max-width: 640px) {
	.con-wrap{
	width: 100%;
	margin: auto;
	}
	.ttl-en03 {
    font-size: 1.86em;
    font-family: 'Cinzel';
    margin-bottom: 20px;
	}
	.ttl02 {
    font-size: 1.78em;
    text-align: center;
    line-height: 1;
    letter-spacing: 0.2em;
	}
	.top-border {
    margin-top: 1em;
	}
	.ttl02-wrap {
    padding: 3em 2em 4em 2em;
	margin-bottom: 3em;
	}
}


/* ブロック01 */

.page .left-box-wrap{
	position: relative;	
	height: 420px;
	margin-top: 1em;
}	
.page .left-box-wrap .left{
	position: absolute;	
	border:1px solid #d9c7a3;
	width:344px;
	height: 360px;
	display: block;
	padding: 30px 0 0 30px;
	margin: 50px 0 0 22px;
	z-index: 1000;
}
.page .left-box-wrap .img{
	position: absolute;	
	height: 470px;
	bottom: -68px;
    right: 0px;
}

.page .left-box-wrap .left .inner{
	position: absolute;	
	background-color: #fff;
	padding: 60px;
	width: 344px;
	height: 360px;
	margin: -53px 0 0 -45px;
}	
.page .left-box-wrap .left .tit{
    font-size: 26px;
    color: #726744;
    display: block;
	letter-spacing: 0.2em;
	line-height: 1.3;
}    
.page .left-box-wrap .left .tit:after{
	content: "";
	border-top:2px solid #e0c07e;
	width:32px;
	display: block;
	margin-top: 20px;
}	
.page .left-box-wrap .left .txt {
	margin-top: 23px;
    font-size: 15px;
    line-height: 1.5;
    color: #504f4d;
}

.page .right-box-wrap{
	position: relative;	
	height: 420px;
	margin: 5em 0 6em;
}
.page .right-box-wrap .img{
	position: absolute;
	top:17px;
}
.page .right-box-wrap .right{
	position: absolute;	
	border:1px solid #d9c7a3;
	width:344px;
	height: 360px;
	display: block;
	padding: 30px 0 0 30px;
	margin: 50px 0 0 22px;
    right: 26px;	
    z-index: 1000;
}
.page .right-box-wrap .right .inner{
	position: absolute;	
	background-color: #fff;
	padding: 60px;
	width: 344px;
	height: 360px;
	margin: -54px 0 0 -5px;
}	
.page .right-box-wrap .right .tit{
    font-size: 26px;
    color: #726744;
    display: block;
	letter-spacing: 0.2em;
	line-height: 1.3;
}    
.page .right-box-wrap .right .tit:after{
	content: "";
	border-top:2px solid #e0c07e;
	width:32px;
	display: block;
	margin-top: 20px;
}	
.page .right-box-wrap .right .txt {
	margin-top: 23px;
    font-size: 15px;
    line-height: 1.5;
    color: #504f4d;
}

@media (max-width: 640px) {	
.page .left-box-wrap {
    height: 680px;
    margin-top: 3em;
}
.page .right-box-wrap  {
    height: 680px;
    margin: 5em 0 3em;
	}

.page .left-box-wrap .left {
    width: 92%;
    padding: 0px 0 0 30px;
    margin: 50px 0 0 21px;
    height: 334px;
	}
.page .left-box-wrap .left .inner {
    padding: 40px 20px;
    width: 100%;
	height: 370px;
	}
.page .left-box-wrap .left .tit {
    font-size: 2em;
    	}
.page .left-box-wrap .img {
	top: 300px;
	}
.page .left-box-wrap .left .txt {
	font-size: 1.07em;
	}

.page .right-box-wrap .right {
    width: 92%;
    padding: 0px 0 0 20px;
    margin: 50px 0 0 0;
    height: 334px;
	}
.page .right-box-wrap .right .inner {
    padding: 40px 20px;
    width: 100%;
	height: 370px;
	}
.page .right-box-wrap .right .tit {
    font-size: 2em;
    	}
.page .right-box-wrap .img{
    top: 300px;
    height: 740px;
	}
.page .right-box-wrap .right .txt {
	font-size: 1.07em;
	}
}

@media (max-width: 560px) {
.page .left-box-wrap,.page .right-box-wrap {
    height: 630px;
	}
}
@media (max-width: 500px) {
.page .left-box-wrap,.page .right-box-wrap {
    height: 600px;
	}
}
@media (max-width: 460px) {
.page .left-box-wrap,.page .right-box-wrap {
    height: 570px;
	}
}

@media (max-width: 440px) {
	.page .left-box-wrap .left {
    height: 274px;
	}
	.page .left-box-wrap .left .inner {
	height: 300px;
	}
	
	.page .right-box-wrap .right {
    height: 274px;
	}
	.page .right-box-wrap .right .inner {
	height: 300px;
	}
	.page .left-box-wrap,.page .right-box-wrap {
    height: 540px;
	}	
	.page .left-box-wrap .img {
    top: 280px;
	}
	.page .right-box-wrap .img {
    top: 280px;
	}
}

@media (max-width: 350px) {
	.page .left-box-wrap,.page .right-box-wrap {
    height: 520px;
	}
}




/* ブロック02 */
.bg-wh.page .inner {
    width: 1000px;
    padding: 5em 0;
    margin: auto;
}
.ttl01.line:after {
    content: "";
    border-bottom: 2px solid #e0c07e;
    display: block;
    width: 58px;
    margin: 1em auto 0 auto;
}
.box02-left-wrap{
	margin:3.5em 0; 
}
.box02-left-wrap .left{
	float: left;
	width: 490px;
}
.box02-left-wrap .right{
	float: right;
	width: 510px;
}

.box02-left-wrap .center{
	float: left;
	width: 100%;
	margin: 0 0 0 0;
}

.box02-left-wrap .center .t-btn{
    margin-top: 0px;
}

.box02-left-wrap .right .tit{
	font-size: 20px;
	margin: 1.8em 0;
	letter-spacing: 0.1em;
}
.box02-left-wrap .right .txt{
	font-size: 15px;
	color:#504f4d;
	line-height: 1.8;
	margin-bottom: 2.5em;
}
.box02-right-wrap{
	margin:3.5em 0; 
}
.box02-right-wrap .right{
	float: right;
	width: 450px;
}
.box02-right-wrap .left{
	float: left;
	width: 510px;
}
.box02-right-wrap .left .tit{
	font-size: 20px;
	margin: 1.8em 0;
	letter-spacing: 0.1em;
}
.box02-right-wrap .left .txt{
	font-size: 15px;
	color:#504f4d;
	line-height: 1.8;
	margin-bottom: 2.5em;
}

/* add haruna start */
.box02-right-wrap .left li, .box02-left-wrap .left li{
	background:url(http://www.sljapan.com/contents/images/checked20.png) no-repeat 0 1px;
	padding-left: 30px;
	font-size: 18px;
	/*color:#993333;*/
/*	font-family :"Times New Roman", Georgia, "游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", "HGS明朝E" , "ＭＳ Ｐ明朝","MS PMincho", serif;*/
	margin: 1em 1em;
}


/* add haruna end */

.box03-wrap {
	text-align:center;
}

@media (max-width: 640px) {
	.bg-wh.page .inner {
    width: 100%;
    padding: 5em 3.225% 2em 3.225%;
    margin: auto;
	}
	.box02-left-wrap .left,.box02-left-wrap .right,.box02-right-wrap .right,.box02-right-wrap .left {
    float: none;
    width: 100%;
	}
	.box02-left-wrap .right .tit,.box02-right-wrap .left .tit {
    font-size: 1.42em;	
	}
	.box02-left-wrap .right .txt,.box02-right-wrap .left .txt {
    font-size: 1.07em;
    margin-bottom: 0.5em;
	}
}

/* ブロック03 */
.bg-beige.page .inner {
    width: 1000px;
    margin: auto;
    padding: 5em 0;
}
.ttl03{
	font-size:22px;
}
.ttl03:after {
    content: "";
    border-top: 2px solid #e0c07e;
    width: 53px;
    display: block;
    margin-top: 20px;
}
.box3-wrap{
	margin: 2em 0 4em;
}
.box3-wrap .left01 img{
	float:left;
	width:300px;
}
.box3-wrap .right01{
	float:right;
	width:658px;
}
.box3-wrap .left02{
	float:left;
	width:658px;
}
.box3-wrap .right02 img{
	float:right;
	width:300px;
	text-align: right;
}
.box3-wrap .txt{
	font-size:15px;
	line-height:1.8;
}
.box3-wrap .tit05{
	font-size:18px;
	margin-bottom: 0.5em;
	font-weight: bold;
}
@media (max-width: 640px) {
	.bg-beige.page .inner {
    width: 100%;
    padding: 5em 3.225% 2em 3.225%;
	}
	.ttl03{
	font-size:1.57em;
	line-height:1.3;
	}
	.box3-wrap .left,.box3-wrap .right,.box3-wrap .left img{
	float:none;
	width:100%;
	}
	.box3-wrap .right .txt{
	font-size:1.07em;
	line-height:1.8;
	margin-top:2em;
	}
	.box3-wrap .left02 {
    float: none;
    width: 100%;
	}
	.box3-wrap .left01 img {
    float: none;
    width: 100%;
    margin-top: 1em;
	}
	.box3-wrap .right01 {
    float: none;
    width: 100%;
	}
	.box3-wrap .tit05 {
    font-size: 1.28em;
    margin-top: 1em;
    font-weight: bold;
	}
	.box3-wrap .right02 img {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 1em;
	}
	.box3-wrap .txt {
    font-size: 1.07em;
	}
}


/* 下層ページ　追加スタイル */
.wrap-txt-box01{
	margin-top: 2em;
}
.wrap-txt-box01 .tit04{
	font-size: 22px;
	padding: 1em;
	text-align: center;
	font-weight: bold;
	color: #726744;
}
.wrap-txt-box01 .tit04:after {
    content: "";
    border-bottom: 2px solid #e0c07e;
    display: block;
    width: 58px;
    margin: 1em auto 0 auto;
}
.wrap-txt-box01 .pink{
	background-color: #f8e8e7;
}
.wrap-txt-box01 .beige{
	background-color: #e7e1d3;
}
.wrap-txt-box01 .wrap{
	margin: auto;
	width: 90%;
	padding: 2em 1em;
	border-bottom: 1px dashed #e5e5e5;
}
.wrap-txt-box01 .wrap.none{
	border-bottom: none;	
}
.wrap-txt-box01 .wrap .right{
	float: right;
	margin-left: 2em;
	width: 300px;
}
.wrap-txt-box01 .wrap .left{
	float: left;
	width: 300px;
	margin-right: 2em;
}
.wrap-txt-box01 .txt{
	font-size: 15px;
	line-height: 1.8;
}
.wrap-txt-box01 img.map{
	width:700px;
	margin:2em auto;
	display:block;
}

/* add haruna */
.wrap-txt-box01 h3 {
/*page-break-before: always;*/
}

.ttl04 {
	 font-size: 20px;
	text-align:center;
}
.period {
	 font-size: 18px;
	text-align:center;
	margin-top:2em;
	color: #726744;
}
.wrap-flow-tit {
	background-color:#f8e8e7;
	border-radius: 22px;  
	margin:1em auto 1em;
	text-align:center;
}
.wrap-flow-tit .tit-fw{
	font-size: 19px;
    color: #726744;
    padding: 0.7em;
	font-weight:bold;
}
.wrap-flow-tit .tit-fw span{
	font-size: 13px;
    color: #fff;
    padding: 0.5em;
    margin-right: 1em;
    	background-color:#968b69;
	font-weight:normal;
	border-radius: 7px;  
}
.wrap-flow-li{
	width: 920px;
	margin: 2.5em auto 0 auto;	
}
.wrap-flow-li img{
	width: 260px;
	float:right;	
}
.flow-li li:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f063";
    display: block;
	font-size:14px;
    margin:0.2em 0 0.5em 2em;
	color: #968b69;	
}
.flow-li li.none:after {
    display: none;
}
.flow-li{
	width:620px;
	float:left;
}
.flow-li span{
	font-size: 13px;
    color: #fff;
    padding: 0.3em 1.5em;
    margin-right: 1em;
    background-color:#968b69;
	font-weight:normal;
	border-radius: 7px;  
}
.flow-li li{
	font-size:16px;
	line-height: 1.5;
}
.flow-li li p{
	padding-bottom: 0.7em;
	border-bottom: 1px dashed #e5e5e5;
}
.flow-li li.arr{
	border-bottom: none;
	padding: 0;
	margin: -10px 0 3px 27px ;
}
.flow-li li.none{
	font-weight: bold;
}
.wrap-flow-tit .tit-fw span.wide br {
    display: none;
}
.floatbox-3col-sp2{
    margin-bottom: 40px;
}
.floatbox-3col-sp2 li{
    width: 31.5%;
    float:left;
    margin-right:2.7%;
    margin-top: 2em;
}
.floatbox-3col-sp2 li p{
    font-size: 13px;
    margin-top: 10px;
    line-height: 1.3;
}
.floatbox-3col-sp2 li img{
    width: 100%;
}
.floatbox-3col-sp2 li:first-child:nth-last-child(3n+6) ~ li:nth-child(3n)  {
    margin-right:0;
}

.box03{
	margin-top:4em;
	padding:2em;
	border-bottom: 1px dashed #e5e5e5;
}
.box03 .left{
	width:370px;
	float:left;
	text-align:center;
}
.box03 .right{
	width:570px;
	float:right;
	text-align:center;
}
.box03 .left .icon{
	width:46px;
}
.box03 .left .bi-tit{
	font-size:24px;
	color: #404040;
	letter-spacing: 0.2em;
	margin:0.5em 0;
}
.box03 .left .toc-li li{
	font-size:15px;
	color: #404040;
	padding-bottom:0.5em;	
}
.box03 .right .L-img{
	padding-right: 15px;
}

.box04{
	margin-top:4em;
	padding:2em;
	border-bottom: 1px dashed #e5e5e5;
}
.box04 .left{
	width:370px;
	float:right;
	text-align:center;
}
.box04 .right{
	width:570px;
	float:left;
	text-align:center;
}
.box04 .left .icon{
	width:46px;
}
.box04 .left .bi-tit{
	font-size:24px;
	color: #404040;
	letter-spacing: 0.2em;
	margin:0.5em 0;
}
.box04 .left .toc-li li{
	font-size:15px;
	color: #404040;
	padding-bottom:0.5em;	
}
.box04 .right .L-img{
	padding-right: 15px;
}

.map-center{
	text-align: center;
	margin: 2em auto 0em;
	display: block;
}
.table-tit{
	font-size: 16px;
	margin-top: 3em;
}
a.link{
	color: #726744;
	font-weight: bold;
	text-decoration: underline;	
}

a.link:hover{
	text-decoration: none;	
}

.case-list{
	margin: 1em 0 3em 0;
}
.case-list a{
	color: #5c4c33;
	text-decoration: underline;
	padding-bottom: 0.5em;
	display: block;
}




/* add haruna */
/* サイトマップ */

.box05{
	margin-top:1em;
	padding:1em;
	border-bottom: 1px dashed #e5e5e5;

}

.box05 .left{
	width:250px;
	float:left;
	padding-left:20px;
	background:url(http://www.sljapan.com/contents/images/other/sitemap_point.png) no-repeat left center;
	margin-left:1em;
}


.box05 .left-other{
	width:250px;
	float:left;
	padding-left:20px;
	margin-left:1em;
}


.box05 .right{
	width:700px;
	float:right;
}

.box05 ul li{
    font-size:0.9em;
	color:#666666;
	width:210px;
	float:left;
	line-height:2;
}





@media (max-width: 640px) {
	.wrap-case-list{
	padding: 1em;	
	}
	.table-tit{
	font-size: 1.14em;
	margin-top: 2em;
	}
	.ttl04 {
	 font-size: 1.43em;
	}
	.wrap-txt-box01 .wrap {
    width: 100%;
    padding: 1em 0;
	 }
	.wrap-txt-box01 .wrap .left {
    float: none;
    width: 100%;
    margin-right: 0;
	}
	.wrap-txt-box01 .tit04 {
    font-size: 1.28em;
	}
	.wrap-txt-box01 .txt {
    font-size: 1.07em;
    line-height: 1.8;
    margin-top: 1em;
	}
	.wrap-txt-box01 .wrap .right {
    float: none;
    margin-left: 0;
    width: 100%;
	}
	.wrap-txt-box01 img.map{
	width:100%;
	margin:1em auto;
	}
	.wrap-flow-li {
    width: 100%;
    float: none;
    margin: 2.5em auto 0 auto;
	}
	.wrap-flow-tit {
    border-radius: 0.8em;
    margin: -1.5em auto 1em;
	}
	.wrap-flow-tit .tit-fw {
    font-size: 1.35em;
	}
	.wrap-flow-tit .tit-fw span {
	font-size: 0.92em;
    display: block;
    width: 40%;
    margin: 0 auto  0.7em auto;
    border-radius: 0.5em;
    padding: 0.3em;
    	}
    	.wrap-flow-tit .tit-fw span.wide {
    display: block;
    width: 80%;
    	}
    	.wrap-flow-tit .tit-fw span.wide br {
    display: block;
    	}
	.wrap-flow-li img {
    display: none;
	}
	.flow-li {
    width: 100%;
    margin: auto;
	}
	.flow-li li {
    font-size: 1.14em;
	}
	.tit-fw.wft-serif.mt50{
	margin-top: 2.5em;	
	}
	.flow-li span {
    font-size: 0.92em;
    border-radius: 0.5em;
	}
	.period {
    font-size: 1.28em;
	}
	.tit-fw {
    font-size: 1.42em;
	}
	flow-li li {
    font-size: 1.28em;
	}
	.flow-li li:after {
    font-size: 1.07em;
	}
	.floatbox-3col-sp2 li{
    width: 47.7%;
    margin-right:4.6%;
	}	
	.floatbox-3col-sp2 li:first-child:nth-last-child(3n+6) ~ li:nth-child(3n)  {
    margin-right:4.6%;
	}
	.floatbox-3col-sp2 li:first-child:nth-last-child(2n+4) ~ li:nth-child(2n)  {
    margin-right:0;
	}
	.box03 .left,.box04 .left {
    width: 100%;
    float: none;
	}
	.box03 .left .icon,.box04 .left .icon {
    width: 46px;
    margin: auto;
	}
	.box03 .right,.box04 .right {
    width: 100%;
    float: none;
	}
	.box03 .left .bi-tit,.box04 .left .bi-tit {
    font-size: 1.71em;
    }
    .box03 .left .toc-li li,.box04 .left .toc-li li {
    font-size: 1.07em;
    }
    .toc-li{
	margin-bottom: 2em;    
    }
    .box03,.box04,.box05 {
    margin-top: 3em;
    padding: 0 0 2em 0;
    }
    .box03 .right .L-img{
	width: 48%;
	float: left;
	padding-right: 0;
	}
	.box03 .right .R-img{
	width: 48%;
	float: right;
	}
	.box04 .right .L-img{
	width: 48%;
	float: left;
	padding-right: 0;
	}
	.box04 .right .R-img{
	width: 48%;
	float: right;
	}


	.box05 {
	margin-top:1em;
	margin-bottom:1em;
	}

	.box05 .left .left-other {
	width: 100%;
	float: none;
	font-size: 1.07em;
	}

	.box05 .right  {
	width: 100%;
	float: none;
	padding-left:20px;
	}

	.box05 .right  li {
	margin-top:0.3em;
	clear:both;
	}

}


/* テーブル */
.table {
	display: table;
	width: 100%;
	margin-top:2em;
	border-top:2px solid #c7c7c7;
	border-bottom:2px solid #c7c7c7;
}
.table.topnone{
	margin-top:0.5em;
}
.table,
.table th,
.table td {
	border-spacing: 0;
	border-collapse: collapse;
}
.table th,
.table td {
	vertical-align: top;
	border: 1px dotted #c7c7c7;
}
.table th {
	width: 210px;
	padding:1em;
	text-align: left;
	border-right: none;
	border-left: none;
}
.table td {
	padding:1em;
	border-right: none;
	border-left: none;
}


/* table02 */

.table02{
	border-top: 1px solid #e5e5e5;
	width:100%;
	margin: 30px 0 5em 0;
}
.table02 th{
	width:20%;
	border-bottom: 1px solid #e5e5e5;
	font-size: 15px;
	color:#626262;
	padding: 20px 30px 20px 15px;
	text-align: left;
	font-weight:bold ;
	line-height: 1.5;
}
.table02 td{
	border-bottom: 1px solid #e5e5e5;
	font-size: 15px;
	padding: 20px 15px 20px 30px;
	text-align: left;
	line-height: 1.6;
	border-top: none;
	border-left: none;
	border-right: none;
}
.table02 td .bold{
	font-weight: bold;
	color: #626262;	
}

.table02 a{
	color: #5c4c33;
	text-decoration: underline;
	padding-bottom: 0.5em;
/*	display: block;*/
}


/* table-price */


.table-price {
	display: table;
	width: 100%;
	margin-top:2em;
	border-top:2px solid #c7c7c7;
	border-bottom:2px solid #c7c7c7;
}
.table-price.topnone{
	margin-top:0.5em;
}
.table-price,
.table-price th,
.table-price td {
	border-spacing: 0;
	border-collapse: collapse;
}
.table-price th,
.table-price td {
	vertical-align: top;
	border: 1px dotted #c7c7c7;
}
.table-price th {
	width: 20%;
	padding:1em;
	text-align: left;
	border-right: none;
	border-left: none;
}
.table-price td {
	width: 20%;
	padding:1em;
/*	text-align: right;*/
	border-right: none;
	border-left: none;
}
.table-price th.table-title{
	font-weight: bold;
	font-size: 15px;
}
.table-price td.table-title{
	font-weight: bold;
	font-size: 15px;
}


.price-list li {
	margin: 0em 3em 0em 0em;
	float: left;
}

.price-list a{
	color: #5c4c33;
	text-decoration: underline;
	padding-bottom: 0.5em;
	display: block;
}




/* table-task */


.table-task {
	display: table;
	width: 100%;
	margin-top:2em;
	border-top:1px solid #c7c7c7;
	border-left:1px solid #c7c7c7;
	border-bottom:1px solid #c7c7c7;
	border-right:1px solid #c7c7c7;
}

.table-task th,td {
	border-spacing: 0;
	border-collapse: collapse;
	border: 1px solid #c7c7c7;
	vertical-align: top;
	text-align: left;
}

.table-task th {
	padding:0.5em;
	border-left: none;
}

.table-task td {
	background: #ffffff;
	padding:0.5em;
	border-left: none;
}

.table-task th.title,td.plan1{
	padding:0.5em;
	background: #e7e7e7;
}


.table-task th.plan1,td.plan1{
	padding:0.5em;
/*	background: #eefae6;*/
	background: #e7e7e7;
}

.table-task th.plan2,td.plan2{
	padding:0.5em;
/*	background: #dbf4fb;*/
	background: #e7e7e7;
}

.table-task th.plan3,td.plan3{
	padding:0.5em;
/*	background: #e7e1d3;*/
	background: #e7e7e7;
}


.table-task th,dl,dt,dd {
	margin: 0;
	padding: 0;
}
.table-task dt {
	font-size: 15px;
	color: #958a68;
	padding:0.5em 0 0 0.5em;

}

.table-task dd {
	margin-left: 10px;
	font-size: 15px;
	padding:0 0 0 0.5em;
	font-weight: normal;
}

.table-task td.terao{
	background: #eefae6;
}

.table-task td.you{
	background: #dbf4fb;
}



@media (max-width: 640px)  {
	.table,
	.table th,
	.table td,
	.table tbody {
		display: block;
		width: 100%;
	}
	.table tr {
		display: block;
	}
	.table th,
	.table td {
		border: none;
		border-top: 1px dotted #c7c7c7;
	}
	.table th.b-none{
		border: none;
	}
	.table th,
	.table td {
		width: 100%;
		padding: 0px;
		text-align: center;
	}
.table-price th {
	width: 20%;
	padding:0.5em;
	text-align: left;
	border-right: none;
	border-left: none;
}
.table-price td {
	width: 20%;
	padding:0.5em;
/*	text-align: right;*/
	border-right: none;
	border-left: none;
}




	.table02{
	border-top: 1px solid #e5e5e5;
	width:90%;
	margin: 0 auto 1em; 
	}
	.table02 th{
	width:100%;
	border-right: none;
	border-bottom: 1px solid #e5e5e5;
	padding: 15px 0 15px 0;
	text-align: left;
	display: block;
	}
	.table02 td{
	width:100%;
	padding: 15px 0 15px 0;
	text-align: left;
	display: block;
	}
}






	.btn_top02 {
    width: 100px;
    position: fixed;
    right: 0;
    bottom: -5px;
    z-index: 1000000;
	}


@media (max-width: 640px)  {
	.btn_top02 {
    width: 70px;
    	}
}

/* ブログ一覧 */
.blog-wrap {
	width: 800px;
	margin: 3em auto 0 auto;	
}
.blog-box {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: dashed 1px #ccc;
}
.blog-box:last-child {
    border-bottom: none;
}
.blog-box .b-img{
    width: 27%;
    float: left;
    height: 150px;
    overflow:hidden
}
.blog-box .b-img img{
    width: 100%;    
    padding: 1px;
    border: 1px solid #EAEAEA;
}
.blog-box .b-img img:hover{
    filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.blog-box .b-text {
    width: 72%;
    float: left;
    padding: 20px 0 0 25px;
}
.blog-box .b-text h3{
	margin: 10px 0 20px 0;
}	
.blog-box .b-text h3 a{
	font-size: 18px;
	color: #5c4c33;
}
.blog-box .b-text h3 a:hover{
	text-decoration: underline;
}
.b-text ul{
    display: table;
    padding: 0;
}
.b-text li{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0 20px;
}
.b-text li.date {
	font-size: 12px;
    color: #000;
    background-color: #eeeeee;
}
.b-text li.cate{
	font-size: 12px;
    color: #fff;
    background-color: #e0c07e;
}

.b-text .more p {
	float: right;
    border-bottom: solid 2px #5c4c33;
}
.b-text .more p a {
    	color:#5c4c33;
    	font-size: 12px;
    	font-weight: bold;
    	text-decoration: none;
}
   .b-text .more p:hover{
     border-bottom: none; 
}
@media (max-width: 640px){
	.blog-wrap {
	width: 100%;
	}
	.blog-box .b-text h3 a {
    font-size: 1.28em;
	}
	.b-text li.cate {
    font-size: 0.85em;
	}
	.b-text .more p a {
	font-size: 0.85em;
	}
	.blog-box .b-img {
    width: 100%;
    float: none;
    height: auto;
	}
	.blog-box .b-img img{
    width: 100%;
    float: none;
	}
	.blog-box .b-text {
    width: 100%;
    float: none;
    padding-left: 0;
	}
	.b-text .more p {
	margin-top: 20px;
	}
	.blog-box {
    margin-top: 0;
    padding-top: 0.6em;
	}
	.blog .main-col h1,.blog .main-col h2 {
	font-size: 1.143em;
	margin-bottom: 0;	
	}
}

/* ブログ記事 */

.blog-wrap a{
	color: #726744;
	font-weight: bold;
	text-decoration: underline;	
}

.blog-wrap a:hover{
	text-decoration: none;	
}


.blog-wrap.detail {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: dashed 1px #ccc;
}
.blog-wrap .date {
    padding-bottom: 10px;
    margin-bottom: 25px;
    border-bottom: dashed 1px #ccc;
}
.blog-wrap.detail h2{
 	font-size:22px;
 	margin: 1em 0;
 }
 .blog-wrap.detail h3{
 	font-size:18px; 
  	margin: 1em 0;
 }
 .blog-wrap.detail h4{
 	font-size:16px;  
 	margin: 1em 0;
 }
 .blog-wrap.detail p{
 	font-size:15px;   
 	line-height: 1.7;
 	margin: 1em 0;
 }
.blog-wrap img.f-right{
	width: 260px;
	float:right;
	margin: 0 0 1.5em 2em;
}
.blog-wrap img.f-left{
	width: 260px;
	float:left;
	margin: 0 2em 1.5em 0;
}
 
 @media (max-width: 640px){
 	.blog-wrap.detail h2{
 	font-size:1.57em;
 	}
 	.blog-wrap.detail h3{
 	font-size:1.28em; 
  	}
  	.blog-wrap.detail h4{
 	font-size:1.14em;  
 	}
  .blog-wrap.detail p{
 	font-size:1.14em;   
 	}
 	.blog-wrap img.f-right{
	width: 100%;
	float:none;
	margin: 1em 0;
	}
	.blog-wrap img.f-left{
	width: 100%;
	float:none;
	margin: 1em 0;
	}
}



/* 事例紹介一覧 */
.case-wrap {
	width: 800px;
	margin: 3em auto 0 auto;	
}
.case-box {
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: dashed 1px #ccc;
}
.case-box:last-child {
    border-bottom: none;
}

.case-box .case-text {
    width: 100%;
    float: left;
    padding: 20px 0 0 25px;
}
.case-box .case-text h3{
	margin: 10px 0 20px 0;
}	
.case-box .case-text h3 a{
	font-size: 18px;
	color: #5c4c33;
}
.case-box .case-text h3 a:hover{
	text-decoration: underline;
}

.case-text ul{
    display: table;
    padding: 0;
}
.case-text li{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0 20px;
}

.case-text li.oem{
	font-size: 12px;
    color: #fff;
    background-color: #e0c07e;
}

.case-text li.odm{
	font-size: 12px;
    color: #fff;
    background-color: #FCC;
}

.case-text li.fac{
	font-size: 12px;
    color: #fff;
    background-color: #A8B252;
}
.case-text li.soon{
	font-size: 12px;
    color: #fff;
    background-color: #999999;
}


.case-text .more p {
	float: right;
    border-bottom: solid 2px #5c4c33;
}
.case-text .more p a {
    	color:#5c4c33;
    	font-size: 12px;
    	font-weight: bold;
    	text-decoration: none;
}
.case-text .more p:hover{
     border-bottom: none; 
}

@media (max-width: 640px){
	.case-wrap {
	width: 100%;
	}
	.case-box .b-text h3 a {
    font-size: 1.28em;
	}
	.case-text li.cate {
    font-size: 0.85em;
	}
	.case-text li.oem {
    font-size: 0.85em;
	}
	.case-text li.fac {
    font-size: 0.85em;
	}
	.case-text li.soon {
    font-size: 0.85em;
	}
	.case-text .more p a {
	font-size: 0.85em;
	}
	.case-box .case-text {
    width: 100%;
    float: none;
    padding-left: 0;
	}
	.case-text .more p {
	margin-top: 20px;
	}
	.case-box {
    margin-top: 0;
    padding-top: 0.6em;
	}
	.case .main-col h1,.blog .main-col h2 {
	font-size: 1.143em;
	margin-bottom: 0;	
	}
}


/* ==============================================
▼画像2column
=============================================== */
.floatbox-2col{
    margin-bottom: 40px; 
}
.floatbox-2col .f50L{    
    width: 48%;
    float:left;
}
.floatbox-2col .f50R{    
    width: 48%;
    float:right;
}
.floatbox-2col .f50L img,.floatbox-2col .f50R img{    
    width: 100%;
}
.floatbox-2col .f50L p,.floatbox-2col .f50R p{    
    font-size: 13px;
    margin-top: 10px;
    line-height: 1.3;
}
.col2 .f50R{    
    width: 54%;
    float:right;
}
.col2 .f50R iframe{    
    width: 100%;
}


/* 画像2columnスマホ1列*/
.floatbox-2col-spoff{
    margin-bottom: 40px;
}
.floatbox-2col-spoff .f50L{
    width: 48%;
    float:left;
}
.floatbox-2col-spoff .f50R{
    width: 48%;
    float:right;
}
.floatbox-2col-spoff .f50L img,.floatbox-2col-spoff .f50R img{
    width: 100%;
}
.floatbox-2col-spoff .f50L p,.floatbox-2col-spoff .f50R p{
    font-size: 13px;
    margin-top: 10px;
    line-height: 1.3;
}
@media (max-width: 920px){
	.col2 .f50R{    
    width: 100%;
    float:none;
	}
}
@media (max-width: 640px){
	.floatbox-2col-spoff .f50L,.floatbox-2col-spoff .f50R{
    width: 100%;
    float:none;
    margin-bottom: 20px;
	}
	.floatbox-2col-spoff .f50L p, .floatbox-2col-spoff .f50R p {
    font-size: 0.92em;
	}
	.floatbox-2col .f50L p,.floatbox-2col .f50R p{    
    font-size: 0.92em;
	}
}




/* ==============================================
 画像3column
===================================================*/
.floatbox-3col{
    margin-bottom: 40px; 
}
.floatbox-3col li{
    width: 31.5%;
    float:left;
    margin-left:2.7%;
}
.floatbox-3col li p,.floatbox-3col-spoff li p{    
    font-size: 13px!important;
    margin-top: 10px!important;
    line-height: 1.3!important;
}
.floatbox-3col li img{
    width: 100%;
}
.floatbox-3col li:first-child {
    margin-left:0;
}
.menu-tit{
	font-size: 18px;
	margin-top: 20px;
}

/* ==============================================
▼画像2column
=============================================== */
.floatbox-2col{
    margin-bottom: 40px; 
}
.floatbox-2col .f50L{    
    width: 48%;
    float:left;
}
.floatbox-2col .f50R{    
    width: 48%;
    float:right;
}
.floatbox-2col .f50L img,.floatbox-2col .f50R img{    
    width: 100%;
}
.floatbox-2col .f50L p,.floatbox-2col .f50R p{    
    font-size: 13px;
    margin-top: 10px;
    line-height: 1.3;
}
.col2 .f50R{    
    width: 54%;
    float:right;
}
.col2 .f50R iframe{    
    width: 100%;
}


/* 画像2columnスマホ1列*/
.floatbox-2col-spoff{
    margin-bottom: 40px;
}
.floatbox-2col-spoff .f50L{
    width: 48%;
    float:left;
}
.floatbox-2col-spoff .f50R{
    width: 48%;
    float:right;
}
.floatbox-2col-spoff .f50L img,.floatbox-2col-spoff .f50R img{
    width: 100%;
}
.floatbox-2col-spoff .f50L p,.floatbox-2col-spoff .f50R p{
    font-size: 13px;
    margin-top: 10px;
    line-height: 1.3;
}
@media (max-width: 920px){
	.col2 .f50R{    
    width: 100%;
    float:none;
	}
}
@media (max-width: 640px){
	.floatbox-2col-spoff .f50L,.floatbox-2col-spoff .f50R{
    width: 100%;
    float:none;
    margin-bottom: 20px;
	}
	.floatbox-2col-spoff .f50L p, .floatbox-2col-spoff .f50R p {
    font-size: 0.92em;
	}
	.floatbox-2col .f50L p,.floatbox-2col .f50R p{    
    font-size: 0.92em;
	}
}




/* ==============================================
 画像3column
===================================================*/
.floatbox-3col{
    margin-bottom: 40px; 
}
.floatbox-3col li{
    width: 31.5%;
    float:left;
    margin-left:2.7%;
}
.floatbox-3col li p,.floatbox-3col-spoff li p{    
    font-size: 13px!important;
    margin-top: 10px!important;
    line-height: 1.3!important;
}
.floatbox-3col li img{
    width: 100%;
}
.floatbox-3col li:first-child {
    margin-left:0;
}
.menu-tit{
	font-size: 18px;
	margin-top: 20px;
}

/*  画像3column スマホ1列*/
.floatbox-3col-spoff{
    margin-bottom:40px;
}
.floatbox-3col-spoff li{
    width:31.5%;
    float:left;
    margin-left:2.7%;
}
.floatbox-3col-spoff li p{
    font-size:14px;
    margin-top:10px;
    line-height:1.3;
}
.floatbox-3col-spoff li img{
    width:100%;
}
.floatbox-3col-spoff li:first-child {
    margin-left:0;
}

@media (max-width: 640px){
	.floatbox-3col-spoff li{
    width:100%;
    float:none;
    margin-left:0;
    margin-bottom:15px;
	}
	.menu-tit{
	font-size:1.071em;
	}
	.floatbox-3col li p,.floatbox-3col-spoff li p{    
    font-size: 0.92em !important;
	}
}


/* ==============================================
お問い合わせフォーム
===================================================*/

.iframe-content iframe{
	height: 3800px;
}

@media (max-width: 640px){
	.iframe-content iframe{
	height: 4100px;
	}
}
@media (max-width: 320px){
	.iframe-content iframe{
	height: 4100px;
	}
}	


/* ==============================================
お問い合わせフォーム初めてのお客様
===================================================*/

.iframe-contentfirst iframe{
	height: 3300px;
}

@media (max-width: 640px){
	.iframe-contentfirst iframe{
	height: 3800px;
	}
}
@media (max-width: 320px){
	.iframe-contentfirst iframe{
	height: 3800px;
	}
}	


/* ==============================================
採用お問い合わせフォーム
===================================================*/

.iframe-recruit iframe{
	height: 2300px;
}

@media (max-width: 640px){
	.iframe-recruit iframe{
	height: 2380px;
	}
}
@media (max-width: 320px){
	.iframe-recruit iframe{
	height: 2430px;
	}
}	

/* ==============================================
パートナー募集フォーム
===================================================*/

.iframe-business iframe{
	height: 2600px;
}

@media (max-width: 640px){
	.iframe-business iframe{
	height: 2510px;
	}
}
@media (max-width: 320px){
	.iframe-business iframe{
	height: 2580px;
	}
}	




/* ==============================================
お見積もりフォーム
===================================================*/

.iframe-estimate iframe{
	height: 3800px;
}

@media (max-width: 640px){
	.iframe-estimate iframe{
	height: 4200px;
	}
}
@media (max-width: 320px){
	.iframe-estimate iframe{
	height: 4200px;
	}
}	

/* ==============================================
ペーパーパターン出力フォーム
===================================================*/

.iframe-output iframe{
	height: 3400px;
}

@media (max-width: 640px){
	.iframe-output iframe{
	height: 3550px;
	}
}
@media (max-width: 320px){
	.iframe-output iframe{
	height: 3800px;
	}
}	



/* ==============================================
在宅デザイナー登録フォーム
===================================================*/


.iframe-designer iframe{
	height: 3400px;
}

@media (max-width: 640px){
	.iframe-designer iframe{
	height: 3550px;
	}
}
@media (max-width: 320px){
	.iframe-designer iframe{
	height: 3800px;
	}
}	


/* ==============================================
アパレル卸注文フォーム
===================================================*/

.iframe-wholesale iframe{
	height: 3500px;
}

@media (max-width: 640px){
	.iframe-wholesale iframe{
	height: 3600px;
	}
}
@media (max-width: 320px){
	.iframe-wholesale iframe{
	height: 3700px;
	}
}




/* ==============================================
インフルエンサー対象
===================================================*/

.iframe-contentinflu iframe{
	height: 2600px;
}

@media (max-width: 640px){
	.iframe-contentinflu iframe{
	height: 3000px;
	}
}
@media (max-width: 320px){
	.iframe-contentinflu iframe{
	height: 3100px;
	}
}	


/* ==============================================
個別相談メール相談
===================================================*/

.iframe-consultation iframe{
	height: 4100px;
}

@media (max-width: 640px){
	.iframe-consultation iframe{
	height: 4500px;
	}
}
@media (max-width: 320px){
	.iframe-consultation iframe{
	height: 4600px;
	}
}	



/* ==============================================
アパレル４カ国語辞書
===================================================*/
.dictionary{
	margin-top: 1.5em;
}
.dictionary li{
	width: 242px;
	float: left;
	margin-right: 10px;
	background-color: #fff;
	padding: 1em 0;
	border: 5px #fff solid;
	display: block;
}

.dictionary li:nth-child(4n){
    margin-right: 0 !important;
}

.dictionary li a{
	display: block;
}

.dictionary li:hover{
	border: 5px #f2dfb2 solid;
}
.dictionary li img{
	margin: auto;
	display: block;
	width: 166px;
}

.dictionary li .name{
	font-size: 15px;
	padding: 1em 1.5em;
	color: #504f4d;
	text-align: center;
	display: block;
}



@media (max-width: 640px) {
	.copy-txt{
	font-size: 1.14em;
	}

	.dictionary {
    margin-top: 0;
	}
	.dictionary li {
    width: 100%;
    float: none;
    margin-right: 0px;
    padding: 1em 0;
    margin-bottom: 2em;
    border: 5px #fff solid;
    display: block;
	}
	.dictionary li img {
	width: 80%; 
	}
}


/* ==============================================
アパレル用語集
===================================================*/

.glossary{
	padding:1em;
	border-bottom: 1px dashed #e5e5e5;

}


.glossary h3{
	font-size: 25px;
}

.glossary .ttl{
	font-size: 20px;
	margin-left: 20px;
	padding:20px;
	background:url(http://www.sljapan.com/contents/images/other/sitemap_point.png) no-repeat left center;
}


.glossary .txt{
	padding-left:40px;
	font-size: 15px;
}



.glossary ul li{
    font-size:0.9em;
	color:#666666;
	width:210px;
	float:left;
	line-height:2;
}





/*
.glossary li{
	width: 100%;
	float: left;
	margin-right: 10px;
	background-color: #fff;
	padding: 1em 0;
	border: 5px #fff solid;
	display: block;
	border-bottom: 1px dotted #dbdbdb;
}

.glossary li:nth-child(4n){
    margin-right: 0 !important;
}

.glossary li h3{
	font-size: 20px;
	padding: 0.5em 0;
}

.glossary li span{
	font-size: 15px;
}
*/




@media (max-width: 640px) {
	.copy-txt{
	font-size: 1.14em;
	}

	.glossary {
    margin-top: 0;
	}
	.glossary li {
    width: 100%;
    float: none;
    margin-right: 0px;
    padding: 1em 0;
    margin-bottom: 2em;
    border: 5px #fff solid;
    display: block;
	}

}




/* ==============================================
採用情報
===================================================*/



/* 採用漫画コンテンツ */

.rec-left{
	width: 500px;
	float:left;
	padding: 50px 25px 0px;
}
.rec-right{
	width: 500px;
	float:left;
	padding: 50px 25px 0px;
}
.rec-left .tit,.rec-right .tit{
	font-size: 26px;
    color: #726744;
    letter-spacing: 0.2em;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 1.2em;
}
.rec-left p,.rec-right p{
	width: 90%;
	margin: 0px auto 0 auto;
    font-size: 15px;
    line-height: 1.5;
    color: #504f4d;
}
.rec-left .t-btn02,.rec-right .t-btn02{
	width: 180px;
	margin: 0.5em auto 0 auto;
}

@media (max-width: 1200px) {
.bg-wh.top .inner {
    width: 1000px;
    margin: auto;
}
.rec-left,.rec-right{
	width: 500px;
}
.rec-left img,.rec-right img{
	width: 100%;
}
}

@media (max-width: 640px) {
	.bg-wh.top .inner{
	width: 100%;
	margin: 2em auto 2em auto;
	}
	.rec-left{
	width: 100%;
	float:none;
	padding: 1em;
	}
	.rec-right{
	margin-top: 2em;
	width: 100%;
	background-color: #fff;
	float:none;
	padding: 1em;
	}
	.rec-left .tit,.rec-right .tit{
    font-size: 2em;
	}
	.rec-left p,.rec-right p{
	font-size: 1.07em;
	}
}



/* ==============================================
アパレルが初めてのお客様へ
===================================================*/

/* ==============================================
準備いただきたいもの
===================================================*/

.first-3col{
	margin-top:20px;
}
.first-3col .box{
	background-color:#f8e8e7;
	float: left;
    width: 312px;
    margin-right: 32px;
    margin-bottom: 70px;
    display: block;
    position: relative;
    height: 700px;
}
.first-3col .box:nth-child(3n), .wrap-2col .box:nth-child(2n) {
    margin-right: 0 !important;
}

.first-3col .box .ttl04 {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 20px;
	text-align:center;
    color: #504f4d;
}

.first-3col .box .thumb img{
    display: block;
    width:312px
}

.first-3col .box .txt{
	width: 100%;
    font-size: 15px;
	padding: 1em 1em 1em 2em;
    color: #504f4d;
}

.first-3col .box li{
    font-size: 15px;
}

/* ==============================================
仕上がりイメージ
===================================================*/

.finish-3col{
	margin-top:20px; 	
}

.finish-3col .box{
	float: left;
    width: 312px;
    margin-right: 32px;
	margin-bottom: 20px;
    display: block;
    position: relative;
}

.finish-3col .box img{
    display: block;
    width:312px
}

.finish-3col .box:nth-child(3n), .wrap-2col .box:nth-child(2n) {
    margin-right: 0 !important;
}


/* ==============================================
プラン紹介
===================================================*/

/* プラン紹介ボックス */

/* ボックス共通 */
.plan-box{
	margin-top:20px;
}

/* ボックス枠*/
.plan-box .box {
	border: 2px solid;
	margin:30px 15px;
	text-align:center;
	float: left;
	width: 30%;
	height: 350px;
	display: block;
	position: relative;
	border-radius: 5px;
}

.plan-box .bdcolor1 {
	border-color: #f39d2e;
}
.plan-box .bdcolor2 {
	border-color: #30c8d6;
}
.plan-box .bdcolor3 {
	border-color: #95d055;
}

/* ヘッダー部分　*/
.plan-box .header {
	padding: 5px;
	font-size: 16px;
}

.plan-box .bgcolor1 {
	background-color: #f39d2e;
}
.plan-box .bgcolor1-light {
	background-color: #fdd29a;
}

.plan-box .bgcolor2 {
	background-color: #30c8d6;
}

.plan-box .bgcolor2-light {
	background-color: #b0e3e4;
}

.plan-box .bgcolor3 {
	background-color: #95d055;
}
.plan-box .bgcolor3-light {
	background-color: #30c8d6;
}

/* プランタイトル部分　*/
.plan-box .title {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 10px;
	font-size: 20px;
	text-align:center;
    color: #504f4d;
}

/* プラン費用 */

.plan-box .txt {
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 0px;
	font-size: 25px;
	text-align:center;
}

.plan-box .color1 {
	color: #f39d2e;
}

.plan-box .color2 {
	color: #30c8d6;
}
.plan-box .color3 {
	color: #95d055;
}

.plan-box .mini {
	font-size: 14px;
}

/* 特徴の説明 */

.plan-box .detail {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	font-size: 14px;
	text-align:left;
}

.plan-box .detail ul li {
	margin-left: 50px;
	list-style-type: disc;
}


/*

.plan-box  a.detail {
	margin-top: 10px;
	margin-bottom: 10px;
}

.plan-box a.detail:hover{
	text-decoration: underline;
}
*/


.plan-btn {
    margin-top: 1em;
    margin-bottom: 1em;
}


.plan-btn a {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    padding: 0 5px;
/*	border-radius: 5px;*/
}


.plan-btn a span {
    display: block;
    padding: 15px 31px;
    -webkit-background-size: 23px auto;
    background-size: 23px auto;
}


.plan-btn a:hover {
    background: #c7b57d;
}

.plan-btn .bgcolor1 {
	background: #f39d2e;
}
.plan-btn .bgcolor2 {
	background: #30c8d6;
}
.plan-btn .bgcolor3 {
	background: #95d055;
}

.plan-center {
	text-align: center;
	margin:5px 5px;
}








@media (max-width: 640px) {
	.plan-box{
		margin-top:40px;	
	}

	.plan-box .box {
		margin-left:15px;
		margin-bottom:30px;
		float: none;
		width: 90%;
		height: auto;
	}

}


/* プラン詳細2col */

.plan-2col{
	margin-top:50px;
/*	margin-left:170px;*/
}

.plan-2col .box-11, .plan-2col .box-12 {
	float: left;
	width: 495px;
	margin: 0px;
	padding: 0px;
	display: block;
	position: relative;
	height: auto;
/*	border-radius: 3px;*/
}

.plan-2col .box-11 {
	background-color: #ffbf3d;
}

.plan-2col .box-12 {
	background-color: #f39d2e;
}

.plan-2col .ttl04 {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 20px;
	text-align:center;
    color: #504f4d;
}


/* プラン詳細3col */

.plan-3col{
	margin-top:50px;
}

.plan-3col .box-basic, .box-autor, .box-custom, .box-11, .box-12, .box-13, .box-21, .box-22, .box-23 {
	float: left;
	width: 330px;
	margin: 0px;
	padding: 0px;
	display: block;
	position: relative;
	height: auto;
/*	border-radius: 3px;*/
}


.plan-3col .box-basic {
	background-color: #eefae6;
}

.plan-3col .box-autor {
	background-color: #dbf4fb;
}

.plan-3col .box-custom {
	background-color: #e7e1d3;
}

.plan-3col .box-11 {
	background-color: #ffc658;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.plan-3col .box-12 {
/*	background-color: #ffbf3d;*/
	background-color: #ffbf3d;
}

.plan-3col .box-13 {
/*	background-color: #f39d2e;*/
	background-color: #f39d2e;
}

.plan-3col .box-21 {
/*	background-color: #b0e3e4;*/
	background-color: #b0e3e4;
}

.plan-3col .box-22 {
/*	background-color: #85dadf;*/
	background-color: #85dadf;
}

.plan-3col .box-23 {
/*	background-color: #30c8d6;*/
	background-color: #30c8d6;
}

.plan-3col .ttl04 {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 20px;
	text-align:center;
    color: #504f4d;
}

.plan-3col div{
	margin: 0px;
	padding: 0px;
	background: #ffffff;
	border: 1px solid #c7c7c7;
	border-top: none;
	width: 100%;
}


/* table-plan */

dl.table-plan dl,dt,dd {
	margin: 0px;
	padding: 0px;
}

dl.table-plan{
	background: #ffffff;
	border: 1px solid #c7c7c7;
	border-top: none;
	width: 100%;
}
dl.table-plan dt,dd {
	font-size: 15px;
	padding: 0.5em;
}

dl.table-plan dt {
	border-top: 1px solid #c7c7c7;
	width: 100%;
	font-weight: bold;
	color: #958a68;
}

dl.table-plan dd {
	margin-left: 20px;
}

dl.table-plan dd.height01 {
	height: 270px;
}

dl.table-plan dd.height02 {
	height: 270px;
}


dl.table-plan dd.str {
	font-size: 30px;
	font-weight: bold;
}

dl.table-plan dd.large {
	font-size: 20px;
}

dl.table-plan ul li {
	margin:0px 20px;
	list-style-type: disc;
	color: #000000;
/*	font-weight: bold;*/
}


/* ==============================================
生産可能アイテム
===================================================*/

.item-2col{
	margin-top:0px;
	margin-left:20px;
	margin-bottom: 100px;
}

.item-2col .box {
/*	background-color:#f8e8e7;*/
	float: left;
	width: 470px;
	margin-top:30px;
	margin-right: 20px;
	display: block;
	position: relative;
	height: 250px;
}

.item-2col .box img{
	float: left;
    display: block;
    width:200px
}

.item-2col .box .ttl04 {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 20px;
	text-align:center;
	color: #504f4d;
}

.item-2col .box ul {
	margin: 10px 0px 0px 250px;
	height: 80px;
}

.item-2col .box li {
/*	padding-left: 10em;*/
}


.item-2col .t-btn {
	position: absolute;
	margin: 10px 0px 0px 250px;
	text-align: center;
}
.item-2col .t-btn a {
    text-align: center;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    padding: 0 12px;
    background: #958a68;
}

.item-2col .t-btn a span {
    display: block;
    padding: 15px 31px;
    background: url(http://www.sljapan.com/contents/images/arrow01.png) no-repeat right center;
    -webkit-background-size: 23px auto;
    background-size: 23px auto;
}

.item-2col .t-btn a:hover{
    background: #c7b57d;
}




@media (max-width: 640px) {

/* first */

	.first-3col{
	margin-top:40px;	
	}

	.first-3col .box {
	float: none;
	width: 100%;
	height: auto;
	}

	.first-3col .box .ttl04 {
	padding: 0.5em;
	font-size: 1.43em;
	text-align:center;
	}

	.first-3col .box .txt {
	width: 100%;
	height: 100%;
	font-size: 1.07em;
	padding: 0.5em 0.5em 0.5em 2em;
	}

	.first-3col .box .thumb{
		width:100%;
	}

	.first-3col .box .thumb img{
		width:100%
	}

	.first-3col .box li{
	    font-size: 20px;
	}


/* finish */

	.finish-3col{
	margin-top:20px;	
	}

	.finish-3col .box {
    float: none;
    width: 100%;
	height: 100%;
	}


	.finish-3col .box img{
    width:100%
	}

/* plan 2 */
	.plan-2col{
	margin-top:0px;	
	}

	.plan-2col .box-11, .plan-2col .box-12 {
	margin:30px 15px;
	float: none;
	width: 90%;
	height: auto;
	}

	.plan-2col .ttl04 {
	padding: 1em;
	font-size: 1.43em;
	text-align:center;
	}


/* plan 3 */
	.plan-3col{
	margin-top:0px;	
	}

	.plan-3col .box-basic, .box-autor, .box-custom, .box-11, .box-12, .box-13, .box-21, .box-22, .box-23 {
	margin:30px 15px;
	float: none;
	width: 90%;
	height: auto;
	}

	.plan-3col .ttl04 {
	padding: 1em;
	font-size: 1.43em;
	text-align:center;
	}


/* table-plan */


	dl.table-plan dt,dd {
		font-size: 20px;
		padding: 0.3em;
	}

	dl.table-plan dd.height01 {
		height: 600px;
	}

	dl.table-plan dd.height02 {
		height: 350px;
	}

	dl.table-plan dd.hshort {
		height: 200px;
	}

	dl.table-plan dd.hlong {
		height: 337px;
	}


/* item */

	.item-2col{
	margin-top:40px;	
	}

	.item-2col .box {
/*	background: #ff0000;*/
	float: none;
	width: 100%;
	height: 250px;
	}

	.item-2col .box .ttl04 {
/*	padding: 0.5em;*/
	font-size: 1.43em;
	text-align:center;
	}


	.item-2col .box img{
		float: left;
	    width:150px
	}

	.item-2col .box ul{
		font-size: 15px;
		margin: 10px 0px 0px 160px;
	}

	.item-2col .box ul li{
	text-align:center;
	}

	.item-2col .t-btn {
		position: absolute;
		margin: 40px 0px 0px 250px;
		text-align: center;
	}
}



/* margin */

body .mt0     {margin-top: 0px}
body .mt5    {margin-top: 5px}
body .mt10    {margin-top: 10px}
body .mt15    {margin-top: 15px}
body .mt20    {margin-top: 20px}
body .mt25    {margin-top: 25px}
body .mt30    {margin-top: 30px}
body .mt40    {margin-top: 40px}
body .mt50    {margin-top: 50px}
body .mt60    {margin-top: 60px}
body .mt70    {margin-top: 70px}
body .mt80    {margin-top: 80px}
body .mt90    {margin-top: 90px}
body .mt100   {margin-top: 100px}

body .mt-10   {margin-top: -10px}

body .mr0     {margin-right: 0px}
body .mr10    {margin-right: 10px}
body .mr15    {margin-right: 15px}
body .mr20    {margin-right: 20px}
body .mr25    {margin-right: 25px}
body .mr30    {margin-right: 30px}
body .mr40    {margin-right: 40px}
body .mr50    {margin-right: 50px}
body .mr60    {margin-right: 60px}
body .mr70    {margin-right: 70px}
body .mr80    {margin-right: 80px}
body .mr90    {margin-right: 90px}
body .mr100   {margin-right: 100px}

body .mb0     {margin-bottom: 0px}
body .mb5     {margin-bottom: 5px}
body .mb10    {margin-bottom: 10px}
body .mb15    {margin-bottom: 15px}
body .mb20    {margin-bottom: 20px}
body .mb25    {margin-bottom: 25px}
body .mb30    {margin-bottom: 30px}
body .mb40    {margin-bottom: 40px}
body .mb50    {margin-bottom: 50px}
body .mb60    {margin-bottom: 60px}
body .mb70    {margin-bottom: 70px}
body .mb80    {margin-bottom: 80px}
body .mb90    {margin-bottom: 90px}
body .mb100   {margin-bottom: 100px}

body .ml0     {margin-left: 0px}
body .ml5     {margin-left: 5px}
body .ml10    {margin-left: 10px}
body .ml15    {margin-left: 15px}
body .ml20    {margin-left: 20px}
body .ml25    {margin-left: 25px}
body .ml30    {margin-left: 30px}
body .ml40    {margin-left: 40px}
body .ml50    {margin-left: 50px}
body .ml60    {margin-left: 60px}
body .ml70    {margin-left: 70px}
body .ml80    {margin-left: 80px}
body .ml90    {margin-left: 90px}
body .ml100   {margin-left: 100px}



/* feedin */

.list{
	margin: 50px 50px 50px 50px;
	list-style-type: none;
	overflow: hidden;
}
.list li{
	margin: 50px 20px 50px 20px;
	float: left;
	transition: .8s;
}



.list-mv07{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
}
.mv07{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}


/**********************/
/* アパレル卸商品 */
/**********************/

/* 検索フォーム全体 */
.search-box {
	width: 100%;
	margin-top:3em;
	margin-bottom:1em;

	border-top:0px;
	border-bottom:0px;
	background-color: #f3efe7;
}


/* キーワードテキスト */
input[type=text].text-keyword {
	margin-top:1em;
	margin-bottom:1em;
	width: 50%;
	float: left;
	margin-left:200px;
}


/* キーワード検索ボタン */
input[type=submit].btn-keyword {
    text-align: center;
    font-size: 16px;
	font-color: dddddd;
    color: #fff;
    display: inline-block;
    padding: 0px 3px;
    background: #958a68;
	margin-top:1em;
	margin-bottom:1em;
	width: 60px;
	float: left;
}


input[type=submit].btn-keyword:hover {
	background: #c7b57d;
	cursor: pointer;
}

.detailsearch button {
	background-color: #f3efe7;
	border: none;
	outline: 0;
}



/* 詳細検索ボタン 閉じるボタン */
.detailsearch .open .up{
	margin-left:0.5em;
	margin-top:1em;
	margin-bottom:1em;
    padding: 0px 3px;
	display: block;
	color: #726744;
	vertical-align: center;
	font-size: 16px;
	color: #fff;
	background-color: #958a68;
	padding: 0px 10px;
	width: 90px;
}

.detailsearch .open {
	border: none;
}
.detailsearch .close {
	border: none;
}


.detailsearch .open .up:hover {
	background: #c7b57d;
	cursor: pointer;
}


.detailsearch .open .down{
	display: none;
}

.detailsearch .close .up{
	display: none;
}

.detailsearch .close .down{
	margin-left:0.5em;
	margin-top:1em;
	margin-bottom:1em;
	display: block;
	color: #726744;
	vertical-align: center;
	font-size: 16px;
	color: #fff;
	background-color: #958a68;
    padding: 0px 3px;
	width: 90px;
}

.detailsearch .close .down:hover {
	background: #c7b57d;
	cursor: pointer;
}



/* 詳細検索テーブル */
.table-detailsearch {
	display: none;
	width: 100%;
	margin-top:0em;
	margin-bottom:1em;
}



.table-detailsearch,
.table-detailsearch th,
.table-detailsearch td {
	border-spacing: 0;
	border-collapse: collapse;
}

.table-detailsearch th,
.table-detailsearch td {
	padding:0.5em 0.5em;
	vertical-align: top;
	border: none;
}

.table-detailsearch th {
/*	border: 1px #dddddd solid;*/
	width: 20%;
	text-align: right;
	border-right: none;
	border-left: none;
}
.table-detailsearch td {
/*	border: 1px #dddddd solid;*/
	width: 80%;
	border-right: none;
	border-left: none;
}

.table-detailsearch td ul li {
	float:left;
	margin-right:10px;
}

.table-detailsearch td.shiborikomu {
	text-align: center;
}



/* 詳細検索テーブル:価格条件 */
input[type=text] {
	font: 15px/24px;
	box-sizing: border-box;
	margin: 0px 0;
	padding: 0.3em;
	transition: 0.3s;
	border: 1px solid #999999;
	border-radius: 4px;
	outline: none;
}



/* 絞り込むボタン */
/* キーワード検索ボタン */
input[type=submit].btn-shiborikomu {
    font-size: 16px;
	font-color: dddddd;
    color: #fff;
    display: inline-block;
    padding: 0px 3px;
    background: #958a68;
	width: 90px;
}


input[type=submit].btn-shiborikomu:hover {
	background: #c7b57d;
	cursor: pointer;
}




/* 検索フォーム640　未完成 */

@media (max-width: 640px) {
	.search-box {
		width: 100%;
		margin:0px 0px;

	}
	input[type=text].text-keyword {
		width: 200px;
		float: left;
		margin-left:5px;
	}
	.table-detailsearch {
		margin-top: 20px;
	}
}


/* 検索結果リストページャ */




.items-pager{
	text-align: right;
	font-size: 16px;
	width: 100%;
	margin-top: 1.5em;
}

.items-pager ul {
	list-style-type: none;
	padding-left: 0;
	text-align: center;
}

.items-pager li {
	width: 50px;
	height: 50px;
	padding: 5px;
	margin: 5px;
	display: inline;
}


.items-pager a {
	color: #726744;
}

.items-pager a:hover {
	color: #726744;
	font-weight: bold;
	text-decoration: underline;	
}




/* 検索結果リスト */
.items{
	margin-top: 1.5em;
	float: none;
	clear: left;
}

.items li{
	width: 242px;
	float: left;
	margin-right: 10px;
	background-color: #fff;
	padding: 1em 0;
	border: 5px #fff solid;
	display: block;
}

.items li:nth-child(4n){
	margin-right: 0 !important;
}

.items li a{
	color: #726744;
	display: block;
}


.items li a:hover{
	color: #726744;
	font-weight: bold;
	text-decoration: underline;	

}

.items li img{
	border: 5px #fff solid;
	opacity: 1;
	margin: auto;
	display: block;
	width: 171px;
}

.items li img:hover{
	border: 5px #f2dfb2 solid;
}


.items li .name{
	font-size: 15px;
	padding: 0em 0em;
	color: #504f4d;
	text-align: center;
	display: block;
}

.items li .price{
	font-size: 15px;
	padding: 0em 0em;
	color: #504f4d;
	text-align: center;
	display: block;
}


/* 検索結果商品情報 */

.ttl-itemsdetail {
	margin-top:1.5em;
	text-align: center;
	font-size: 16px;
}

.table-items {
	display: table;
	width: 90%;
	margin-top:0.1em;
	border-top:1px solid #c7c7c7;
	border-bottom:1px solid #c7c7c7;
}

.table-items,
.table-items th,
.table-items td {
	border-spacing: 0;
	border-collapse: collapse;
}

.table-items th,
.table-items td {
	vertical-align: top;
	border: 1px dotted #c7c7c7;
}

.table-items th {
	width: 40%;
	padding:0.2em 0.2em;
	text-align: left;
	border-right: none;
	border-left: none;
}

.table-items td {
	width: 60%;
	padding:0.2em 0.2em;
/*	text-align: right;*/
	border-right: none;
	border-left: none;
}




@media (max-width: 640px) {

	.items {
	margin-top: 0;
	}

	.items li {

    width: 100%;
	heigit 100%;
    float: none;
    margin-right: 0px;
    padding: 1em 0;
    margin-bottom: 2em;
    border: 5px #fff solid;
    display: block;
	}

	.items li img {
	width: 80%; 
	}
}






/* 商品詳細ページ */

.item-detail-box {
/*	margin:50px 10px;*/
	margin:3.5em 0; 
}

.item-detail-box .left {
	float: left;
	width: 490px;
}

.item-detail-box .right{
	float: right;
	width: 510px;
}

.item-detail-box .left .thumb-item {
/*	border: 1px #999 solid;*/
	margin:0px 45px 10px 45px;
	width:400px;
	float:none;
}


.item-detail-box .left .thumb-item-nav {
/*	border: 1px #999 solid;*/
	margin:0px 45px; 
	width:400px;
	float:none;
}

.item-detail-box .thumb-item-nav img{
	border: 1px #999 solid;
}


.item-detail-box a:hover img{
	border: 1px #ffffff solid;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	cursor: pointer;
}


.item-detail-box .main-image {
/*	border: 1px #999 solid;*/
	width:100%;
	float:none;
}

.item-detail-box .thumbnail {
	border: 1px #999 solid;
	margin: 2px 1px;
	width:60px;
	height:60px;
	float:left;
}

.item-detail-box .center{
/*	border: 1px #999 solid;*/
	text-align:center;
	margin : 2em;
	float: left;
	width: 100%;
}

.item-detail-box .center .btn {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    text-align: center;
    background: #958a68;
    padding: 10px 20px;
}

.item-detail-box .center .btn:hover{
	background: #c7b57d;
	cursor: pointer;
}



/* 詳細ページ　カラー別情報 */

.table-detail-color {
	display: table;
	width: 100%;
	margin-top:0.1em;
	border-top:1px solid #c7c7c7;
	border-bottom:1px solid #c7c7c7;
}
.table-detail-color.topnone{
	margin-top:0.5em;
}
.table-detail-color,
.table-detail-color th,
.table-detail-color td {
	border-spacing: 0;
	border-collapse: collapse;
}

.table-detail-color th,
.table-detail-color td {
	vertical-align: top;
	border: 1px dotted #c7c7c7;
}

.table-detail-color th {
	padding:0.2em 0.2em;
	text-align: left;
	border-right: none;
	border-left: none;
}

.table-detail-color .col1 {
	width: 13%;
}
.table-detail-color .col2 {
	width: 25%;
}
.table-detail-color .col3 {
	width: 15%;
}
.table-detail-color .col4 {
	width: 10%;
}
.table-detail-color .col5 {
	width: 15%;
}
.table-detail-color .col6 {
	width: 17%;
}


.table-detail-color td {
	padding:0.2em 0.2em;
/*	text-align: right;*/
	border-right: none;
	border-left: none;
}



@media (max-width: 640px) {
	.bg-wh.page .inner {
		width: 100%;
		padding: 5em 3.225% 2em 3.225%;
		margin: auto;
	}

	.item-detail-box .left,.item-detail-box .right {
		float: none;
		width: 100%;
	}

	.item-detail-box .center {
		float: none;
		margin: 50px 0px;
		width: 100%;
	}


	.item-detail-box .left .thumb-item {
		margin:auto;
		width: 93%;
		float:none;
	}

	.item-detail-box .left .thumb-item-nav {
		margin:auto;
		width:93%;
		float:none;
	}
}