/*sub btn*/
#subBtn .tcon {
  appearance: none;
  border: none;
  cursor: pointer;
  margin:0 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  display:none\9; /* IE10以下 */
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 20px;
  transition: 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 20px;
  background: transparent;
  outline: none; }
  .tcon > * {
    display: block; }
  .tcon:hover, .tcon:focus {
    outline: none; }
  .tcon::-moz-focus-inner {
    border: 0; }

#subBtn .tcon-menu__lines {
  display: inline-block;
  height: 2px;
  width: 20px;
  border-radius: 0;
  transition: 0.3s;
  background: url(../images/btn_sub_b.png) top left;
    background-size:26px 20px;
  position: relative; }
  #subBtn .tcon-menu__lines::before, #subBtn .tcon-menu__lines::after {
    display: inline-block;
    height: 2px;
    width: 20px;
    border-radius: 0;
    transition: 0.3s;
    background: url(../images/btn_sub_b.png) top left;
    background-size:26px 20px;
    content: '';
    position: absolute;
    left: 0;
    -webkit-transform-origin: 0 center;
    transform-origin: 0 center;
    width: 100%; }
  #subBtn .tcon-menu__lines::before {
    top: 7px; }
  #subBtn .tcon-menu__lines::after {
    top: -7px; }
  #subBtn .tcon-transform .tcon-menu__lines {
     }

#subBtn .tcon-menu--xbutterfly {
  width: auto; }
  #subBtn .tcon-menu--xbutterfly .tcon-menu__lines::before, #subBtn .tcon-menu--xbutterfly .tcon-menu__lines::after {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transition: top .3s .6s ease, -webkit-transform .3s ease;
    transition: top .3s .6s ease, transform .3s ease; }
  #subBtn .tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines {
    background: transparent; }
    #subBtn .tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::before, #subBtn .tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::after {
      top: 0;
      transition: top .3s ease, -webkit-transform .3s .5s ease;
      transition: top .3s ease, transform .3s .5s ease;
      width: 20px; }
    #subBtn .tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::before {
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);     background: #000;}
    #subBtn .tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::after {
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);     background: #000;}

#subBtn .tcon-visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 2px;
  margin: -2px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 2px; }
 #subBtn .tcon-visuallyhidden:active, #subBtn .tcon-visuallyhidden:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }









/*----------------------------------------------------

  凡庸CSS
  
----------------------------------------------------*/

/* 余白設定 */
.mt0 { margin-top:0px!important;}
.mt7 { margin-top:7px!important;}
.mt14 { margin-top:14px!important;}
.mt21 { margin-top:21px!important;}
.mt28 { margin-top:28px!important;}
.mt35 { margin-top:35px!important;}
.mt42 { margin-top:42px!important;}
.mt49 { margin-top:49px!important;}
.mt56 { margin-top:56px!important;}
.mt63 { margin-top:63px!important;}
.mt70 { margin-top:70px!important;}
.mt77 { margin-top:77px!important;}
.mt84 { margin-top:84px!important;}

.ml0 { margin-left:0px!important;}
.ml7 { margin-left:7px!important;}
.ml14 { margin-left:14px!important;}
.ml21 { margin-left:21px!important;}
.ml28 { margin-left:28px!important;}
.ml35 { margin-left:35px!important;}
.ml42 { margin-left:42px!important;}
.ml49 { margin-left:49px!important;}
.ml56 { margin-left:56px!important;}
.ml63 { margin-left:63px!important;}
.ml70 { margin-left:70px!important;}
.ml77 { margin-left:77px!important;}
.ml84 { margin-left:84px!important;}

.mr0 { margin-right:0px!important;}
.mr7 { margin-right:7px!important;}
.mr14 { margin-right:14px!important;}
.mr21 { margin-right:21px!important;}
.mr28 { margin-right:28px!important;}
.mr35 { margin-right:35px!important;}
.mr42 { margin-right:42px!important;}
.mr49 { margin-right:49px!important;}
.mr56 { margin-right:56px!important;}
.mr63 { margin-right:63px!important;}
.mr70 { margin-right:70px!important;}
.mr77 { margin-right:77px!important;}
.mr84 { margin-right:84px!important;}

.mb0 { margin-bottom:0px!important;}
.mb7 { margin-bottom:7px!important;}
.mb14 { margin-bottom:14px!important;}
.mb21 { margin-bottom:21px!important;}
.mb28 { margin-bottom:28px!important;}
.mb35 { margin-bottom:35px!important;}
.mb42 { margin-bottom:42px!important;}
.mb49 { margin-bottom:49px!important;}
.mb56 { margin-bottom:56px!important;}
.mb63 { margin-bottom:63px!important;}
.mb70 { margin-bottom:70px!important;}
.mb77 { margin-bottom:77px!important;}
.mb84 { margin-bottom:84px!important;}

