@charset "utf-8";

* { font-size:inherit;  font:100%;  font-style: normal; font-weight: normal;    text-decoration: none;  line-height: 1.8;   vertical-align: baseline;}
html {overflow-y: scroll;	line-height:1.6;}
@media screen and (min-width: 768px) {
html, body {height: 100%;width: 100%;min-width: 1300px; }
}
@media screen and (max-width: 767px) {
html, body {height: 100%;width: 100%;}
}
dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, caption, address, cite, code, dfn, em, strong, var, map, area{margin: 0;padding: 0; text-align: left; word-break:break-all;}
div,body,figure{margin:0;   padding: 0;}
body {font-size: 16px;font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Verdana,sans-serif;color:#000;word-break: break-all;}
table { border-collapse:collapse;   border-spacing:0;   font-size:inherit;  width:100%;}
fieldset, img, abbr, acronym, hr {  border:0;   vertical-align: middle;}
ul {list-style:none;}
a {color:#000;   cursor: pointer;    outline:none;   text-decoration:none;}	
a:link {}
a:visited {}
a:hover {   text-decoration:none;}
a:active {}
strong{ font-weight:bold;}
address{font-style:normal;}
hr{background:#ccc;margin:30px 0;width:100%;height:1px; border:0;position:relative;}


.f-m{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

.f-r {  float: right;}
.f-l {  float: left;}

.m-b5 { margin-bottom: 5px;}
.m-b10 {margin-bottom: 10px;}
.m-b15 {margin-bottom: 15px;}
.m-b20 {margin-bottom: 20px;}
.m-b25 {margin-bottom: 25px;}
.m-b30 {margin-bottom: 30px;}
.m-b40 {margin-bottom: 40px;}
.m-b50 {margin-bottom: 50px;}
.m-b60 {margin-bottom: 60px;}
.m-b70 {margin-bottom: 70px;}
.m-t10 {margin-top: 10px;}
.m-t15 {margin-top: 15px;}
.m-t20 {margin-top: 20px;}
.m-t25 {margin-top: 25px;}
.m-t30 {margin-top: 30px;}
.m-t40 {margin-top: 40px;}
.m-l5{margin-left:5px;}
.m-l10{margin-left:10px;}
.m-l30{margin-left:30px;}
.m-r10{margin-right:10px}
.m-r20{margin-right:20px}
.m-r30{margin-right:30px}
.p-t5{ padding-top:5px;}
.p-t10{ padding-top:10px;}
.p-t15{ padding-top:15px;}
.p-t20{ padding-top:20px;}
.p-t30{ padding-top:30px;}
.p-t40{ padding-top:40px;}
.p-t60{ padding-top:60px;}
.p-b5{ padding-bottom:5px;}
.p-b10{ padding-bottom:10px;}
.p-b15{ padding-bottom:15px;}
.p-b20{ padding-bottom:20px;}
.p-b30{ padding-bottom:30px;}
.p-b40{ padding-bottom:40px;}
.p-b50{ padding-bottom:50px;}
.p-b60{ padding-bottom:60px;}
.p-b70{ padding-bottom:70px;}
.p-b80{ padding-bottom:80px;}
.p-b90{ padding-bottom:90px;}
.p-b100{ padding-bottom:100px;}
.p-l30{padding-left:30px;}

.bold{font-weight:bold;}

.t-l{   text-align:left;}
.t-r{   text-align:right;}
.t-c{   text-align:center;}

.c-red{color:#F00;}
.c-gray{color:#999;}
.c-bl{color:#2c63d7;}
.c-pink{color:#ff889a;}

.u-line{text-decoration:underline;}

a.u-line{text-decoration:underline;}
a.u-line:hover{text-decoration:none;}

.ah:hover{zoom: 1;  filter: alpha(opacity=70); /* IE6/7 */  -ms-filter: "alpha(opacity=70)"; /* IE8 */  -moz-opacity: 0.70; /* Firefox */   opacity: 0.70;}

img{-webkit-backface-visibility: hidden;}/*chromeで画像縮小時にぼやけさせないため	*/





/*======================================================
    CLEARFIX  clearしたい親要素に加える
======================================================*/
.clearfix:after {   content: ".";   display: block; clear: both;    height: 0;  visibility: hidden; font-size:0;line-height:0;}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */
div {   zoom: 100%;}


input,button{font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,sans-serif;}
input[type="text"],textarea,input[type="email"],input[type="tel"]{padding:3px 5px;box-sizing:border-box;width:100%;border:1px solid #ccc;}
input[type="tel"]{width:200px;}
input[type="text"].postal{width:100px;}
textarea{width:100%;}
select{border:1px solid #ccc;padding:3px 5px;box-sizing:border-box;}
input[type="text"]:focus,input[type="tel"]:focus,input[type="email"]:focus,textarea:focus,select:focus{background:#efefef;}
label{display:block;}
input[type="submit"],input[type="button"],input[type="reset"]{border:none;display:inline-block;background:#2050a4 url(img/btn1-line.png) no-repeat right center;text-align:center;color:#fff;padding:5px 60px;
cursor:pointer;
}

#page_top{position: fixed; right:10px; bottom:0; padding:10px;z-index:100;}
#page_top a{display:block;}









@media screen and (min-width: 768px) {
/*===== common ============================================*/
#wrapper{width:100%; min-height: 100%; height: auto !important; height: 100%; position: relative; overflow:hidden;} 
.s{position:relative;box-sizing:border-box;box-shadow:4px 4px 10px rgba(0,0,0,0.2);}

hr{background:none;height:1px;border:none;border-bottom:1px dotted #ccc;margin:30px 0;}

#main{margin-top:60px;position:relative;}



/*arrow and link*/

/*btn*/
.btn1{display:inline-block;border:1px solid #fff;color:#fff;cursor:pointer;background:url(img/arrow-w.png) no-repeat 90%;padding:5px 30px;}
.btn1.p{color:#792a63;border:1px solid #792a63;background-image:url(img/arrow-p.png);}

/*breadcrumb*/
#breadcrumb{margin:0 auto;padding:10px 30px;box-sizing:border-box;background:#cc7eb1;}
#breadcrumb ul{letter-spacing:-0.4em;width:1000px;margin:0 auto;}
#breadcrumb li{display:inline-block;letter-spacing:normal;position:relative;}
#breadcrumb li+li{margin-left:24px;}
#breadcrumb li+li::before{content:'>';position:absolute;left:-15px;top:-2px;color:#792a63;}
#breadcrumb li a{color:#792a63;text-decoration:underline;}

/*hdline*/
#lower-h1{display:table;width:100%;background:#792a63 url(img/h1-bg.png) no-repeat top;height:139px;}
#lower-h1 span{display:table-cell; text-align:center;font-size:48px;color:#fff;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; vertical-align: middle;}
.hdline1{padding:30px 0;line-height:140%;position:relative;font-size:36px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; text-align:center;margin-bottom:30px;}
.hdline1::before{width:100%;height:30px;position:absolute;top:0;left:0;content:'';background:url(img/hdline1-bg.png) no-repeat center;}
.hdline1::after{width:100%;height:30px;position:absolute;bottom:0;left:0;content:'';background:url(img/hdline1-bg2.png) no-repeat center;}

/*table*/
.t01 th{padding:10px 0;border-top:1px solid #6b6bbd;border-bottom:1px solid #6b6bbd;text-align:left;color:#6b6bbd; vertical-align: middle;}
.t01 td{padding:10px 20px;border-top:1px solid #ccc;border-bottom:1px solid #ccc; vertical-align: middle;}
.t01 th .require{display:inline-block;float:right;color:#fff;background:#6b6bbd;font-size:14px;padding:0 10px;}

/*box*/

/*text*/
.cat{display:inline-block;width:124px;height:22px;line-height:22px; vertical-align: middle;text-align:center;color:#fff;font-size:14px;}
.cat img{display:inline-block; vertical-align: bottom;}
.cat.icon1,.cat.icon2,.cat.icon3{background:#483d8b;}
.cat.icon4{background:#dc143c;}
.cat.icon5{background:#6600cc;}

/*link*/

/*pager*/


/*===== header ============================================*/
#header{height:60px;position:fixed;background:#fff;top:0;left:0;z-index:1000;width:100%;border-bottom:1px solid #ccc;}
#header .hd{width:1000px;margin:0 auto;position:relative;}
#header .hd .logo1{position:absolute;left:0;right:0;top:0;width:160px;margin:0 auto;}
#header .hd .logo2{position:absolute;left:0;top:15px;}
#header .hd-navi {text-align:right;position:absolute;right:0;top:15px;letter-spacing:-0.4em;}
#header .hd-navi > li{display:inline-block;letter-spacing:normal;margin-left:20px;}
#header .hd-navi > li > a{display:block;width:57px;text-indent:-9999px;}
#header .hd-navi > li.g1 > a{background:url(img/g1.png) no-repeat center;}
#header .hd-navi > li.g2 > a{background:url(img/g2.png) no-repeat center;}
#header .hd-navi > li.g3 > a{background:url(img/g3.png) no-repeat center;}
#header .hd-navi > li.g4 > a{background:url(img/g4.png) no-repeat center;}
#header .hd-navi > li.g5 > a{background:url(img/g5.png) no-repeat center;width:84px;}
#header .hd-navi > li .g2-box{display:none;position:absolute;top:25px;right:-20px;z-index:1000;background:url(img/g-sub-box1-bg.png) no-repeat;width:1000px;height:500px;padding:70px 30px 0 30px;box-sizing:border-box;}
#header .hd-navi > li .g2-box > div.clearfix > div{width:450px;}
#header .hd-navi > li .g2-box > div.clearfix > div li{padding-top:10px;}
#header .hd-navi > li .g2-box > div.clearfix > div li a{display:block;border-radius:5px;padding:5px 20px;color:#fff;background:#6ccde6 url(img/arrow2.png) no-repeat 97% center}
#header .hd-navi > li .g2-box p{border-bottom:1px solid #fff;padding-bottom:10px;margin-bottom:10px;}
#header .closebtn{display:none;position:absolute;right:0;top:28px;cursor:pointer;}
#header .closebtn.disp{display:inline-block;}

/*===== footer ============================================*/
#footer{background:#792a63;}
#footer *{color:#fff;}
#footer .ft-contact{padding:40px 0;background:#cc7eb1;}
#footer .ft-contact dt{text-align:center;color:#fff;font-size:30px;margin-bottom:20px;}
#footer .ft-contact dd{text-align:center;}
#footer .ft-contact dd span{display:inline-block; vertical-align: middle;padding:0 20px;}
#footer .ft-contact dd span .mail{display:inline-block;background:#792a63 url(img/mail-icon.png) no-repeat 30px;padding:20px 30px 20px 70px;color:#fff;border-radius:5px;}
#footer .ft-navi{width:900px;margin:0 auto;padding:30px 0 ;border-bottom:1px solid #390726;}
#footer .ft-navi address{float:left;width:250px;}
#footer .ft-navi address dt{margin-top:20px;font-weight:bold;}
#footer .ft-navi > ul{float:right;width:650px;letter-spacing:-0.4em;}
#footer .ft-navi > ul > li{display:inline-block; vertical-align: top;letter-spacing:normal;}
#footer .ft-navi > ul > li+li{margin-left:40px;}
#footer .ft-navi > ul > li li+li{margin-top:10px;}
#footer .ft-navi > ul > li p{margin-bottom:10px;font-weight:bold;}
#footer .ft-navi > ul > li a{background:url(img/arrow-w.png) no-repeat center left;display:inline-block;padding-left:10px;}
#footer #copy{border-top:1px solid #cc7eb1;padding:10px 0;text-align:center;color:#fff;}

/*===== home ============================================*/
.home #home-main{background: url(img/home/mainbg.jpg) no-repeat center top;height:500px;background-size:cover;}
/*
.home #home-main{background: url(img/home/mainbg-spring.jpg) no-repeat center top;height:500px;background-size:cover;}
.home #home-main{background: url(img/home/mainbg-summer.jpg) no-repeat center top;height:500px;background-size:cover;}
.home #home-main{background: url(img/home/mainbg-autumn.jpg) no-repeat center top;height:500px;background-size:cover;}
.home #home-main{background: url(img/home/mainbg-winter.jpg) no-repeat center top;height:500px;background-size:cover;}
*/

.home #home-main > div{width:1000px;margin:0 auto;height:500px;position:relative;}
.home #home-main > div h1{position:absolute;top:0;bottom:0;margin:auto 0;text-align:center;height:80px;}
.home #home-main > div h2{text-align:right;width:290px;position: absolute;right:80px;top:20px;}
.home section .btn1.p{padding:1px 15px;font-size:14px;}
.home #sec1{padding:30px 0;}
.home #sec1 > div{width:1300px;margin:0 auto;display:table;}
.home #sec1 > div .l{width:400px;display:table-cell;vertical-align:middle;text-align:center;background:#513743;}
.home #sec1 > div .l h2{text-align:center;font-size:36px;font-weight:bold;color:#fff;margin-bottom:20px;}
.home #sec1 > div .r{display:table-cell; padding:20px 0 20px 45px;}
.home #sec1 > div .r li{padding:10px 0;display:table;width:100%;}
.home #sec1 > div .r li > span{display:table-cell; vertical-align: top;}
.home #sec1 > div .r li > span:first-child{width:140px;}
.home #sec1 > div .r li a{display:block;}
.home #sec1 > div .r li .date{color:#999;font-weight:bold;display:inline-block;margin-right:10px;}
.home #sec2{margin-bottom:30px;}
.home #sec2 > div{width:1300px;margin:0 auto;position:relative;}
.home #sec2 > div h2{width:432px;height:100%;background:#792a63;text-align:center;position:absolute;left:434px;top:0;padding:260px 0 0 0;box-sizing:border-box;}
.home #sec2 > div ul{letter-spacing:-0.4em;}
.home #sec2 > div ul li{display:inline-block;letter-spacing:normal;width:432px; vertical-align: top;}
.home #sec2 > div ul li:nth-child(2n){margin-left:436px;}
.home #sec2 > div ul li:nth-child(3),.home #sec2 > div ul li:nth-child(4){margin-top:2px;}
.home #sec2 > div ul li a{display:block;position:relative;}
.home #sec2 > div ul li a span{position:absolute;left:175px;bottom:20px;}
.home #sec3 > div{width:1300px;margin:0 auto;position:relative;}
.home #sec3 > div h2{background:#792a63;padding:15px 0 15px 150px;box-sizing:border-box;}
.home #sec3 > div ul{letter-spacing:-0.4em;margin-left:-2px;}
.home #sec3 > div ul li{display:inline-block;letter-spacing:normal;width:auto; vertical-align: top;margin-top:2px;margin-left:2px;}
.home #sec3 > div ul li a{display:block;position:relative;}
.home #sec3 > div ul li a span{position:absolute;width:50px;left:0;right:0;margin:0 auto;bottom:20px;}
.home #sec3 > div > div{padding:40px 0;}
.home #sec3 > div > div ul{letter-spacing:-0.4em;text-align:center;}
.home #sec3 > div > div ul > li{display:inline-block;letter-spacing:normal;padding:0 20px;}




/*===== items ============================================*/
.items #contents{background:url(img/items/items-bg.jpg) center;background-size:cover;}
.items #contents section {width:1020px;margin:0 auto;padding:40px 0 100px;}
.items #contents section > div ul{letter-spacing:-0.4em;}
.items #contents section > div ul li{display:inline-block;width:auto;padding:10px;box-sizing:border-box;letter-spacing:normal;}

/*maison de junko*/
.maisondejunko #sec1{background:#221d1d url(img/items/maisondejunko/mainimg.jpg) no-repeat center;height:700px;}
.maisondejunko #sec2{background:url(img/items/maisondejunko/sec2-bg.jpg) no-repeat center;background-size:cover;padding:50px 0 75px;}
.maisondejunko #sec2 > div{width:1000px;margin:0 auto;}
.maisondejunko #sec2 > div .box1{background:rgba(255,255,255,0.9);padding:65px 0;}
.maisondejunko #sec2 > div .box1 h2{text-align:center;position:relative;font-size:60px;color:#6b6bbd;margin-bottom:30px;}
.maisondejunko #sec2 > div .box1 h2::before{content:'';height:2px;width:100px;background:#c7dc68;position:absolute;left:0;right:0;margin:0 auto;bottom:-5px;}
.maisondejunko #sec2 > div .box1 h3{text-align:center;font-size:30px;color:#6b6bbd;}
.maisondejunko #sec2 > div .box1 h3 > span{display:block;text-align:center;font-size:36px;}
.maisondejunko #sec2 > div .box1 p{text-align:center;}
.maisondejunko #sec2 > div .box2{margin-top:40px;}
.maisondejunko #sec3{padding:60px 0;background:#e6f0ff;}
.maisondejunko #sec3 > div{width:1000px;margin:0 auto;}
.maisondejunko #sec3 > div > div > div{width:480px;}
.maisondejunko #sec3 > div > div > div h2{padding:20px 0 30px;position:relative;}
.maisondejunko #sec3 > div > div > div h2 img{position:relative;left:-100px;}
.maisondejunko #sec3 > div > div > div > div{background:#fff;padding:30px;color:#6b6bbd;}
.maisondejunko #sec3 > div > div > div > div p+p{margin-top:20px;}
.maisondejunko #sec3 > div > .box2{padding:50px 0;}
.maisondejunko #sec3 > div > .box2 h2{text-align:right;}
.maisondejunko #sec3 > div > .box2 h2 img{position:relative;right:-100px;left:inherit;}
.maisondejunko #sec4{width:1040px;margin:0 auto;padding:40px 0 100px;}
.maisondejunko #sec4 ul{letter-spacing:-0.4em;}
.maisondejunko #sec4 li{display:inline-block;width:auto;padding:20px;box-sizing:border-box;letter-spacing:normal;}

/*rin*/
/*
.rin #mainimg{background:url(img/items/rin/mainimg.jpg) no-repeat center;height:520px;background-size:cover;padding:0;}
.rin #mainimg h2{text-align:center;padding-top:50px;}
.rin section > div{width:1000px;margin:0 auto;}
.rin #sec1{background:url(img/items/rin/bg.jpg) no-repeat;background-size:cover;padding:50px 0;}
.rin #sec1 .f-l{width:430px;padding-top:60px;}
.rin #sec1 .f-r{width:510px;}
.rin #sec1 .f-r h2{font-size:36px;color:#6b6bbd;position:relative;margin-bottom:30px;}
.rin #sec1 .f-r h2::before{content:'';height:2px;width:100px;background:#c7dc68;position:absolute;left:0;bottom:-5px;}
.rin #sec1 .f-r p{margin-top:20px;}
.rin #sec2{background:#e6f0ff;padding:50px 0 80px;}
.rin #sec2 .f-l{width:260px;text-align:center;}
.rin #sec2 .f-r{width:690px;padding-top:40px;}
.rin #sec2 h2{margin-bottom:0;}
.rin .t01 th{width:130px;}
.rin #sec3{background:url(img/items/rin/bg.jpg) no-repeat;background-size:cover;padding:50px 0 80px;}
*/

/*tranquillo*/
.tranquillo #sec1{background:#000 url(img/items/tranquillo/mainimg.png) no-repeat center;height:520px;}
.tranquillo #sec2{background:#fff url(img/items/tranquillo/sec2-bg.jpg) no-repeat center;background-size:cover;padding:30px 0 80px;}

/*blu-tranquillo*/
.blu-tranquillo #sec1{background:#000 url(img/items/blu-tranquillo/mainimg.png) no-repeat center;height:520px;}
.blu-tranquillo #sec2{background:#fff url(img/items/blu-tranquillo/sec2-bg.jpg) no-repeat center;background-size:cover;}
.blu-tranquillo #sec2 > div{width:1000px;height:1237px;margin:0 auto;position:relative;}
.blu-tranquillo #sec2 > div img{position:absolute;top:140px;right:0;}
.blu-tranquillo #sec2 > div img.img2{top:420px;left:0;right:0;margin:0 auto;z-index:10;}
.blu-tranquillo #sec2 > div img.img3{bottom:70px;left:0;top:auto;}

/*kimono-original4*/
.kimono-original4 section {padding:30px 0 100px;background:url(img/items/kimono-original4/bg.jpg) no-repeat center;background-size:cover;}
.kimono-original4 #mainimg{background:#000 url(img/items/kimono-original4/mainimg.png) no-repeat center;height:520px;padding:0;}
.kimono-original4 section > div{width:1000px;margin:0 auto;padding:30px 0 0 0;}
.kimono-original4 section h2{background:#792a63;color:#fff;padding:5px 0;}
.kimono-original4 section h2 > span{font-size:30px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;width:1000px;margin:0 auto;display:block;}
.kimono-original4 section > div > div.clearfix{padding-top:30px;}
.kimono-original4 section > div > div > div.f-l{width:430px;padding-top:50px;}
.kimono-original4 section > div > div > .f-l p{margin-top:30px;}
.kimono-original4 section > div > div > .f-l .t-c{margin-top:30px;}
.kimono-original4 section > div > div > img.f-l{margin-top:-100px;}

/*radies*/
.radies #contents{background:url(img/items/radies/bg.jpg) center;background-size:cover;}
.radies #sec1{padding:50px 0;}
.radies #sec2{padding:50px 100px;}
.radies section > div{width:1000px;margin:0 auto;}
.radies #sec1 > div > div{position:relative;height:682px;}
.radies #sec1 > div > div .img1{position:absolute;left:0;top:65px;}
.radies #sec1 > div > div .img2{position:absolute;right:0;top:0px;}
.radies #sec1 > div > div .img3{position:absolute;left:290px;bottom:0;}
.radies #sec2 > div > div{position:relative;height:632px;}
.radies #sec2 > div > div .img1{position:absolute;left:0;top:65px;}
.radies #sec2 > div > div .img2{position:absolute;right:0;top:155px;}
.radies #sec2 > div > div .img3{position:absolute;left:382px;top:0;}

/*kappa*/
.kappa #mainimg{background:#000 url(img/items/kappa/mainimg.jpg) no-repeat center;height:520px;}
.kappa #sec1{background:url(img/items/kappa/bg.jpg) no-repeat center;background-size:cover;}
.kappa #sec1 > div{width:980px;margin:0 auto;position:relative;height:1494px;}
.kappa #sec1 > div .img1{position:absolute;left:0;top:40px;}
.kappa #sec1 > div .img2{position:absolute;right:0;top:170px;}
.kappa #sec1 > div .img3{position:absolute;right:30px;top:793px;}
.kappa #sec1 > div .img4{position:absolute;left:80px;top:676px;}

/*kimono*/
.kimono #mainimg{background:url(img/items/kimono/mainimg.jpg) no-repeat center;height:520px;background-size:cover;}
.kimono #sec1{background:url(img/items/kimono/bg.jpg) no-repeat center;background-size:cover;}
.kimono #sec1 > div{width:1000px;margin:0 auto;position:relative;padding:30px 0 90px;}
.kimono #sec1 > div > div{width:950px;padding-bottom:30px;position:relative;}
.kimono #sec1 > div > div span{float:right;position:relative;}
.kimono #sec1 > div > div span:first-child{float:left;}
.kimono #sec1 > div > div.box1 img:first-child{top:90px;}
.kimono #sec1 > div > div.box2{margin-left:45px;}
.kimono #sec1 > div > div.box3 {top:-80px;}
.kimono #sec1 > div > div.box3 img:first-child{top:86px;}
.kimono #sec1 > div > div.box4{margin-left:45px;top:-100px;}
.kimono #sec1 > div > div.box5{top:-100px;}

/*goods*/
.goods #sec1{background:url(img/items/goods/bg.jpg) no-repeat center;background-size:cover;padding:50px 0 100px;}
.goods #sec1 h2{letter-spacing:normal;}
.goods #sec1 > div{text-align:center;letter-spacing:-0.4em;}
.goods #sec1 > div > div{display:inline-block;width:333px;letter-spacing:normal; vertical-align: top;}
.goods #sec1 > div > div.box2{padding-top:60px;}
.goods #sec1 > div > div.box3{padding-top:120px;}

/*jewelry*/
.jewelry #mainimg{background:url(img/items/jewelry/mainimg.jpg) no-repeat center;height:520px;background-size:cover;}
.jewelry #sec1{background:url(img/items/jewelry/sec1-bg.jpg) no-repeat center;background-size:cover;padding:50px 0 100px;}
.jewelry #sec1 > div{width:1000px;margin:0 auto;position:relative;height:1200px;}
.jewelry #sec1 > div .img1{position:absolute;left:0;top:0;}
.jewelry #sec1 > div .img2{position:absolute;right:144px;top:0;}
.jewelry #sec1 > div .img3{position:absolute;right:0;top:295px;}
.jewelry #sec1 > div .img4{position:absolute;left:0;bottom:0;}

/*bedding*/
.bedding #mainimg{background:#000 url(img/items/bedding/mainimg.png) no-repeat center;height:520px;}
.bedding #sec1{background:url(img/items/bedding/sec1-bg.jpg) no-repeat center;background-size:cover;padding:100px 0;}
.bedding #sec1 > div{width:1040px;margin:0 auto;position:relative;height:1690px;}
.bedding #sec1 > div .img1{position:absolute;left:20px;top:0;}
.bedding #sec1 > div .img2{position:absolute;right:0;top:90px;}
.bedding #sec1 > div .img3{position:absolute;left:0;top:550px;}
.bedding #sec1 > div .img4{position:absolute;right:20px;top:640px;}
.bedding #sec1 > div .img5{position:absolute;left:20px;top:1100px;}
.bedding #sec1 > div .img6{position:absolute;right:0;top:1190px;}

/*health*/
.health #contents{background:url(img/items/health/bg.jpg) no-repeat center;background-size:cover;}
.health #mainimg{background:#fff7ef;}
.health #sec1{padding:20px 0 100px;}
.health #sec1 > div{width:1000px;margin:0 auto;}
.health #sec1 > div > div{height:447px;position:relative;}
.health #sec1 > div > div+div{margin-top:35px;}
.health #sec1 > div > div > img{position: absolute;right:0;bottom:0;}
.health #sec1 > div > div > img:first-child{left:0;right:inherit;}
.health #sec2{padding:20px 0;}
.health #sec2 > div{width:1040px;margin:0 auto;}
.health #sec2 > div ul{letter-spacing:-0.4em;}
.health #sec2 > div li{padding:0 20px 100px;display:inline-block;vertical-align: top;width:50%;letter-spacing:normal;box-sizing:border-box;}

/*===== company ============================================*/
.company section {padding-bottom:80px;}
.company #mainimg{background:url(img/company/mainbg.jpg) no-repeat center;height:520px;background-size:cover;padding:0;}
.company #mainimg > div{width:1000px;margin:0 auto; padding-top:157px;}
.company #mainimg > div span{display:block;margin-bottom:24px;}
.company #sec1{padding:80px 0 100px;}
.company section > div{width:1000px;margin:0 auto;}
.company #sec1 .f-l{width:430px;padding-top:60px;}
.company #sec1 .f-r{width:510px;}
.company #sec1 .f-r h2{font-size:36px;color:#6b6bbd;position:relative;margin-bottom:30px;}
.company #sec1 .f-r h2::before{content:'';height:2px;width:100px;background:#c7dc68;position:absolute;left:0;bottom:-5px;}
.company #sec1 .f-r h3{font-size:30px;line-height:140%;}
.company #sec1 .f-r h3 br{line-height:140%;}
.company #sec1 .f-r p{margin-top:20px;}
.company #sec2 .f-l,.company #sec3 .f-l,.company #sec4 .f-l{width:260px;text-align:center;}
.company #sec2 .f-r,.company #sec3 .f-r,.company #sec4 .f-r{width:690px;padding-top:40px;}
.company #sec2 h2,.company #sec3 h2,.company #sec4 h2{margin-bottom:0;}
.company .t01 th{width:130px;}
.company #sec4 ol{padding:0;margin:0;}
.company #sec4 ol li{list-style:none;padding:20px 0 20px 70px;font-size:20px;position:relative;}
.company #sec4 ol li > span{position:absolute;left:0;top:0;bottom:0;margin:auto 0;width:60px;height:60px;line-height:60px;font-size:24px;font-weight:bold;color:#fff;text-align:center;background:#6ccde6;border-radius:100%;}
.company #sec4 ol li strong span{color:#6b6bbd;text-decoration:underline;font-weight:bold;}
.company #sec5 #map1{width:100%;height:420px;margin-bottom:30px;}
.company #sec5 *{text-align:center;}
.company #sec5 dl{margin-top:20px;}
.company #sec5 dt{font-weight:bold;}


/*===== recruit ============================================*/
.recruit section {padding-bottom:80px;}
.recruit #contents{background:url(img/recruit/bg.jpg) center;background-size:100% auto;}
.recruit #mainimg{background:url(img/recruit/mainbg.jpg) no-repeat center right;height:520px;background-size:cover;width:100%;padding:0;}
.recruit #sec1{padding:80px 0 100px;}
.recruit section > div{width:1000px;margin:0 auto;}
.recruit #sec1 .f-l{width:630px;}
.recruit #sec1 .f-l p{margin-top:20px;}
.recruit #sec1 .f-r{width:350px;}
.recruit #sec2 ul{letter-spacing:-0.4em;margin-left:-35px;}
.recruit #sec2 ul li{display:inline-block;letter-spacing:normal;width:auto;margin:0 0 35px 35px;}
.recruit #sec3 dl{margin-top:100px;}
.recruit #sec3 dl dt{border:1px solid #6b6bbd;padding:40px 50px 30px 50px;background:#fff;margin-left:100px;position:relative;}
.recruit #sec3 dl dt > span{position:absolute;left:-100px;top:-45px;display:inline-block;width:270px;height:70px;line-height:70px;background:#6b6bbd;text-align:right;padding-right:30px;box-sizing:border-box;}
.recruit #sec3 dl dd{border:1px solid #6bbdb0;padding:40px 50px 30px 50px;background:#fff;margin-left:200px;margin-top:65px;position:relative;}
.recruit #sec3 dl dd > span{position:absolute;left:-100px;top:-45px;display:inline-block;width:270px;height:70px;line-height:70px;background:#6bbdb0;text-align:right;padding-right:30px;box-sizing:border-box;}
.recruit #sec4 .hdline1{margin:0;}
.recruit #sec4 p{margin-bottom:20px;}
.recruit #sec4 .box1{width:800px;margin:0 auto;border:1px solid #6b6bbd;padding:50px;box-sizing:border-box;background:#fff;margin-bottom:30px;}
.recruit #sec4 .box1 th{width:130px;}


/*===== contact ============================================*/
.contact #sec1{padding:60px 0 80px;}
.contact #sec1 > div{width:900px;margin:0 auto;}
.contact #sec1 > div > div{width:420px;}
.contact #sec2{padding-bottom:100px;}
.contact #sec2 > div{width:710px;margin:0 auto;}
.contact #sec2 > div > p{text-align:center;margin-bottom:40px;}
.contact #sec2 > div > p a{color:#cc7eb1;text-decoration:underline;}
.contact #sec2 > div th{width:200px;}
.contact #sec2 > div .t-c{margin-top:30px;}
.contact #sec2 > div .confirm{display:inline-block;width:470px;background:url(img/contact/confirm.png);height:75px;border:none;cursor:pointer;}
.contact #sec2 > div .back{display:inline-block;width:470px;background:url(img/contact/back.png);height:75px;border:none;cursor:pointer;}
.contact #sec2 > div .send{display:inline-block;width:470px;background:url(img/contact/send.png);height:75px;border:none;cursor:pointer;}


/*===== info ============================================*/
.info #sec1{padding:50px 0 100px;}
.info #sec1 > div{width:900px;margin:0 auto;}
.info #sec1 > div ul li{padding:10px 0;display:table;width:100%;}
.info #sec1 > div ul li > span{display:table-cell; vertical-align: top;}
.info #sec1 > div ul li > span:first-child{width:140px;}
.info #sec1 > div ul li a{display:block;}

.info #sec1 > div ul li a{display:block;}
.info .date{color:#999;font-weight:bold;display:inline-block;margin-right:10px;}
.info #sec1 .detail-h2{font-size:36px;color:#6b6bbd;position:relative;margin-bottom:30px;}
.info #sec1 .detail-h2::before{content:'';height:2px;width:100px;background:#c7dc68;position:absolute;left:0;bottom:-5px;}


/*===== privacy ============================================*/
.privacy #sec1{padding:50px 0 100px;}
.privacy #sec1 > div{width:1000px;margin:0 auto;}
.privacy #sec1 > div dl{margin-top:30px;}
.privacy #sec1 > div dl dt{background:#792a63;padding:10px;color:#fff;font-size:18px;margin-bottom:10px;}


.sp{display:none!important;}
}








@media screen and (max-width: 767px) {
input[type="submit"] {-webkit-appearance: none;}
.f-l,.f-r{float:none;}
iframe{width:100%;}
img{max-width:100%;}
.s{position:relative;box-sizing:border-box;box-shadow:4px 4px 10px rgba(0,0,0,0.2);}


#main{overflow:hidden;padding-top:50px;box-sizing:border-box;}


/*arrow and link*/

/*btn*/
.btn1{display:inline-block;border:1px solid #fff;color:#fff;cursor:pointer;background:url(img/arrow-w.png) no-repeat 90%;padding:5px 25px;font-size:12px;}
.btn1.p{color:#792a63;border:1px solid #792a63;background-image:url(img/arrow-p.png);}


/*breadcrumb*/
#breadcrumb{margin:0 auto;padding:5px 10px;box-sizing:border-box;background:#cc7eb1;font-size:12px;}
#breadcrumb ul{letter-spacing:-0.4em;width:1000px;margin:0 auto;}
#breadcrumb li{display:inline-block;letter-spacing:normal;position:relative;}
#breadcrumb li+li{margin-left:24px;}
#breadcrumb li+li::before{content:'>';position:absolute;left:-15px;top:-2px;color:#792a63;}
#breadcrumb li a{color:#792a63;text-decoration:underline;}

/*hdline*/
#lower-h1{display:table;width:100%;background:#792a63 url(img/h1-bg.png) no-repeat top;height:79px;background-size:auto 80px;}
#lower-h1 span{display:table-cell; text-align:center;font-size:24px;color:#fff;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; vertical-align: middle;}
#lower-h1 span img{height:25px;width:auto;}
.hdline1{line-height:140%;padding:20px 0;font-size:20px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; text-align:center;margin-bottom:15px;position:relative;}
.hdline1::before{width:100%;height:20px;position:absolute;top:0;left:0;content:'';background:url(img/hdline1-bg.png) no-repeat center;background-size:auto 20px;}
.hdline1::after{width:100%;height:20px;position:absolute;bottom:0;left:0;content:'';background:url(img/hdline1-bg2.png) no-repeat center;background-size:auto 20px;}

/*table*/
.t01 th{padding:5px;background:#6b6bbd;color:#fff;display:block;width:100%;box-sizing:border-box;}
.t01 td{padding:5px;display:block;width:100%;box-sizing:border-box;}
.t01 th .require{display:inline-block;float:right;color:#fff;background:#6b6bbd;font-size:14px;padding:0 10px;}


/*box*/

/*text*/
.cat{display:inline-block;width:124px;height:22px;line-height:22px; vertical-align: middle;text-align:center;color:#fff;font-size:14px;}
.cat img{display:inline-block; vertical-align: bottom;}
.cat.icon1,.cat.icon2,.cat.icon3{background:#483d8b;}
.cat.icon4{background:#dc143c;}
.cat.icon5{background:#6600cc;}


/*link*/

/*pager*/


/*===== header ============================================*/
#header{height:50px;position:fixed;top:0;left:0;width:100%;background:#fff;z-index:10000;}
#header .hd .logo1{position:absolute;left:-4px;top:0;z-index:1200}
#header .hd .logo1 img{width:auto;height:70px;}
#header .hd .logo2{position:absolute;left:120px;top:10px;}
#gnavi{box-sizing:border-box;}
.menubtn{width:50px;height:50px;display:inline-block;background: url(img/menuopen.png) no-repeat center;background-size:30px auto;right:3px;top:0px;z-index:1100; cursor:pointer;position:absolute;}
.menubtn.active{background: url(img/menuclose.png) no-repeat center;background-size:35px auto;}
.menu-wrap{overflow-y:auto;display:none;background:#792a63;position:fixed;top:50px;left:0;width:100%;height:100%;z-index:1000;}
#gnavi .menu-wrap > ul{margin-bottom:20px;box-sizing:border-box;border-bottom:1px solid #fff;}
#gnavi .hd-navi{padding-top:30px;}
#gnavi ul li{border-top:1px solid #fff;color:#fff;position:relative;}
#gnavi ul li a,#gnavi ul li span{color:#fff;display:block;position:relative;padding:15px;box-sizing:border-box;}
#gnavi ul li a::after,#gnavi ul li span::after,#gnavi ul li p::after{content:'';background:url(img/sp-menu-arrow.png) no-repeat 97% center;width:7px;height:10px;position: absolute;right:10px; top:0;bottom:0;margin:auto 0;}
#gnavi ul li span::after,#gnavi ul li p::after{transform:rotate(90deg);}
.g2-box {display:none;}
.g2-box .closebtn{display:none!important}
.g2-box {background:#cc7eb1;}
.g2-box p{background:#792a63;border-top:1px solid #fff;padding:15px;cursor:pointer;}
.g2-box ul{display:none;}
.g2-box li{border-top:1px solid #fff!important;margin-top:-1px;}
.g2-box li a{color:#fff!important;}
.g2-box .arrow1{background:none;}
.g2-box p{position:relative;}
.g2-box p img{height:17px; width:auto;}
.menu-open{overflow: hidden;}
#gnavi .t-c.sp{padding-bottom:70px;}
#gnavi .tel{display:block;margin-bottom:10px;}
#gnavi .tel img{width:270px;height:auto;}
#gnavi .mail{display:inline-block;background:#cc7eb1 url(img/mail-icon.png) no-repeat 20px;padding:10px 20px 10px 60px;color:#fff;border-radius:5px;background-size:25px auto;}




/*===== footer ============================================*/
#footer{background:#792a63;}
#footer *{color:#fff;}
#footer .ft-box1{border-bottom:1px solid #390726;display:table;width:100%;}
#footer .ft-box1 > div{display:table-cell; vertical-align: middle;width:50%;position:relative!important;top:0;bottom:0;box-sizing:border-box;border-left:1px solid #cc7eb1;text-align:center;}
#footer .ft-box1 > div:first-child{border-right:1px solid #390726;border-left:0;}
#footer .ft-box1 {}
#footer .ft-contact{padding:20px 0;background:#cc7eb1;}
#footer .ft-contact dt{text-align:center;color:#fff;font-size:15px;}
#footer .ft-contact dd{text-align:center;}
#footer .ft-contact dd span{display:block; vertical-align: middle;text-align:center;}
#footer .ft-contact dd span img{width:260px;height:auto;margin:10px 0;}
#footer .ft-contact dd span .mail{display:inline-block;background:#792a63 url(img/mail-icon.png) no-repeat 20px;padding:10px 20px 10px 50px;color:#fff;border-radius:5px;background-size:20px auto;}
#footer .ft-navi{padding:10px 20px ;border-bottom:1px solid #390726;border-top:1px solid #cc7eb1;}
#footer .ft-navi address{padding:20px 0 0;}
#footer .ft-navi address div{text-align:center;}
#footer .ft-navi address dt{margin-top:10px;text-align:center;font-weight:bold;}
#footer .ft-navi address dd{Text-align:center;}
#footer .ft-navi > ul{}
#footer .ft-navi > ul > li{margin-top:20px;}
#footer .ft-navi > ul > li ul{letter-spacing:-0.4em;}
#footer .ft-navi > ul > li li{display:inline-block;letter-spacing:normal;padding:5px;margin-right:10px;}
#footer .ft-navi > ul > li p{margin-bottom:5px;font-weight:bold;text-align:center;}
#footer .ft-navi > ul > li a{background:url(img/arrow-w.png) no-repeat center left;display:inline-block;padding-left:10px;}
#footer #copy{border-top:1px solid #cc7eb1;padding:10px 0;text-align:center;color:#fff;}




/*===== home ============================================*/
.home #home-main{}
.home #home-main > div{height:100%;position:relative;}
.home #home-main > div h1{position:absolute;bottom:110px;margin:auto 0;text-align:center;width:100%;}
.home #home-main > div h1 img{width:300px;height:auto;}
.home #home-main > div h2{position: absolute;bottom:20px;left:0;width:100%;text-align:center;}
.home section .btn1.p{padding:1px 15px;font-size:14px;}
.home #sec1{}
.home #sec1 > div{}
.home #sec1 > div .l{background:#513743;padding:10px 20px;position:relative;}
.home #sec1 > div .l h2{font-size:18px;font-weight:bold;color:#fff;}
.home #sec1 > div .l a{position:absolute;right:20px;top:10px;}
.home #sec1 > div .r{padding:10px 20px;}
.home #sec1 > div .r li{padding:10px 0;border-bottom:1px dotted #ccc;}
.home #sec1 > div .r li a{display:block;}
.home #sec1 > div .r li .date{color:#999;font-weight:bold;display:inline-block;margin-right:10px;}
.home #sec2{}
.home #sec2 > div{position:relative;}
.home #sec2 > div h2{background:#792a63;text-align:center;padding:20px;box-sizing:border-box;}
.home #sec2 > div h2 img{width:200px;height:auto;}
.home #sec2 > div ul li{}
.home #sec2 > div ul li a{display:block;position:relative;}
.home #sec2 > div ul li a span{position:absolute;left:0;right:0;margin:0 auto;width:50px;bottom:15px;}
.home #sec3 > div{wposition:relative;}
.home #sec3 > div h2{background:#792a63;padding:10px 0 10px 30px;box-sizing:border-box;}
.home #sec3 > div h2 img{width:70px;height:auto;}
.home #sec3 > div ul li{}
.home #sec3 > div ul li a{display:block;position:relative;}
.home #sec3 > div ul li a span{position:absolute;left:0;right:0;margin:0 auto;width:50px;bottom:15px;}
.home #sec3 > div > div{padding:30px 20px;}
.home #sec3 > div > div ul > li+li{margin-top:20px;}



/*===== items ============================================*/
.items #contents{background:url(img/items/items-bg.jpg) center;background-size:cover;}
.items #contents section {padding:10px 15px;}
.items #contents section > div ul{letter-spacing:-0.4em;}
.items #contents section > div ul li{display:inline-block;width:100%;padding:5px;box-sizing:border-box;letter-spacing:normal;text-align:center;}
.items #contents section > div ul li{width:100%;height:auto;}
.items #contents section#sec2 > div ul li{display:inline-block;width:50%;padding:5px;box-sizing:border-box;letter-spacing:normal;}

/*maison de junko*/
.maisondejunko #sec1{background:#221d1d url(img/items/maisondejunko/mainimg.jpg) no-repeat center;height:200px;background-size: auto 200px;}
.maisondejunko #sec2{background:url(img/items/maisondejunko/sec2-bg.jpg) no-repeat center;background-size:cover;padding:10px;}
.maisondejunko #sec2 > div{}
.maisondejunko #sec2 > div .box1{background:rgba(255,255,255,0.9);padding:20px;}
.maisondejunko #sec2 > div .box1 h2{text-align:center;position:relative;font-size:24px;color:#6b6bbd;margin-bottom:30px;line-height:100%;}
.maisondejunko #sec2 > div .box1 h2::before{content:'';height:2px;width:100px;background:#c7dc68;position:absolute;left:0;right:0;margin:0 auto;bottom:-15px;}
.maisondejunko #sec2 > div .box1 h2 br{line-height:100%;}
.maisondejunko #sec2 > div .box1 h3{text-align:center;font-size:18px;color:#6b6bbd;}
.maisondejunko #sec2 > div .box1 h3 > span{display:block;text-align:center;font-size:20px;}
.maisondejunko #sec2 > div .box1 p{}
.maisondejunko #sec2 > div .box2{margin-top:10px;}
.maisondejunko #sec3{padding:20px;background:#e6f0ff;}
.maisondejunko #sec3 > div > div > div{text-align:center;}
.maisondejunko #sec3 > div > div > div h2{position:relative;height:30px;margin-top:-5px;}
.maisondejunko #sec3 > div > div > div h2 img{position:relative;left:-20px;height:50px;width:auto;}
.maisondejunko #sec3 > div > div > div > div{background:#fff;padding:20px;color:#6b6bbd;}
.maisondejunko #sec3 > div > div > div > div p+p{margin-top:10px;}
.maisondejunko #sec3 > div > .box2{padding:20px 0;}
.maisondejunko #sec3 > div > .box2 h2{text-align:right;}
.maisondejunko #sec3 > div > .box2 h2 img{position:relative;right:-20px;left:inherit;}
.maisondejunko #sec4{padding:20px 15px;}
.maisondejunko #sec4 ul{letter-spacing:-0.4em;}
.maisondejunko #sec4 li{display:inline-block;width:50%;padding:5px;box-sizing:border-box;letter-spacing:normal;}

/*rin*/
/*
.rin #mainimg{background:url(img/items/rin/mainimg.jpg) no-repeat center;height:200px;background-size:cover;padding:0;}
.rin #mainimg h2{text-align:center;padding-top:10px;}
.rin #mainimg h2 img{height:180px;width:auto;}
.rin #sec1{background:url(img/items/rin/bg.jpg) no-repeat;background-size:cover;padding:20px;}
.rin #sec1 .f-l{padding:0 30px;}
.rin #sec1 .f-r h2{font-size:28px;color:#6b6bbd;position:relative;margin-bottom:30px;}
.rin #sec1 .f-r h2::before{content:'';height:2px;width:100px;background:#c7dc68;position:absolute;left:0;bottom:-5px;}
.rin #sec1 .f-r p{margin-top:20px;}
.rin #sec1 .f-r p img{height:25px;width:auto;}
.rin #sec2{background:#e6f0ff;padding:20px;}
.rin #sec2 .f-l{margin-bottom:10px;}
.rin #sec2 h2{margin-bottom:0;}
.rin #sec3{background:url(img/items/rin/bg.jpg) no-repeat;background-size:cover;padding:20px;}
*/

/*tranquillo*/
.tranquillo #sec1{background:#000 url(img/items/tranquillo/mainimg.png) no-repeat center;height:200px;background-size:auto 200px;}
.tranquillo #sec2{background:#fff url(img/items/tranquillo/sec2-bg.jpg) no-repeat center;background-size:cover;padding:20px;}

/*blu-tranquillo*/
.blu-tranquillo #sec1{background:#000 url(img/items/blu-tranquillo/mainimg.png) no-repeat center;height:200px;background-size:auto 200px;}
.blu-tranquillo #sec2{background:#fff url(img/items/blu-tranquillo/sec2-bg.jpg) no-repeat center;background-size:cover;padding:20px;}

/*kimono-original4*/
.kimono-original4 section {background:url(img/items/kimono-original4/bg.jpg) no-repeat center;background-size:cover;}
.kimono-original4 #mainimg{background:#000 url(img/items/kimono-original4/mainimg.png) no-repeat center;height:200px;background-size:auto 200px;padding:0;}
.kimono-original4 section > div{margin:0 auto;padding:20px;}
.kimono-original4 section h2{background:#792a63;color:#fff;padding:5px 20px;}
.kimono-original4 section h2 > span{font-size:20px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;width:1000px;margin:0 auto;display:block;}
.kimono-original4 section > div > div.t-c{margin-bottom:20px;}
.kimono-original4 section > div > div > div.f-l{margin-bottom:10px;}
.kimono-original4 section > div > div > div.f-l h3 img{width:260px;height:auto;}
.kimono-original4 section > div > div > .f-l p{margin-top:10px;}
.kimono-original4 section > div > div > .f-l .t-c{margin-top:30px;}
.kimono-original4 section > div > div > img.f-l{margin-top:-60px;}

/*radies*/
.radies #contents{background:url(img/items/radies/bg.jpg) center;background-size:cover;}
.radies section{padding:20px;}
.radies section div{text-align:center;}
.radies section div img{margin-bottom:10px;}

/*kappa*/
.kappa #mainimg{background:#000 url(img/items/kappa/mainimg.jpg) no-repeat center;height:200px;background-size:auto 200px;}
.kappa #sec1{background:#000 url(img/items/kappa/bg.jpg) no-repeat center;background-size:cover;}
.kappa #sec1{padding:20px;}
.kappa section div{text-align:center;}
.kappa section div img{margin-bottom:10px;}

/*kimono*/
.kimono #mainimg{background:url(img/items/kimono/mainimg.jpg) no-repeat center;height:200px;background-size:auto 200px;}
.kimono #sec1{background:url(img/items/kimono/bg.jpg) no-repeat center;background-size:cover;padding:10px;}
.kimono #sec1 > div > div{display:table;width:100%;}
.kimono #sec1 > div > div > span{display:table-cell; vertical-align: top;padding:10px;}

/*goods*/
.goods #sec1{background:url(img/items/goods/bg.jpg) no-repeat center;background-size:cover;padding:20px;}
.goods #sec1 > div > div li{padding:10px 0;text-align:center;}

/*jewelry*/
.jewelry #mainimg{background:url(img/items/jewelry/mainimg.jpg) no-repeat center;height:200px;background-size:auto 200px;}
.jewelry #sec1{background:url(img/items/jewelry/sec1-bg.jpg) no-repeat center;background-size:cover;padding:20px;}
.jewelry #sec1 > div{position:relative;text-align:center;}
.jewelry #sec1 > div img+img{margin-top:10px;}

/*bedding*/
.bedding #mainimg{background:#000 url(img/items/bedding/mainimg.png) no-repeat center;height:200px;background-size:auto 200px;}
.bedding #sec1{background:url(img/items/bedding/sec1-bg.jpg) no-repeat center;background-size:cover;padding:20px;}
.bedding #sec1 img+img{margin-top:10px;}

/*health*/
.health #contents{background:url(img/items/health/bg.jpg) no-repeat center;background-size:cover;}
.health #mainimg{background:#fff7ef;}
.health #sec1{padding:20px;}
.health #sec1 img{margin-bottom:10px;}
.health #sec2{padding:20px;}
.health #sec2 img{margin-bottom:10px;}

/*===== company ============================================*/
.company section {padding:20px;}
.company #mainimg{background:url(img/company/mainbg.jpg) no-repeat center right;height:200px;background-size:cover;display:table;width:100%;padding:0 10px;}
.company #mainimg > div{display:table-cell; vertical-align: middle;}
.company #mainimg > div span{display:block;margin-bottom:10px;}
.company #mainimg > div span img{height:25px;width:auto;}
.company #sec1 .f-l{text-align:center;margin-bottom:10px;}
.company #sec1 .f-r{}
.company #sec1 .f-r h2{font-size:28px;color:#6b6bbd;position:relative;margin-bottom:30px;}
.company #sec1 .f-r h2::before{content:'';height:2px;width:100px;background:#c7dc68;position:absolute;left:0;bottom:-5px;}
.company #sec1 .f-r h3{font-size:20px;line-height:140%;}
.company #sec1 .f-r h3 br{line-height:140%;}
.company #sec1 .f-r p{margin-top:20px;}
.company #sec1 .f-r p.t-r img{width:250px;height:auto;}
.company #sec2 .f-l,.company #sec3 .f-l,.company #sec4 .f-l{margin-bottom:10px;}
.company #sec2 .f-r,.company #sec3 .f-r,.company #sec4 .f-r{}
.company #sec2 h2,.company #sec3 h2,.company #sec4 h2{margin-bottom:0;}
.company #sec4 ol{padding:0;margin:0;}
.company #sec4 ol li{list-style:none;padding:20px 0 20px 50px;font-size:18px;position:relative;}
.company #sec4 ol li > span{position:absolute;left:0;top:0;bottom:0;margin:auto 0;width:40px;height:40px;line-height:40px;font-size:20px;font-weight:bold;color:#fff;text-align:center;background:#6ccde6;border-radius:100%;}
.company #sec4 ol li strong span{color:#6b6bbd;text-decoration:underline;font-weight:bold;}
.company #sec5 #map1{width:100%;height:200px;margin-bottom:30px;}
.company #sec5 *{text-align:center;}
.company #sec5 dl{margin-top:10px;}
.company #sec5 dt{font-weight:bold;}



/*===== recruit ============================================*/
.recruit section {padding:20px;}
.recruit #contents{background:url(img/recruit/bg.jpg) center;background-size:100% auto;}
.recruit #mainimg{background:url(img/recruit/mainbg.jpg) no-repeat center;height:200px;background-size:cover;width:100%;padding:0;}
.recruit #sec1 .f-l{margin-bottom:10px;}
.recruit #sec1 .f-l p+p{margin-top:10px;}
.recruit #sec1 .f-r{text-align:center;}
.recruit #sec2 ul{letter-spacing:-0.4em;}
.recruit #sec2 ul li{display:inline-block;letter-spacing:normal;width:50%;padding:5px;box-sizing:border-box;}
.recruit #sec3 dl{margin-top:50px;}
.recruit #sec3 dl dt{border:1px solid #6b6bbd;padding:30px 20px 20px;background:#fff;position:relative;}
.recruit #sec3 dl dt > span{position:absolute;left:-1px;top:-30px;display:inline-block;width:270px;padding:10px 0;background:#6b6bbd;text-align:right;padding-right:30px;box-sizing:border-box;}
.recruit #sec3 dl dd{border:1px solid #6bbdb0;padding:30px 20px 20px;background:#fff;position:relative;margin-top:40px;margin-left:20px;}
.recruit #sec3 dl dd > span{position:absolute;left:-1px;top:-30px;display:inline-block;width:270px;padding:10px 0;background:#6bbdb0;text-align:right;padding-right:30px;box-sizing:border-box;}
.recruit #sec4 .hdline1{margin:0;}
.recruit #sec4 p{margin-bottom:20px;}
.recruit #sec4 .box1{border:1px solid #6b6bbd;padding:10px;box-sizing:border-box;background:#fff;margin-bottom:30px;}


/*===== contact ============================================*/
.contact #sec1{padding:20px;}
.contact #sec1 > div > div{margin-bottom:10px;}
.contact #sec2{padding:20px;}
.contact #sec2 > div > p{margin-bottom:10px;}
.contact #sec2 > div > p a{color:#cc7eb1;text-decoration:underline;}
.contact #sec2 > div .t-c{margin-top:30px;}
.contact #sec2 > div .confirm{display:inline-block;width:270px;background:url(img/contact/confirm.png) no-repeat;height:45px;border:none;cursor:pointer;background-size:contain;}
.contact #sec2 > div .back{display:inline-block;width:270px;background:url(img/contact/back.png) no-repeat;height:45px;border:none;cursor:pointer;background-size:contain;}
.contact #sec2 > div .send{display:inline-block;width:270px;background:url(img/contact/send.png) no-repeat;height:45px;border:none;cursor:pointer;background-size:contain;}


/*===== info ============================================*/
.info #sec1{padding:20px;}
.info #sec1 > div li{padding:10px 0;border-bottom:1px dotted #ccc;}
.info #sec1 > div li a{display:block;}
.info #sec1 .date{color:#999;font-weight:bold;display:inline-block;margin-right:10px;}
.info #sec1 .detail-h2{font-size:28px;color:#6b6bbd;position:relative;margin-bottom:30px;}
.info #sec1 .detail-h2::before{content:'';height:2px;width:100px;background:#c7dc68;position:absolute;left:0;bottom:-5px;}


/*===== privacy ============================================*/
.privacy #sec1{padding:20px}
.privacy #sec1 > div dl{margin-top:20px;}
.privacy #sec1 > div dl dt{background:#792a63;padding:10px;color:#fff;font-size:18px;margin-bottom:10px;}





.pc{display:none!important;}
}