.noline{
  border:none !important;
}

.aRight{
  text-align:right;
}

.relative{
  position:relative;
}
.link{ cursor:pointer;zoom:1;}
.link:hover{opacity:0.7;filter: alpha( opacity=70 );-ms-filter: "alpha( opacity=70 )";}
.ie{filter: alpha( opacity=70 ); zoom:1;}
.link a {
    -ms-filter: ""; /* Reset the filter property */
    display: inline-block; /* Enable hasLayout */
  }
.smaller{font-size: 10px;}
.small{font-size: 12px;}
.normal{font-size: 14px !important;}
.large{font-size: 16px;}
.big{font-weight:bold;}
.personal{color:#f781bd;}
.bold{ font-weight:bold;}
.kome{ color:#ee2200;}
.underLine{ text-decoration:underline;}

/*link_pickup-color*/
.red{color:#ee2200;}
.brown{color:#cc8855;}
/*background-color*/
.black{ background:#000000;}
.lightblack{ background:#333333;}
.deepgray{ background:#888888;}
.gray{ background:#cccccc;}
.lightgray{ background:#f3f3f3;}
/*background-color2*/
.deepbeige{ background:#aa9977;}
.beige{ background:#ccbb99;}
.lightbeige{ background:#eeddbb;}

.uchikeshi{ text-decoration:line-through;}

.New-icon{color:#ee2200; font-size:11px;}
.relative{ position:relative;}
.New-out{ position:absolute; right:-40px; top:30%;}



/*btnetc*/
#submit{
  margin:0 auto;
  text-align:center;
}
#submit a{
  cursor:pointer;
  width:161px;
  margin:24px auto 0 auto;
  display:inline-block;
  padding:7px 0;
  color:#fff;
  font-size:16px;
  background:#bbaa66;
  border:none;
  -webkit-appearance: none;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}
.shopBox a {
    color: #cc8855 !important;
}


html{
  width:100%;

  background:#fff;
  }


h1 a img   {opacity:1.0!important;filter: alpha( opacity=100 )!important;-ms-filter: "alpha( opacity=100 )"!important; } /* =24px */
body img{max-width: 100%;}
body { color:#333;}


.pcD{
  display:block;
}
.pcDtxt{
  display:inline;
}
.spD{
  display:none;
}
.minH{
  font-weight:normal;
  font-size: 20px;
  font-family: 'HonMinKok-L';
}

/*table align*/
.tableVM td{
  vertical-align:middle;
}


/*contents common*/
div[style="margin-bottom:135px;"]{
  display:block !important;
}
header#shop h1{
  display: inline-block;
}

#wrapper{
  font-size: 14px;
  line-height: 22px;
  padding: 0 0 0 0;
  margin-bottom: 70px;
}
#page #wrapper{
  opacity:0;
}
#pageTitleArea{
  width:1001px;
  padding:0 7px;
  margin:0 auto;
}
#pankuzu{ 
  margin:12px 0 0 0;
}
#pankuzu ul li{
  font-size:11px;
  margin:0 7px 0 0;
  color:#666666;
  display:inline-block;
}
#pankuzu ul li a{
  font-size:11px;
  color:#666666;
  margin:0 7px 0 0;
}
#pageTitleArea h2{
  color:#333 !important;
  letter-spacing:0.12em;
  font-family: 'HonMinKok-L';
  font-size:24px;
  margin:42px 0;
}

#subNav{
  display:block;
  margin:0 0 56px 0;
  overflow:hidden;
}
#subNav ul{
  margin:0 0 0 -7px;
}
#subNav li{
  font-size:12px;
  line-height:14px;
  padding:0 7px;
  display:inline-block;
  border-left:1px solid #ccc;
  margin:0 0 14px 0;
}
#subNav li a{
  color:#333 !important;
}


#memberStep{
  display:block;
  margin:0 0 70px 0;
}

#memberStep li{
  line-height:14px;
  padding:1px 7px 1px 21px;
  display:inline-block;
  background:url(../images/icon_step.png) no-repeat left;
}
#memberStep li.select span{
  font-weight:bold;
  border-bottom:1px solid #ccc;
}
#memberStep li:first-child{
  padding:1px 7px 1px 0;
  background:none;
}

.boxAreaWide{
  width:749px;
  margin:0 auto;
}
.boxArea{
  width:665px;
  margin:0 auto;
}
.AcvArea{
  width:1001px;
  padding: 0 7px;
  margin:0 auto;
}
  .AcvArea a:link{
    color:#cc8855;
    text-decoration:none;
  }
  .AcvArea a:visited{
    color:#cc8855;
    text-decoration:none;
  }
  .AcvArea a:hover{
    opacity:0.7;
    text-decoration:underline;
  }
.acvArea{
  width:749px;
  margin:0 auto;
}
.acvBox{
  width:100%;
  margin:0 0 49px 0;
}
.acvImg{
  margin:0 49px 0 0;
  width:120px;
  float:left;
}
.iBorder{
  width:118px;
  border:1px solid #ccc;
}
.acvTxt{
  overflow:hidden;
}
.acvTxt h1{
  margin:0 0 7px 0;
  font-family: 'HonMinKok-L';
  font-size:16px;
}
.acvTxt p{
  font-size:12px;
}
.acvTxt p.date{
  margin:0 0 18px 0;
}
.postPick{
  padding:28px;
}


.pagination ul{
  text-align:center;
}
.pagination li{
  display:inline-block;
}
.pagination li a,.pagination li span{
  margin:0 18px;
}
.page-numbers.current{
  color:#cc8855;
}

.itemSocial{
  width: 1001px;
  margin: 0px auto 0px auto;
  position: relative;
}
.itemSocial ul{
  padding: 10px 0 20px 0 !important;
  /* float: right; */
  position: absolute;
  top: -50px;
  right: 0;
}
.itemSocial li{
  margin: 0 5px 0 0;
  float:left;
}
.facebook_like{
  width: 83px;
}
.itemSocial li a{
  display:block;
}
.col2BoxCon.TxtNormal{
  margin:0 0 28px 49px;
}
.col2BoxCon.TxtNormal p{
  font-size:14px;
}


/*標準投稿*/
.postBox{
  line-height: 28px;
  margin:70px 0 0 0;
}
.postCol{
  margin:0 0 70px 0;
}
.mainImg{
  margin:0 0 70px 0;
}
.postBox h2{
  font-family: 'HonMinKok-L';
  font-size:30px;
  margin:0 0 28px 0;
}
.postBox h3{
  font-family: 'HonMinKok-L';
  font-size:24px;
  line-height:48px;
  margin:42px 0 0 0;
}
.postBox #date{
  font-size:12px;
  margin:0 0 56px 0;
}
.photos{
  margin:84px 0 21px 0;
}
.smallP{
  margin:28px 0 21px 0;
  font-size:12px;
  line-height:24px;
}
.postNation{
  text-align:center;
  font-size:11px;
}
.postNation a{
  margin:0 18px;
}

/*固定ページ投稿*/
.pageBox{
  line-height: 28px;
  margin:70px 0 0 0;
}
.pageBox h3{
  font-family: 'HonMinKok-L';
  font-size:18px;
  line-height:24px;
  margin:42px 0 0 0;
}
.pageCol{
  margin-top:70px;
}
.pageCol:first-child{
  margin-top:0px;
}
#subNav li.current-cat a{
  color:#cc8855 !important;
}

/*shop contents*/
.shopBox{
  width:1001px;
  padding:0 7px;
  margin:0 auto;
}
.shopBox h3{
  font-family: 'HonMinKok-L';
  font-size:22px;
  line-height:48px;
  margin:0 0 0 0;
  font-weight:normal;
}
.shopBox h4{
  font-family: 'HonMinKok-L';
  font-size:18px;
  line-height:24px;
  margin:0 0 21px 0;
  font-weight:normal;
}
.shopBox h4 span{
  font-size:14px;
}
.imageShopBox,.normalShopBox{
  margin:0 0 126px;
}
.pdf{
  background: url(../images/curtain/icon_pdf.png) no-repeat left;
  padding:0 0 0 24px;
  margin:0 0 7px 0;
}
.imageShop.right{
  margin:0 0 0 49px;
}
.imageShop.left{
  margin:14px 42px 14px 0 ;
}
.imageShop.left + .txtShop{
  padding:14px 0 0 0;
}
.txtShop{
  overflow:hidden;
  padding:21px 0 0 0;
  margin:0 0 49px 0;
}
.btnArea{
  margin:0 0 0 0;
  text-align:center;
}
.shopCon{
  margin:0 0 49px 0;
}
.shopBtn, .curtainBtn{
  display:inline-block;
  cursor:pointer;
  background: url(../images/curtain/icon_btn.png) no-repeat 95% #aa9977 !important;
}

.shopBtn.Att, .curtainBtn.Att{
  background:url(../images/curtain/icon_btn.png) no-repeat 95% #ff9900 !important;
}

.shopBtn a, .curtainBtn a{
  text-align:left;
  color:#fff!important;
  font-size:14px;
  display: table-cell;
  height: 58px;
  vertical-align: middle;
  padding: 0 21px;
  line-height: 22px;
}
.btnArea p.shopBtn{
  float:left;
  margin:0 0 0 7px !important;
}
.btnArea p.shopBtn:first-child{
  margin:0 0 0 0 !important;
}
.btnWide{
  width:329px;
}
.btnMiddle{
  width:287px;
}
.btnSmall{
  width:245px;
}





.curtain-btn-inner-box{
  width: 245px;
}
.curtain-btn-box{
    width: 100%;
}
.curtain-btn-box .curtain-btn-inner-box{
  float:left;
  margin:0 0 0 7px !important;
}
.curtain-btn-box .curtain-btn-inner-box:first-child{
  margin:0 0 0 0 !important;
}
.fullBtn{
  cursor:pointer;
  float:left;
  width:100%;
  max-width:497px;
  display:block;
}

.fullBtn a{
  display: table-cell;
  height: 58px;
  vertical-align: middle;
  padding: 0 21px;
  line-height: 22px;
 
}
/*カーテンtop*/
.curtainColBox{
  border:1px solid #cccccc;
}
.curtainImg{
  float:right;
}
.curtainTxt{
  font-size:12px;
  line-height:18px;
  overflow:hidden;
  padding:12px 0 12px 12px;
}
.curtainTxt h1{
  font-weight:normal;
  margin:0 0 0 0;
  font-size:16px;
}
.Wbox .curtainColBox{
  border:1px solid #cccccc;
}
.colAllBoxCon .curtainTxt{
  padding:24px 0 0 48px;
}
.colAllBoxCon .curtainTxt h1{
  margin:0 0 48px 0;
  font-size:18px;
}
.colAllBoxCon .curtainTxt h1 span{
  font-size:14px;
}

#topBanner{
  padding:18px 36px;
  background:url(../images/curtain/banner_curtain_illust.png) no-repeat right bottom #7cd2dd;
  margin:0 0 60px 0;
}
#topBanner .bBox{
  float:left;
  margin:0 28px;
  width:340px;
}
#topBanner .yBtn{
  text-align:center;
  padding:10px 0;
  font-size:18px;
  background:url(../images/curtain/icon_btn_k.png) no-repeat 95% #ffde64;
}
#topBanner .yBtn a{
  color:#333333 !important;
}
#topBanner .topBannerTxt{
  margin:6px 15px 0 15px;
}


/*カーテン種類*/
#cLineupPrice{
  width:100%;
  margin:0 0 0 -7px;
}
#cLineupPrice p{
  width:50%;
  margin:0 0 0 0;
  float:left;
}
#cLineupPrice p img{
  max-width:98%;
  margin:0 0 0 7px;
}
.cListArea{
  margin:0 0 0 -7px;
}
.cListBox{
  width:329px;
  margin:0 0 21px 7px;
  float:left;
  text-align:left;
}
.cListImg{
  margin:0 14px 0 0;
  float:left;
}
.cListBox h4{
  margin:10px 0;
}
.cListBox p{
  font-size:12px;
}
.toggleBox{
  border:#ccc 1px solid;
  padding:14px;
  border-radius: 0px;        /* CSS3草案 */  
  -webkit-border-radius: 0px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 0px;   /* Firefox用 */
}
.tgTitle{
  padding:0 24px;
  cursor:pointer;
  text-align:center;
  position:relative;
}
.tgTitle span{
  position:absolute;
  display:block;
  right:5px;
  top:0px;
  -webkit-transform: rotate(0deg);
  -webkit-transition: 0.2s linear;
}
.tgTitle span.open{
-webkit-transform: rotate(180deg);
}
.openBox{
  display:none;
}
table.lineup{
  font-size:12px;
  border-left:1px solid #ccc;
  border-top:1px solid #ccc;
}
table.lineup .small{
  font-size:10px;
}
table.lineup th{
  text-align:center;
}
table.lineup td,table.lineup th{
  text-align:center;
  padding:7px;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
}
.gray-uu{
  background:#ddd;
}
.cIcon{
  border:1px solid #ccc;
  display:inline-block;
  height:8px;
  width:8px;
}
#tab1 span,#tab2 span,#tab3 span{
  display:none;
}
.b1{
  display:none;
}


/*注文の流れ*/
.tabArea{  
  margin:49px 0 0 0;
  text-align:center;
}
.tabArea p{
  cursor:pointer;
  padding:7px 21px;
  vertical-align:middle;
  display:inline-block;
  background:#f3f3f3;
  color:#999;
  position:relative;
  z-index:2001;
}
#tab1{
  padding:18px 21px;
}
.tabArea p.selected{
  padding:7px 21px;
  display:inline-block;
  color:#333;
  background:#fff;
  border:1px solid #ccc;
  border-bottom:1px solid #fff;
  position:relative;
  z-index:2001;
}
.tabConArea{
  position:relative;
  margin:-1px 0 0 0;
  border-top:1px solid #ccc;
  z-index:2000;
}
.tabBox{
  display:none;
  padding:49px 0;
}
.tabBox:first-child{
  display:block;
}
.tabCol{
  margin:0 0 60px 0;
}
.tabImg{
  width:144px;
  padding:5px;
  float:left;
  margin:0 28px 0 0;
}

.b1{
  display:none;
}

/*寸法方法*/
.measureStep{
  margin:0 0 56px 0;
}
.measureStep h5{
  font-size:16px;
  margin:21px 0 0 0;
  font-weight: normal;
}
.measureArea{
  clear:both;
  margin:28px 0 0 -21px;
}
.measureBox{
  font-size:12px;
  max-width:200px;
  float:left;
  margin:0 0 28px 21px;
}
.measureWbox{
  float:left;
  margin:0 49px 0 0;
}
.measureBox img{
  
  margin:0 0 14px 0;
}
.iHeight img{
  max-height:180px;
}


/*カーテンアクセサリー*/
.cListMinBox{
  float:left;
  width:161px;
  margin:0 0 0 7px;
}
.col2BoxArea{
  margin:0 0 0 -7px;
  width:483px;
}
.col2BoxArea p{
  font-size:14px;
}
.cListMin2Box{
  float:left;
  width:154px;
  margin:0 0 0 7px;
}
/*レール*/
.railArea{
  margin: 0 0 0 -7px;
}
.railBox {
  float: left;
  margin: 0 0 7px 7px;
  width: 240px;
}
/*高級カーテン*/
.logos{
  border:1px solid #ddd;
  width:450px;
}
.luxeL{ height:150px}
/*プレリア*/
.preliaLog{
  margin:105px 0 0 28px;
}
.lineupLogo{
  margin:0px 0 0 0;
}

/*スイーツ*/
.col4box{
  width:104%;
  display: flex;
  flex-wrap: wrap;
  margin:0 0 0 -21px;
}
.col4box.TopS{
  width:104%;
  display: flex;
  flex-wrap: wrap;
  margin:0 0 0 -21px;
}
.TopS .sweetsAcvBox{
  float: left;
  margin: 0 0 56px 21px;
  width:231px;
}


.sweetsAcvBox{
  float:left;
  margin:0 0 56px 21px;
  width:231px;
}
.sweetsAcvBox h1{
  font-weight:normal;
  margin:21px 0;
  font-family: 'HonMinKok-L';
  font-size:16px;
}
.sweetsAcvImg{
  margin:0 0 7px 0;
}
.sweetsAcvTxt{
  margin:0 12px;
}
.sweetsrighttext{
  margin-bottom:40px;
  text-align:right; 
}

/*スイーツ注釈文*/
#commentSweets{
  font-size:12px;
  margin-bottom:28px;
  margin-top:-42px;
}
#commentSweets a{
  color:#cc8855 !important;
}

/*限定スイーツ追記*/
.featureBox{
  margin-bottom:84px;
}
.featureBox{
  width:1039px;
  
  flex-wrap: wrap;
  display:flex;
  
  justify-content:left;
  margin:0 0 0 -21px;
}
.featureSweets {
  float:left;
  box-sizing:border-box;
	width: 483px;
	max-width: 96%;
	margin: 0 0 28px 21px;
	padding: 10px;
}
.featureSweets.bgGreen {
	background-color: #e3f3cc;
}
.featureSweets.bgPink {
	background-color: #ffddd9;
}
.featureSweets.bgOrange {
	background-color: #fdde8f;
}
.featureSweets.bgBlue {
	background-color: #f3f9ff;
}
.featureSweets .sweetsAcvImg {
  float: left;
  margin: 0 28px 0 0;
  text-align: center;
  width:40%;
}
.featureSweets .sweetsAcvImg img {

}
.featureSweets .sweetsAcvTxt {
  overflow:hidden;
  margin: 0;
}
/*1カラム版*/
.featureBox.single{
  width:1008px;
  flex-wrap: wrap;
  display:flex;
  justify-content:center;
  margin:0 0 0 0;
}
.featureBox.single .featureSweets {
  float:none;
  box-sizing:border-box;
	width: 700px;
	max-width: 96%;
	margin: 0 auto 28px auto;
	padding: 20px;
}
.featureBox.single .sweetsAcvImg {
  width:auto;
}




/*---------------------------------------------------------------------
 レスポンシブ
---------------------------------------------------------------------*/
/* PC upSize */
@media only screen and (min-width:768px) {
#subNav{
  background:none !important;
}
}



/* TB */
@media only screen and (max-width:1015px) {

div[style="margin-bottom:135px;"] {
    display: none !important;
}

.itemSocial {
   max-width: 749px;
}

}
/* SP */
@media only screen and (max-width:768px) {




body.noscroll {
  width:100%;
  position: fixed;
  overflow-y: scroll;
}

/*btnetc*/
#submit{
  margin:0 auto;
  text-align:center;
}
#submit{
  margin:0 auto;
  text-align:center;
}
#submit a{
  cursor:pointer;
  max-width:161px;
  min-width:40%;
  width:auto;
}

.pcD{
  display:none;
}
.pcDtxt{
  display:none;
}
.spD{
  display:block;
}

#wrapper{
  padding:60px 14px 0 14px;
}
.boxAreaWide{
  width:100%;
}
.boxArea{
  width:100%;
}

/*注文の流れ*/
.tabArea{  
  margin:49px 0 49px 0;
  text-align:center;
}

.AcvArea{
  padding:0;
  width:100%;
}
.acvArea{
  width:100%;
}
#pankuzu{
  display:none;
}
#pageTitleArea{
  width:100%;
  padding:0 0;
}
#pageTitleArea h2{
  font-size:18px;
  line-height:28px;
}
#subBtn{
  font-size:12px;
  letter-spacing:0.05em;
  right:21px;
  text-align:center;
  position: absolute;
  margin:0 0 0 0;
  cursor:pointer;
}
#subBtn img{
  position:absolute;
  left:50%;
  top:20px;
  margin:0 0 0 -10px;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(0deg);
  -webkit-transition: 0.2s linear;
}
#subBtn.open img{
  -webkit-transform: rotate(180deg);
}
#subNav.lightgray{
  width:100%;
  display:none;
  padding:0 14px;
  margin:0 0 30px -21px;
}
#subNav ul{
  padding:42px 0 28px 0;
  margin:0 0 0 0;
}
#subNav li{
  font-size:14px;
  line-height:24px;
  padding:0;
  margin:0 0 14px 0;
  display:block;
  border-left:none;
}
#subNav li:first-child{
  padding:0;
  border-left:none;
}

.itemSocial{
  width:100%;
  max-width: 94%;
  margin: 30px auto 0px auto;

}
.itemSocial ul{
  padding: 10px 0 20px 0 !important;
    /* float: right; */
    width: 100%;
    position: absolute;
    top: -50px;
}
.itemSocial li{
  margin: -6px !important;
  -moz-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -o-transform: scale(0.8);
  -ms-transform: scale(0.8);
}
.facebook_like{
  width:83px;
}




/*shop contents*/
.shopBox{
  width:100%;
  padding:0;
}
.shopBox h3{
  line-height:32px;
  font-size:18px;
}
.shopBox h4{
  font-size:14px;
  margin:0 0 14px 0;
}
.shopBox h4 span{
  font-size:13px;
}
.imageShopBox,.normalShopBox{
  margin:0 0 63px 0;
}
.imageShop.right{
  display:block;
  float:none !important;
  margin:0 auto !important;
}
.imageShop.left{
  display:block;
  float:none !important;
  margin:0 auto !important;
}
.imageShop.left + .txtShop{
  padding:42px 0 0 0;
}
.imageShop.isImg{
  text-align:center;
}
.imageShop iframe{
  max-width:100%;
  margin:0 auto;
}
.txtShop{
  padding:42px 0 0 0;
  margin:0 0 49px 0;
}
.btnArea{
  text-align:center;
}
.shopCon{
  max-width:640px;
  margin:0 auto 49px auto;
}
.shopBtn{
  display:block;
  width:60%;
  min-width:273px;
  float:none !important;
  margin:14px auto 14px auto !important;
}
.btnArea p.shopBtn{
  margin:0 auto 14px auto !important;
}
.btnArea p.shopBtn:first-child{
  margin:0 auto 14px auto !important;
}
.curtain-btn-box{
  max-width:640px;
  /*margin:0 auto 49px auto;*/
}
.curtain-btn-inner-box{
  /*margin:0 auto 49px auto;*/
  min-width:278px;
}

.btnArea .cListBox{
  margin:14px auto;
  width:60%;
  min-width:278px;
  float:none;
}
.btnSmall{
  width:60%;
  min-width:278px;
}


/*カーテンtop*/
.curtainColBox{
  border:1px solid #cccccc;
}
.curtainCol .col3BoxCon{
  float:left;
  width:98%;
  margin:0 0 7px 2%;
}
.curtainImg{
  width:140px;
}

.curtainTxt{
  line-height:14px;
}
.curtainTxt p{
  margin:0 0 0 0 !important;
}
.curtainTxt p.mt7{
  margin:7px 0 0 0 !important;
}
.curtainTxt h1{
  margin:6px 0 0 0 !important;
  font-size:14px;
}
.Wbox .curtainColBox{
  
}
.Wbox .curtainImg{
  float:none;
  width:100%;
}
.Wbox .curtainImg img{
  width:100%;
}
.Wbox .curtainImg .curtainTxt{
  clear:both;
}
.Wbox .curtainTxt{
  margin:0 !important;
}
.Wbox .curtainTxt p{
  margin:0 14px 0 0 !important;
}
.curtainCol .colAllBoxCon{
  float:left;
  width:98%;
  margin:0 0 7px 2%;
}
.colAllBoxCon .curtainTxt{
  padding:12px;
}
.colAllBoxCon .curtainImg{
  float:none;
  width:100%;
}
.colAllBoxCon .curtainImg img{
  width:100%;
}
.colAllBoxCon .curtainTxt h1{
  margin:0 0 18px 0 !important;
  font-size:18px;
  line-height:20px;
}
.colAllBoxCon .curtainTxt h1 span{
  font-size:12px;
}

.col2BoxCon.TxtNormal{
  margin:0 0 28px 0;
}
.col2BoxCon.TxtNormal p{
  font-size:14px;
}

#topBanner{
  padding:18px 4% 80px 4%;
  background:url(../images/curtain/banner_curtain_illust.png) no-repeat right bottom #7cd2dd;
  margin:0 0 60px 0;
}
#topBanner .bBox{
  float:none;
  margin:0 0 36px 0;
  width:100%;
}

#topBanner .topBannerTxt{
  margin:6px 0 0 0;
}


/*カーテン種類*/
.cListImg{
  margin:0 28px 0 0;
  float:left;
}
.cListBox h4{
  margin:10px 0;
}
.cListBox p{
  font-size:12px;
}
.tgTitle{
  padding:0 28px;
}
.tgTitle span{
  top: 10px;
}
.openBox{
  display:none;
}

table.lineup{
  font-size:12px;
  border-left:1px solid #f3f3f3;
  border-top:1px solid #f3f3f3;
}
.tablePcD{
  display:none;
}
table.lineup .small{
  font-size:10px;
}
table.lineup th{
  float:left;
  background:#ddd;
  text-align:left !important;
}
table.lineup td,table.lineup th{
  clear:both;
  float:left;
  width:94%;
  padding:7px 3%;
}

/*注文の流れ*/

.tabBox{
  margin:-1px 0 0 0;
  border-top:1px solid #ccc;
  z-index:2000;
  text-align:left;
}

#tab1,#tab2,#tab3{
  cursor:pointer;
  width:80%;
  margin:14px auto 0 auto;
  display:block;
}
.tabBox:last-child{
  padding:49px 0 0 0;
}
.tabArea .tabBox p{
  text-align:left;
  padding:0;
  display: inherit;
  background:none;
  color:#333;
}
.tabArea .tabBox .tabImg{
  padding:5px;
  margin:0 14px 14px 0;
  background:#f3f3f3;
}
.tabArea .tabBox .tgTitle{
  padding:0 28px;
  text-align:center;
  margin:0;
}
.tabArea p.selected{
  padding:7px 21px;
  display:inline-block;
  color:#333;
  background:#fff;
  border:1px solid #ccc;
  border-bottom:1px solid #fff;
  position:relative;
  z-index:2001;
}
.tabConArea{
  border-top:none;
}
.tabBox:first-child{
  display:none;
  padding:49px 0;
}
.tabCol{
  margin:0 0 28px 0;
}
.tabImg{
  width:84px;
  margin:0 28px 14px 0;
}
.orderTxt{
  clear:both;
}

.tabArea #tab1, .tabArea #tab2, .tabArea #tab3{
    display: inline-block;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    position: relative;
    z-index: 2001;
}
#tab1 span,#tab2 span,#tab3 span{
position:absolute;
  display:block;
  right:20px;
  top:20px;
-webkit-transform: rotate(0deg);
  -webkit-transition: 0.2s linear;
  -moz-transform: rotate(0deg);  
  -moz-transform: 0.2s linear;
}
#tab1 span.open,#tab2 span.open,#tab3 span.open{
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);  
}

.b1{
  display:block;
  height: 1px;
  margin: -1px;
  background: #ccc;
}

/*カーテンアクセサリー*/
.cListArea.box6{
  width:103%;
  margin:0 0 0 -2%;
}
.cListMinBox{
  float:left;
  width:31%;
  margin:0 0 2% 2%;
}
.col2BoxArea{
  width:103%;
  margin:0 0 0 -2%;
}
.col2BoxArea p{
  font-size:14px;
}
.cListMin2Box{
  float:left;
  width:31%;
  margin:0 0 2% 2%;
}
/*レール*/
.railArea{
  margin: 0 0 0 -2%;
}
.railBox {
  float: left;
  margin: 0 0 7px 2%;
  width: 48%;
}
/*高級カーテン*/
.logos{
  border:1px solid #ddd;
  width:100%;
}
.luxeL{
  text-align:center;
  float:left;
  width:35%;
  height:auto !important;
  }
.bLogo{
  width:65%;
  }
/*プレリア*/
.preliaLog{
  text-align:center;
  margin:0 0 0 0;
}
.lineupLogo{
  text-align:center;
  margin:0 0 21px 0;
}

/*スイーツ*/
.col4box{
  width:100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  margin: 0 0 0 -4%;

}
.col4box.TopS{
  width:104%;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  
  margin: 0 0 0 -4%;
}
.TopS .sweetsAcvBox{
  min-height:200px;
  margin:0 0 32px 4%;
  width:46%;
   
}
.sweetsAcvBox{
  min-height:300px;
  margin:0 0 32px 4%;
  width:46%;
   
}
.sweetsAcvBox h1{
  font-weight:normal;
  margin:21px 0;
  font-family: 'HonMinKok-L';
  font-size:16px;
}
.sweetsAcvImg{
  margin:0 0 7px 0;
}
.sweetsrighttext{
  text-align:right; 
}

#commentSweets{
  font-size:12px;
  margin-bottom:28px;
  margin-top:14px;
}

/*さくらロール追記*/
.featureBox{
  width:100%;
  flex-wrap: wrap;
  display:flex;
  justify-content:left;
  margin:0 0 0 0;
}
.featureSweets {
	width: 100%;
  max-width:100%;
	padding: 0%;
  margin: 0 0 56px 0;
	}
.featureSweets .sweetsAcvImg {
  width: 48%;
  margin: 2% ;
  text-align: center;
}
.featureSweets .sweetsAcvTxt {
  width: 45%;
  margin: 2% 2% 2% 0;
}

/*1カラム版*/
.featureBox.single{
  width:100%;
}
.featureBox.single .featureSweets {
  width: 100%;
  max-width:100%;
	padding: 0%;
  margin: 0 0 56px 0;
}
.featureBox.single .sweetsAcvImg {
  width:48%;
  margin: 2% ;
  text-align: center;
}


#footerArea ul li a{
  display: inline-block;
}


}
@media only screen and (max-width:480px) {
  .curtain-btn-inner-box{
    margin-bottom: 21px;
    float: none;
  }
  .curtain-btn-box .curtain-btn-inner-box:first-child {
    float: none;
    margin: 0 auto 14px auto !important;
  }
  .curtain-btn-box .curtain-btn-inner-box {
    float: none;
    margin: 0 auto 0 auto !important;
  }
/*カーテン種類*/
#cLineupPrice{
  width:100%;
  margin:0 0 0 0;
}
#cLineupPrice p{
  text-align:center;
  width:100%;
  float:none;
  margin:0 0 14px 0;
}
#cLineupPrice p img{
  max-width:100%;
  margin:0 0 0 0;
}

.cListArea{
  text-align:center;
  margin:0;
}
.cListBox h4{
  margin:0 0 10px 0;
}
.cListImg{
  width:90px;
  float:left;
  margin:0 14px 0 0;
  text-align:center;
}
.cListBox{
  clear:both;
  float:none;
  width:100%;
  margin:0 0 18px 0;
  display:block;
  text-align:left;
}

/*寸法方法*/
.measureStep{
  margin:0 0 56px 0;
}
.measureStep h5{
  font-size:16px;
  margin:21px 0 0 0;
}
.measureArea{
  margin:28px 0 0 -4%;
}
.measureBox{
  max-width:46%;
  margin:0 0 28px 4%;
}
.measureBox img{
  margin:0 0 14px 0;
}

.measureWbox{
  float:none;
  margin:0 0 0 0;
}
.colInCol .over{
  clear:both; 
}

/*限定スイーツ追記*/
.featureSweets .sweetsAcvImg {
  width: 94%;
  padding:3% 0;
  float: none;
  margin: 0 auto;
  text-align: center;
  }
.featureSweets .sweetsAcvTxt {
  width: 94%;
  padding:5% 0;
  float: none;
  margin: 0 auto;
  }
/*1カラム版*/

.featureBox.single .sweetsAcvImg {
  width: 94%;
  padding:3% 0;
  float: none;
  margin: 0 auto;
  text-align: center;
}

}

@media only screen and (max-width:320px) {
#navBox{
  width:100%;
}

}

/*other set*/
#Allbg{
  display:none;
  top:0;
  z-index:2000;
  position:fixed;
  height:100%;
  width:100%;
  background:rgba(227,227,227,0.8);
}