@charset "utf-8";


/*PC・タブレット・スマホ共通設定
---------------------------------------------------------------------------*/

/*全体の設定
---------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	color: #483f2a;	/*全体の文字色*/
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo, Osaka","ＭＳ Ｐゴシック","MS PGothic","sans-serif";	/*フォント指定*/
	font-size: 14px;	/*文字サイズ*/
	line-height: 2;		/*行間*/
	background: #fff;	/*背景色*/
	-webkit-text-size-adjust: none;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form{margin:0px;padding:0px;}
ul{list-style-type:none;}
table{border-collapse:collapse;font-size:100%;border-spacing:0;}
img {max-width:100%; width /***/:auto; /*IE8用ハック*/} /*画像サイズが横幅に合わせて可変します*/
iframe{width:100%;}


/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #483f2a;	/*リンクテキストの色*/
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;text-decoration: none;			/*同上*/
}
a:hover {
	color: #8f7e58;			/*マウスオン時の文字色（全体）*/
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}

/*ヘッダー（サイトロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	width: 100%;	/*横一杯使う為に100%指定*/
	background: #fff;	/*背景色（古いブラウザ用）*/
}
/*サイト幅にしたheader内のブロック*/
header #inner {
	width: 1000px;	/*幅。「#menubar ul」と「#contents」と数字を揃える。*/
	height: 100px;	/*高さ*/
	margin: 0 auto;
	position: relative;
	z-index: 100;
}


h1.h_h1           {  font-size:18px;
                           font-weight:bold;line-height:130%;margin:15px 0 9px;}
                    
h2.h_h2           {  font-size:11px;line-height:130%;}



div.header_l  {    width  :183px;
                   margin :0 0 0 0;
                   float:left;}
                   
                   
header #logo  {    position :relative;
                   top:0px;
                   left:0px;
                   z-index:2;}                   
 
             
img.sp-image  {    position :relative;
                   top:-40px;
                   left:0px;
                   margin  :0 auto;
                   z-index:1; }                 
                   
div.header_m1 {    width  :230px;
                   margin :0 0 0 30px;
                   float:left;
                   font-size  :10px;}
                   
div.header_m1 p  { margin  :15px 0 0 0; }                   
                   
div.header_m2    { width  :192px;
                   margin :0 0 0 20px;
                   float:left;
                   font-size  :12px;}
                   
div.header_m2 p  { margin  :15px 0 0 0; }                    
                   
div.header_r     { width  :300px;
                   margin :7px 0 0 20px;
                   float:left;
                   height   :120px;}
                   
div.header_r ul  { margin  :0 0 0 0;}

div.header_r ul li  { display  :inline;
                      margin  :0 0 0 5px;}

p.h_h1           {  font-size:13px;
                    font-weight:bold;}
                    
p.h_h1_sp        {  display  :none;}                   

p.h_h2           {  font-size:11px;}
                   
div.header_m2 p  {  font-size:12px;}

.myButton {
	-moz-box-shadow: 3px 4px 0px 0px #1564ad;
	-webkit-box-shadow: 3px 4px 0px 0px #1564ad;
	box-shadow: 3px 4px 0px 0px #1564ad;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
	background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
	background-color:#79bbff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #337bc4;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	padding:12px 44px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff));
	background:-moz-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0);
	background-color:#378de5;
}
.myButton:active {
	position:relative;
	top:1px;}

/*-----------------PCのみの表示-------------------------------*/


div.sp_menu      {  width  :100%;
                    background :#333333;
                    display:none;}

nav#mainNav      {  display  :none; }

#camwrap{
	width:100%;
	overflow:hidden;
	margin:30px 0 0;
	}

#cam01{
	width:48%;
	height:auto;
	float:left;
	}

#cam02{
	width:48%;
	height:auto;
	float:right;
	}


/*-----------------PCのみの表示END-------------------------------*/


.slidbox   {    margin:0px 0 0 0;
                height :400px;}  



/*-----------------サブメニュー（メインビジュアルの下のメニュー）-------------------------------*/


div.submenu      { margin  :-80px 0 0 0;
                   width    :100%;
                   background-image    :url(https://www.curtainshop.co.jp/base/header_bg.jpg);
                   height:98px;
                   }
                      
div.submenu_box  { width  :1000px;
                   margin :0 auto;
                   height: auto;
                   
	               z-index: 1;
	               	}
                          
div.submenu_box ul  {  margin   :0 0 0 0;z-index: 100;}
                   
div.submenu_box ul li  {  margin   :0px 0 0 0;
                          display  :inline;z-index: 100;}   
                          
  

                                          
/*-----------------サブメニューend-------------------------------*/



/*-----------------サブメニュー下層ページ-------------------------------*/


div.submenu1   {   margin  :20px 0 0 0;
                   width    :100%;
                   background-image    :url(https://www.curtainshop.co.jp/base/header_bg.jpg);
                   height:98px;}
                      
div.submenu_box1 { width  :1000px;
                   margin :0 auto;
                   height: auto;
                   position: relative;
	               z-index: 1;	}
                          
div.submenu_box1 ul   {  margin   :0 0 0 0;}
                   
div.submenu_box1 ul li { margin   :0px 0 0 0;
                         display  :inline;}
                         
                                           
/*-----------------サブメニューend-------------------------------*/


.k_menu    {   width  :100%;
               margin:0 0 0 0;}


.k_menubox {   width  :1000px;
               margin:0 auto;}

p.km       {   width   :120px;
               float   :left;
               margin:   30px 5px 0px 0;
               height  :43px;}
                   
p.km_last  {   float   :left;
               margin:   30px 0px 0px 0;
               width   :120px;
               height  :43px;}
                   
                   
                   
                   
                   
/*-----------------下層ホバーメニュー-------------------------------*/



       
     .menu {
    position: relative;
    width: 1000px;
    height: 50px;
    max-width: 1000px;
    margin: 0 0 0 0;
    clear:both;
    z-index  :100;
}

.menu > li {
    float: left;
    width: 300px; /* グローバルナビ4つの場合 */
    height: 50px;
    line-height: 50px;
    margin:10px 15px 10px 18px;
background: #98C959;
    text-align :center;
     z-index  :100;
}

.menu > li a {
    display: block;
    color: #fff;
}

.menu > li a:hover {
    color: #fff;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

ul.menu__second-level1 {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

ul.menu__second-level2 {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}
ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.menu > li:hover {
    background: #98C959;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu__second-level li {
    border-top: 1px solid #111;
}

.menu__second-level li a:hover {
    background: #98C959;
}

.menu__second-level1 li a:hover {
    background: #98C959;
}.menu__second-level2 li a:hover {
    background: #98C959;
}
/* 下矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}




li.menu__mega ul.menu__second-level {
    position: absolute;
    top: 30px;
    left: 18px;
    box-sizing: border-box;
    width: 966px;
    padding: 20px 2%;
    background: #AED481;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
     z-index  :100;
}

li.menu__mega:hover ul.menu__second-level {
    top: 60px;
    visibility: visible;
    opacity: 1;
     z-index  :100;
}

li.menu__mega ul.menu__second-level > li {
    float: left;
    width: 32%;
    border: none;
     z-index  :100;
}

li.menu__mega ul.menu__second-level > li:nth-child(3n+2) {
    margin: 0 1%;
     z-index  :100;
}


li.menu__mega ul.menu__second-level1 {
    position: absolute;
    top: 30px;
    left: 18px;
    box-sizing: border-box;
    width: 966px;
    padding: 20px 2%;
    background: #AED481;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
     z-index  :100;
}

li.menu__mega:hover ul.menu__second-level1 {
    top: 60px;
    visibility: visible;
    opacity: 1;
     z-index  :100;
}

li.menu__mega ul.menu__second-level1 > li {
    float: left;
    width: 32%;
    border: none;
     z-index  :100;
}

li.menu__mega ul.menu__second-level1 > li:nth-child(3n+2) {
    margin: 0 1%;
     z-index  :100;
}





li.menu__mega ul.menu__second-level2 {
    position: absolute;
    top: 30px;
    left: 18px;
    box-sizing: border-box;
    width: 966px;
    padding: 20px 2%;
    background: #AED481;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
     z-index  :100;
}

li.menu__mega:hover ul.menu__second-level2 {
    top: 60px;
    visibility: visible;
    opacity: 1;
     z-index  :100;
}

li.menu__mega ul.menu__second-level2 > li {
    float: left;
    width: 32%;
    border: none;
     z-index  :100;
}

li.menu__mega ul.menu__second-level2 > li:nth-child(3n+2) {
    margin: 0 1%;
     z-index  :100;
}





/*-----------------下層ホバーメニューend-------------------------------*/



/*-----------------1カラムエリア-------------------------------*/


p.mainhow   {  margin  :30px 0 0 0;}



div.maincontents_t {     width: 100%;	/*横一杯使う為に100%指定*/
                       background: #fff;	/*背景色（古いブラウザ用）*/
}



div.maincontents  {
	width: 1000px;	/*幅。「#menubar ul」と「#contents」と数字を揃える。*/
	height: auto;	/*高さ*/
	margin: 0 auto;
	position: relative;
	z-index: 100;
}




div.maincontents_c {     width: 1000px;	/*横一杯使う為に100%指定*/
                       background: #fff;	/*背景色（古いブラウザ用）*/
                       margin: 0 auto;
}



div.maincontents_c2  {
	width: 1000px;	/*幅。「#menubar ul」と「#contents」と数字を揃える。*/
	height: auto;	/*高さ*/
	margin: 30px 0 0 0;
	position: relative;
	border-top  :1px dashed #dcdcdc;
	z-index: 1;
	padding  :30px 0 0px 0;
}




p.cart_bt       {    width:401px;
                     margin:0 0 0 65px;
                     float:left;}



p.cart_bt1       {    width:401px;
                     margin:0 0 0 65px;
                     float:left;}



p.mainhow1   {    display:none;}


div.howto_l {     width    :450px;
                  margin   :30px 35px 0 0;
                  float    :left;
                  border   :1px dashed #dcdcdc;
                  padding  :13px 13px;}

div.howto_r {     width    :450px;
                  margin   :30px 0 0 0;
                  float    :left;
                  border   :1px dashed #dcdcdc;
                  padding  :13px 13px;}
                  
                  
p.howtoimage  {   display:block;}

p.howtoimage1  {   display:none;}


                  
p.large     {     font-size :24px;
                  font-weight :bold;
                  text-align  :center;
                  color       :#595757;
                  margin   :30px 0 0 0;}                  
                  
                  
div.searchbox   {   width   :100%;
                    margin  :64px 0 20px 0;
                    border   :1px dashed #dcdcdc;
                    text-align :center;
                    padding  :20px 0px 20px 0px; } 
                    
                    

/*-----------------１カラムエリアend-------------------------------*/



/*コンテンツ（左右ブロックを囲むボックス）
---------------------------------------------------------------------------*/
#contents {
	clear: both;
	width: 1000px;	/*幅。「header #inner」と「#menubar ul」と数字を揃える。*/
	margin: 0 auto;
}

/*メインコンテンツ
---------------------------------------------------------------------------*/
#main {
	float: left;	/*左側に回り込み*/
	width: 745px;	/*幅*/
}

/*mainコンテンツのh1タグの設定*/
#main h1 {
	clear: both;
	margin-bottom: 15px;
	font-size: 135%;
	background: #fff;	/*背景色（古いブラウザ用）*/
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#faf8f2));	/*グラデーション*/
	background: -webkit-linear-gradient(#fff, #faf8f2);	/*同上*/
	background: linear-gradient(#fff, #faf8f2);			/*同上*/
	padding: 7px 15px;	/*上下、左右への余白*/
	border-radius: 4px 4px 0px 0px;	/*角丸のサイズ*/
	border-left: solid 1px #d6ccb7;		/*左側への線の線種、幅、色*/
	border-top: solid 1px #d6ccb7;		/*上側への線の線種、幅、色*/
	border-right: solid 1px #d6ccb7;	/*右側への線の線種、幅、色*/
	border-bottom: solid 5px #8f7e58;	/*下側への線の線種、幅、色*/
}

/*mainコンテンツのh2タグの設定*/

#main h2 {
	clear: both;
	margin-bottom: 15px;
	font-size: 135%;
	background: #fff;	/*背景色（古いブラウザ用）*/
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#faf8f2));	/*グラデーション*/
	background: -webkit-linear-gradient(#fff, #faf8f2);	/*同上*/
	background: linear-gradient(#fff, #faf8f2);			/*同上*/
	padding: 7px 15px;	/*上下、左右への余白*/
	border-radius: 4px 4px 0px 0px;	/*角丸のサイズ*/
	border-left: solid 1px #d6ccb7;		/*左側への線の線種、幅、色*/
	border-top: solid 1px #d6ccb7;		/*上側への線の線種、幅、色*/
	border-right: solid 1px #d6ccb7;	/*右側への線の線種、幅、色*/
	border-bottom: solid 5px #8f7e58;	/*下側への線の線種、幅、色*/

}

#main h2.title1 {
	clear: both;
	margin:35px 0 15px 0;
	font-size: 135%;
	background: #fff;	/*背景色（古いブラウザ用）*/
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#faf8f2));	/*グラデーション*/
	background: -webkit-linear-gradient(#fff, #faf8f2);	/*同上*/
	background: linear-gradient(#fff, #faf8f2);			/*同上*/
	padding: 7px 15px;	/*上下、左右への余白*/
	border-radius: 4px 4px 0px 0px;	/*角丸のサイズ*/
	border-left: solid 1px #d6ccb7;		/*左側への線の線種、幅、色*/
	border-top: solid 1px #d6ccb7;		/*上側への線の線種、幅、色*/
	border-right: solid 1px #d6ccb7;	/*右側への線の線種、幅、色*/
	border-bottom: solid 5px #8f7e58;	/*下側への線の線種、幅、色*/

}





/*mainコンテンツのh3タグの設定*/
#main h3 {
	clear: both;
	margin:35px 0 15px 0;
	font-size: 110%;
	background: #FFF;	/*背景色*/
	padding: 4px 15px;	/*上下、左右への余白*/
	border: 1px solid #e4e4e4;	/*枠線の幅、線種、色*/
	border-radius: 4px;	/*角丸のサイズ*/
}
/*mainコンテンツのh3タグの１文字目への設定*/
#main h3::first-letter {
	border-left: 3px solid #8f7e58;	/*左側のアクセント用ラインの幅、線種、色*/
	padding-left: 10px;	/*アクセントラインと文字の間にとる余白*/
}
/*mainコンテンツの段落タグ設定*/
#main p {
	padding: 7px 5px 14px;	/*上、左右、下への余白*/
}
#main p + p {
	padding-top: 0px;
}
#main h2 + p,
#main h3 + p {
	padding-top: 0px;
	margin-top: -5px;
}



/*-----------------main-------------------------------*/



div.type       {   width  :745px;
                   border   :1px dashed #dcdcdc;
                   margin   :30px 0 0 0;
                   height   :108px;
                   }


div.l_type       {   width  :234px;
                   background   :#98C959;
                   margin   :0 0 0 0;
                   text-align:center;
                   padding :30px 0 30px 0;
                   float    :left;}
                   
div.l_type p     {  color  :#fff;}                   

div.r_type       {   width  :505px;
                   margin   :0 0 0 0;
                   float    :left;}

div.r_type ul    {  margin  :15px 0 0 0;}

div.r_type ul li {  display  :inline;
                    margin   :0px 0 0 20px;
                    font-size:14px;}


div.genre       {   width  :745px;
                   border   :1px dashed #dcdcdc;
                   margin   :30px 0 40px 0;
                   height   :184px;
                   }


div.l_genre       {   width  :234px;
                   background   :#98C959;
                   margin   :0 0 0 0;
                   text-align:center;
                   padding :68px 0 68px 0;
                   float    :left;}
                   
div.l_genre p     {  color  :#fff;}                   

div.r_genre       {   width  :505px;
                   margin   :0 0 0px 0;
                   float    :left;}

div.r_genre ul    {  margin  :15px 0 0 0;}

div.r_genre ul li {  display  :inline;
                    margin   :0px 0 0 20px;
                    font-size:14px;}



div.osusumebox    {  width  :745px;
                     margin :0 0 0 0;}

div.osusumeboxin    {  width  :220px;
                     margin :20px 40px 0 0;
                     padding :0 0 0 0;
                     float  :left;}
                     
div.osusumeboxin p img   {  margin :0px 0px 0 -7px;
                            width  :100%;}                     
                     
div.osusumeboxin_last    {  width  :222px;
                     margin :20px 0 0 0;
                     float  :left;}

div.osusumeboxin_last p img   {  margin :0px 0px 0 -7px;
                                 width  :100%;}                                  
p.syousai          {    width:100%;
                        font-size   :12px;
                        margin:-10px 0 0 0px;
                        
                        }

div.osusumebox a    {   color  :#000;} 
div.osusumebox a:hover   {   color  :#3E3A39;}
                  

div.news            {   max-width:100%;
                        margin  :20px auto;
                        height:auto;
                        width:100%;
                        border  :1px dashed #dcdcdc;}

table.news td       { padding  :15px 10px 10px 20px;}                        






/*-----------------main end-------------------------------*/





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

div.side_category    {     width   :190px;
                           background :#F0EEE8;
                           text-align :center;
                           margin     :24px 0 0 0;
                           padding    :20px 20px 20px 20px;}

div.side_category ul li  {    border-bottom   :1px solid #fff;
                              padding    :10px 0 10px 0;
                              font-size  :14px;  }

div.side_category ul li a {   color  :#3E3A39;}

div.side_category ul li a:hover  {   color  :#727171;}





p.sp_c01              {     display  :none;}


div.side_category1    {     width   :190px;
                           background :#F0EEE8;
                           text-align :center;
                           margin     :30px 0 0 0;
                           padding    :20px 20px 20px 20px;}

div.side_category1 ul li  {    border-bottom   :1px solid #fff;
                              padding    :10px 0 10px 0;
                              font-size  :14px;  }

div.side_category1 ul li a {   color  :#3E3A39;}

div.side_category1 ul li a:hover  {   color  :#727171;}


div.side_category3    {     width   :190px;
                           background :#F0EEE8;
                           text-align :center;
                           margin     :30px 0 0 0;
                           padding    :20px 20px 20px 20px;}


p.sp_block       {     display  :none;}
p.sp_block1       {     display  :none;}



.side_menu1            {   border-bottom   :1px solid #fff;
                          padding    :0px 20px 20px 20px;}

.side_menu2            {   border-bottom   :1px solid #fff;
                          padding    :20px 20px 20px 20px;}
                          
.side_menu3            {   
                          padding    :20px 20px 0px 20px;}

h3.headding01 {
	background: #91268E; 
	margin:0 0 10px 0;
	padding:5px 5px;
	color:#FFF;
	text-shadow:1px 1px 2px #333;
	position:relative;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-left:1px solid #3A0F38;
	border-top:1px solid #3A0F38;
	box-shadow:inset 1px 1px 4px #3A0F38;
	}
 
h3.headding01:before {
	content: ' ';
	position: absolute;
	z-index: 2;
	width: 0;
	height: 0;
	left: 80px;
	bottom: -27px;
	background: transparent;
	border-color: #91268E transparent transparent transparent ;
	border-style:solid;
	border-width:15px;
	}

h3.headding02 {
	background: #FF7FCD; 
	margin:0 0 10px 0;
	padding:5px 5px;
	color:#FFF;
	text-shadow:1px 1px 2px #333;
	position:relative;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-left:1px solid #542D45;
	border-top:1px solid #542D45;
	box-shadow:inset 1px 1px 4px #3A0F38;
	}
 
h3.headding02:before {
	content: ' ';
	position: absolute;
	z-index: 2;
	width: 0;
	height: 0;
	left: 80px;
	bottom: -27px;
	background: transparent;
	border-color: #FF7FCD transparent transparent transparent ;
	border-style:solid;
	border-width:15px;
	}

h3.headding03 {
	background: #28A7E1; 
	margin:0 0 10px 0;
	padding:5px 5px;
	color:#FFF;
	text-shadow:1px 1px 2px #333;
	position:relative;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-left:1px solid #103C51;
	border-top:1px solid #103C51;
	box-shadow:inset 1px 1px 4px #103C51;
	}
 
h3.headding03:before {
	content: ' ';
	position: absolute;
	z-index: 2;
	width: 0;
	height: 0;
	left: 80px;
	bottom: -27px;
	background: transparent;
	border-color: #28A7E1 transparent transparent transparent ;
	border-style:solid;
	border-width:15px;
	}

h3.headding04 {
	background: #F8B62B; 
	margin:0 0 10px 0;
	padding:5px 5px;
	color:#FFF;
	text-shadow:1px 1px 2px #333;
	position:relative;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-left:1px solid #4E3A0E;
	border-top:1px solid #4E3A0E;
	box-shadow:inset 1px 1px 4px #4E3A0E;
	}
 
h3.headding04:before {
	content: ' ';
	position: absolute;
	z-index: 2;
	width: 0;
	height: 0;
	left: 80px;
	bottom: -27px;
	background: transparent;
	border-color: #F8B62B transparent transparent transparent ;
	border-style:solid;
	border-width:15px;
	}

h3.headding05 {
	background: #98C959; 
	margin:0 0 10px 0;
	padding:5px 5px;
	color:#FFF;
	text-shadow:1px 1px 2px #333;
	position:relative;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-left:1px solid #34441F;
	border-top:1px solid #34441F;
	box-shadow:inset 1px 1px 4px #34441F;
	}
 
h3.headding05:before {
	content: ' ';
	position: absolute;
	z-index: 2;
	width: 0;
	height: 0;
	left: 80px;
	bottom: -27px;
	background: transparent;
	border-color: #98C959 transparent transparent transparent ;
	border-style:solid;
	border-width:15px;
	}


h3.headding08 {
	background: #1d8ade; 
	margin:0 0 10px 0;
	padding:5px 5px;
	color:#FFF;
	text-shadow:1px 1px 2px #333;
	position:relative;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-left:1px solid #036;
	border-top:1px solid #036;
	box-shadow:inset 1px 1px 4px #036;
	}
 
h3.headding08:before {
	content: ' ';
	position: absolute;
	z-index: 2;
	width: 0;
	height: 0;
	left: 80px;
	bottom: -27px;
	background: transparent;
	border-color: #1d8ade transparent transparent transparent ;
	border-style:solid;
	border-width:15px;
	}


/*-----------------サイドバーend-------------------------------*/








/*サブコンテンツ
---------------------------------------------------------------------------*/
#sub {
	float: right;	/*右に回り込み*/
	width: 220px;
	margin:0 0 0 0;	/*幅*/
}
/*subコンテンツ内のh2タグ設定*/
#sub h2 {
	font-size: 100%;
	padding-bottom: 10px;
}
/*subコンテンツのh2タグの１文字目への設定*/
#sub h2::first-letter {
	border-left: 3px solid #8f7e58;	/*左側のアクセント用ラインの幅、線種、色*/
	padding-left: 10px;
}






#sub1 {
	float: right;	/*右に回り込み*/
	width: 220px;
	margin:16px 0 0 0;	/*幅*/
}
/*subコンテンツ内のh2タグ設定*/
#sub1 h2 {
	font-size: 100%;
	padding-bottom: 10px;
}
/*subコンテンツのh2タグの１文字目への設定*/
#sub1 h2::first-letter {
	border-left: 3px solid #8f7e58;	/*左側のアクセント用ラインの幅、線種、色*/
	padding-left: 10px;
}





/*サブコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メニュー全体の設定*/
#sub ul.submenu {
	margin-bottom: 15px;	/*メニューブロックの下に空けるスペース*/
	border-top: solid 1px #d6ccb7;	/*上の線の線種、幅、色*/
}
/*メニュー１個ごとの設定*/
#sub ul.submenu li {
	background: #fff;	/*背景色*/
	border-bottom: solid 1px #d6ccb7;	/*下の線の線種、幅、色*/
}
#sub ul.submenu li a {
	text-decoration: none;
	display: block;
	padding: 2px 10px;	/*メニュー内の余白。上下、左右への設定。*/
}

/*サブコンテンツ内のbox1
---------------------------------------------------------------------------*/
#sub .box1 {
	padding: 15px;			/*ボックス内の余白*/
	margin-bottom: 15px;	/*ボックスの下に空けるスペース*/
	background: #faf8f2;	/*背景色*/
	border: solid 1px #d6ccb7;	/*線の線種、幅、色*/
}
/*box1内のメニューの設定*/
#sub .box1 ul.submenu {
	margin-bottom: 0px;
}







/*フッター設定
---------------------------------------------------------------------------*/

.mainfooter    {    width :100%;
                    margin:0 0 0 0;}

.mainfooter_in   {    width :1000px;
                    margin:0 auto;}
                    
                    
.footer_navi   {     width   :1000px;
                     margin  :80px 0 0 0;
                     background-image    :url(https://www.curtainshop.co.jp/base/footer_navi.jpg);  
                     height  :401px; 
                     clear   :both; }


p.f_navi      {   margin:50px 0 0 28px;float:left;}

p.f_navi_last      {   margin:50px 0 0 20px;float:left;}





.footer        {    width  :100%;
                    margin :40px 0 0 0;
                    background  :#403A39;
                    height       :1310px;}


.footer_box     {   width  :1000px;
                    margin :0 auto;}


.f_menu         {  float:left;margin:30px 47px 0 0;}

.f_menu_last         {  float:left;margin:30px 0px 0 0;}






.footer_l       {   width  :480px;
                    float  :left;
                    margin :30px 40px 0 0;}

.footer_r      {   width  :480px;
                    float  :left;
                    margin :30px 0 0 0;}


h2.footer_title  {  color  :#fff;
                    font-size :15px;
                    font-weight :bold;}

.footer p    { color   :#fff;
               font-size :12px;  }
               
p.f_s    {  background  :#F9F0AB;
            text-align  :center;
            padding     :10px 10px;
            margin      :20px 0 0 0;   }               


.footer_box1     {   width  :1000px;
                    margin :50px 0 0px 0;
                    border-top  :2px solid #fff;}
                    
.footer_box1_l     {   width  :225px;
                    margin :0px 30px 0px 0;
                    float  :left;
                    }

.footer_box1_m     {   width  :300px;
                    margin :0px 0 0 0;
                    float  :left;
                    }

.footer_box1_r     {   width  :435px;
                    margin :0px 0 0 0;
                    float  :left;
                    }


/*-----------------フッターend-------------------------------*/



p.f_banner     {   float:left;
                  margin :30px 12px; 0 0;
                  }

p.f_banner_last     {   float:left;
                  margin :30px 0px 0 8px;
                  }



p.sm    {   display  :none;}







footer {
	clear: both;
	background: #333;	/*背景色*/
	color: #fff;	/*文字色*/
	font-size: 85%;	/*文字サイズ*/
}
footer a {
	color: #fff;
}
footer a:hover {
	color: #fff;
}
footer .pr {
	display: block;
	font-size: 80%;
}





/*フッターメニュー
---------------------------------------------------------------------------*/
/*ボックス全体*/
#footermenu {
	width: 940px;	/*幅*/
	margin: 0 auto;
	overflow: hidden;
	padding: 20px 0px;
}
/*１行分の設定*/
#footermenu ul {
	float: left;	/*左に回り込み*/
	width: 18%;		/*幅。今回は５列作ったのでここの幅18%と下のpaddingの2%でトータル20%になるよう設定。列に応じて調整して下さい。*/
	padding-right: 2%;
}

/*コピーライト
---------------------------------------------------------------------------*/
#copyright {
	clear: both;
	text-align: center;
	color  :#fff;
	margin:0px 0 0 0;
	background: #111;	/*背景色*/
}
#copyright a {
	text-decoration: none;
}



/*PAGE TOP設定
---------------------------------------------------------------------------*/
#pagetop {
	clear: both;
	padding-top: 40px;
}
#pagetop a {
	color: #FFF;		/*文字色*/
	font-size: 20px;	/*文字サイズ*/
	padding: 0px 30px;	/*上下、左右へのボックス内余白*/
	background: #333;	/*背景色*/
	text-decoration: none;
	text-align: center;
	display: block;
	float: right;
	border-radius: 4px 4px 0px 0px;	/*角丸のサイズ。左上、右上、右下、左下。*/
}
/*マウスオン時*/
#pagetop a:hover {
	background-color: #999;	/*背景色*/
	color: #FFF;			/*文字色*/
}








/*下層ページ
---------------------------------------------------------------------------*/

table.responsive   {    width  :100%;
                        font-size:12px;
                        overflow: auto;}
                        
table.responsive td  {
	padding: 6px;
	border: 1px solid #fff;
        text-align :left;
        background  :#F5F5F4;
}    


table.responsive td.height  {
	padding: 6px;
	border: 1px solid #fff;
        text-align :left;
        background  :#EFEFEF;
}   

                    
                        
table.responsive th {
	background: #EFEFEF;
	color: #696969;
        border: 1px solid #fff;
        padding  :6px;
        text-align  :left;font-weight:normal;
}

table.responsive td a  { color    :#1488B9;
                     font-weight:bold; }


table.responsive td a:hover     { filter:alpha(opacity=60);
                                  opacity:0.6;
                                  -webkit-transition: 0.6s ;
                                  transition: 0.6s ;}




ul.pageNav01 {

	margin: 0 0 10px;

	padding: 10px 10px 5px;

	background: #fff;

	text-align: center;

}



ul.pageNav01 li {

	display: inline;

	margin: 0 2px;

	padding: 0;

}



ul.pageNav01 li span,

ul.pageNav01 li a {

	display: inline-block;

	margin-bottom: 5px;

	padding: 1px 8px;

	background: #fff;

	border: 1px solid #aaa;

	text-decoration: none;

	vertical-align: middle;

}



ul.pageNav01 li a:hover {

	background: #eeeff7;

	border-color: #00f;

}

div#features-wrapper   {  margin:50px 0 0 0;}

.cart_box  {      width:320px;
            margin:30px 10px 30px 0;
            float:left;}

.cart_box_last  {      width:320px;
            margin:30px 0px 30px 0;
            float:left;}

.cart_box_in   {    margin  :0 0 0 10px;
                    width   :300px;}



h2.s_title   {    text-align:center;
                  margin:30px 0 30px 0;
                  padding: 0.5em;
                  color: #1488B9;
                  border: solid 3px #1488B9;
                  border-radius: 0.5em;
                  }


p.center     {   text-align:center;}






/*下層ページEND
---------------------------------------------------------------------------*/


/*カート関連
---------------------------------------------------------------------------*/

p.link01 a   {   font-size:16px;
                 color    :#1488B9;
                 font-weight:bold;
                 text-decoration: underline;}

p.link01 a:hover     { filter:alpha(opacity=60);
                       opacity:0.6;
                       -webkit-transition: 0.6s ;
                       transition: 0.6s ;}

p.link02     {text-align :center;}
 
p.link02 a   {   font-size:16px;
                 color    :#1488B9;
                 font-weight:bold;
                 text-decoration: underline;
                 }

p.link02 a:hover     { filter:alpha(opacity=60);
                       opacity:0.6;
                       -webkit-transition: 0.6s ;
                       transition: 0.6s ;}

ul.global-nav li.contact_bt   {   background:#A2CC52;
                                  width     :150px;
                                  padding   :10px 10px;
                                  text-align :center;
                                  color   :#fff;
                                  margin:20px 30px 0px 0;
                                  float :left;}

ul.global-nav li.contact_bt:hover     { filter:alpha(opacity=60);
                                        opacity:0.6;
                                        -webkit-transition: 0.6s ;
                                        transition: 0.6s ;}



ul.global-nav li.favarit_bt   {   background:#E95773;
                                  width     :150px;
                                  padding   :10px 10px;
                                  text-align :center;
                                  color   :#fff;
                                  margin:20px 0 0px 0;
                                  float :left;
                                  }

ul.global-nav li.favarit_bt:hover     { filter:alpha(opacity=60);
                                        opacity:0.6;
                                        -webkit-transition: 0.6s ;
                                        transition: 0.6s ;}

.global-nav2 li {
  float: left;
  width: 50%;
  display:block;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.global-nav2 a {
  display: block;
  line-height: 44px;
  color: #000;
  text-decoration: none;
}
.global-nav2 a:hover {
  color: #000;
  background: #e6e6e6;
}                 

div.clear1   {  clear:both;}


h3.cart_title   {  background:#1488B9;
                   padding   :10px 10px;
                   margin    :30px 0 30px 0;
                   text-align :center;
                   color   :#fff; }
                   
                   
h4.under_title   {  background:#9BD6E3;
                   padding   :10px 10px;
                   margin    :30px 0 30px 0;
                   text-align :center;
                   color   :#fff; }                   
                   
                   
                   

.thread  {      width:300px;
            margin:30px 50px 30px 0;
            float:left;}

.thread_last  {      width:300px;
            margin:30px 0px 30px 0;
            float:left;}


p.thread_bt   {  text-align  :center;
                 clear       :both;}

p.thread_bt:hover     { filter:alpha(opacity=60);
                       opacity:0.6;
                       -webkit-transition: 0.6s ;
                       transition: 0.6s ;}

/*demo01
----------------------------*/                   
                   
table.demo01     {  margin :0px 0 0 0;
                    border :1px solid #fff;}

table.demo01 th  {  background:#9BD6E3;
                    width :20%;
                    padding :20px;}
table.demo01 td  {  background:#F7F8F8;
                    padding :20px;}
                    
table.demo01 td a { color    :#1488B9; }




/*demo02
----------------------------*/ 



table.demo02     {  margin :30px 0 0 0;
                    border :1px solid #fff;
                    width  :100%;
                    font-size:12px;}


table.demo02 td  {
	padding: 5px;
	border: 1px solid #fff;
        text-align :left;
        background  :#F5F5F4;
}     


table.demo02 td.height  {
	padding: 5px;
	border: 1px solid #fff;
        text-align :left;
        background  :#EFEFEF;
}                     
                        
table.demo02 th {
	background: #EFEFEF;
	color: #696969;
        border: 1px solid #fff;
        padding  :5px;
        text-align  :left;
}

table.demo02 td a  { color    :#1488B9;
                     font-weight:bold; }

/*demo03
----------------------------*/ 

.table-wrap      {  overflow: auto;}

table.demo03     {  margin :0px 0 0 0;
                    border :1px solid #fff;}

table.demo03 th  {  background:#9BD6E3;
                    width :20%;
                    padding :20px;}
table.demo03 td  {  background:#F7F8F8;
                    padding :20px;}
                    
table.demo03 td a { color    :#1488B9; }









p.midashi  {   text-align :center;
               padding    :10px 10px;
               background:#1488B9;
               color:#fff;
               margin:20px 0 20px 0;}
               
               
ul.global-nav     {   margin :0 auto;}

ul.global-nav li   {   background:#A2CC52;
                       width     :auto;
                       padding   :10px 10px;
                       text-align :center;
                       color   :#fff;
                       margin:20px 1px 0px 0;
                       float :left;  }

ul.global-nav li:hover     { filter:alpha(opacity=60);
                       opacity:0.6;
                       -webkit-transition: 0.6s ;
                       transition: 0.6s ;}


.cart_inner    {    width  :600px;
                    margin :0 auto;}

.cart_inner1    {    width  :640px;
                    margin :0 auto;}
                    
.cart_inner22    {    width  :640px;
                    margin :-20px 0 0 0;}

.cart_inner2    {    width  :600px;
                    margin :0 auto;}
                    
.cart_inner3    {    width  :595px;
                    margin :0 auto;}

p.mitsumori_bt   {  text-align  :center;}

p.mitsumori_bt:hover     { filter:alpha(opacity=60);
                       opacity:0.6;
                       -webkit-transition: 0.6s ;
                       transition: 0.6s ;}


p.cart_bt   {  text-align  :center;}

p.center:hover     { filter:alpha(opacity=60);
                       opacity:0.6;
                       -webkit-transition: 0.6s ;
                       transition: 0.6s ;}


.accbox {
    margin: 2em 0;
    padding: 0;

}


.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 11px 12px;
    color :#ffffff;
    font-weight: bold;
    background :#1488B9;
    text-align:center;
    cursor :pointer;
    transition: all 0.5s;
}

.accbox label:hover {
    background :#1CBCFF;
}

.accbox input {
    display: none;
}

.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

.cssacc:checked + .accshow {
    height: auto;
    padding: 5px;
    background: #eaeaea;
    opacity: 1;
}




/*カート関連END
---------------------------------------------------------------------------*/







/*画面幅800px以下の設定
---------------------------------------------------------------------------*/
@media screen and (max-width:800px){

/*ヘッダー（サイトロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*サイト幅にしたheader内のブロック*/
header #inner {
	width : auto;
}

div.maincontents  {
	width : auto;
}

div.submenu_box   {
	width : auto;
}

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


div.submenu   {      margin  :-80px 0 0 0;
                     width    :100%;
                     background :#E3DCCF;
                     text-align  :center;
                     height:170px;
                     z-index: 1;
                      }


div.submenu_box   {
	height : 300px;
}


div.submenu1   {      margin  :0px 0 0 0;
                     width    :auto;
                     background :#E3DCCF;
                     text-align  :center;
                     height:170px;
                      }


div.submenu_box1   {  width  :auto;
	height : 300px;
}




/*コンテンツ
---------------------------------------------------------------------------*/
#contents {
	width: auto;

}


.maincontents {
	width: auto;
	
}
/*main,subコンテンツ
---------------------------------------------------------------------------*/
#main, #sub,#sub1, .howto_l {
	float: none;
	width: auto;
}

/*フッターメニュー
---------------------------------------------------------------------------*/
/*ボックス全体*/
#footermenu {
	width: 90%;
}

/*その他
---------------------------------------------------------------------------*/
body.s-n #sub {
	display: none;
}

#camwrap{
	width:100%;
	overflow:hidden;
	}

#cam01{
	width:48%;
	height:auto;
	float:left;
	}

#cam02{
	width:48%;
	height:auto;
	float:right;
	}

}



/*画面幅650px以下の設定
---------------------------------------------------------------------------*/
@media screen and (max-width:650px){

/*ヘッダー（サイトロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ロゴ画像*/
header #logo {
	width: 100%;
}



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

div.submenu   {      margin  :-80px 0 0 0;
                     width    :100%;
                     background :#E3DCCF;
                     text-align  :center;
                     height:250px;
                      }


div.submenu_box   {
	height : 300px;
}

div.submenu1   {      margin  :0px 0 0 0;
                     width    :auto;
                     background :#E3DCCF;
                     text-align  :center;
                     height:250px;
                      }


div.submenu_box1   {   width   :auto;
	height : 300px;
}




}












/*画面幅480px以下の設定
---------------------------------------------------------------------------*/
@media screen and (max-width:480px){


h1.h_h1      {       font-size  :  18px;
                             font-weight : bold;
                             position   : absolute;
                             top        : -7px;
                             left : 80px;
                             display : block;
                           } 


h2.h_h2        {       display:none;
                           }
                           
/*ヘッダー（サイトロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ロゴ画像*/
header #logo {
	margin:0 0 0 0;
}


div#logo img   {    width :43px;
                    height :46px;}
                    
                    
                    
/*サイト幅にしたheader内のブロック*/


div.header_l    {    
                       margin :0 0 0 20px;
                       text-align:left;
                       padding :0 0px 0 0;
                       float:left;
                       
                   }


div.header_m1    {    width  :auto;
                       margin :0 0 0 0px;
                       text-align:center;
                       padding :0 20px 0 20px;
                       float:left;
                   }  
            
div.header_m2    {    width  :auto;
                       margin :0 0 0 0px;
                       text-align:center;
                       padding :0 25px 0 25px;
                       display:none;
                   }                        

                   
                   
p.h_h1        {    font-size:15px;
                   font-weight:bold;
                   position   :absolute;
                   top        :-7px;
                   left:80px;
                   display:none;}

p.h_h1_sp        {  font-size:18px;
                   font-weight:bold;
                   position   :absolute;
                   top        :-7px;
                   left:80px;
                   display:block;} 


p.h_h2        {    font-size:10.5px;
                   background  :#C30D23;
                   padding:10px;
                   margin:0px 0 20px 0;
                   color:#fff;
                   position :relative;
                   top:-10px;
                   display:none;
                   }
                   
div.header_m2 p  {    font-size:14px;
                   display:none;}
                   
                   
div.header_r    {    display:none;
                   }        
                   
                   
nav#mainNav     {   display  :block;
                    margin   :40px 0 0 0; }                   
                              
                   
.slidbox   {    margin:40px 0 0 0;
               }                      


div.clear     {    clear  :both;
            
                     }

div.sp_menu     {    width  :100%;
                     background :#333333;
                     display:block;
                     height  :50px;
                     margin:20px 0 0 0;
                      position: fixed;
                     bottom: 0px;
                    z-index: 100000;}
                    
div.sp_menu ul  {    margin  :6px 0 0 0;}
               

div.sp_menu ul li   {    display:inline;
                         margin  :0 0 0 17px;}




/* 下層のホバーメニュー */



.menu {
    position: relative;
    width: auto;
    height: 50px;
    max-width: 1000px;
    margin: 20px 0 0 0;
    clear:both;
    z-index  :100;
}

.menu > li {
    width: 325px; /* グローバルナビ4つの場合 */
    height: 50px;
    line-height: 50px;
    margin:10px 15px 10px 18px;
background: #98C959;
    text-align :center;
     z-index  :100;
}





li.menu__mega ul.menu__second-level {
    position: absolute;
    top: 30px;
    left: 18px;
    box-sizing: border-box;
    width: 325px;
    padding: 20px 2%;
    background: #AED481;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
     z-index  :100;
}



li.menu__mega ul.menu__second-level1 {
    position: absolute;
    top: 90px;
    left: 18px;
    box-sizing: border-box;
    width: 325px;
    padding: 20px 2%;
    background: #AED481;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
     z-index  :100;
}

li.menu__mega:hover ul.menu__second-level1 {
    top: 130px;
    visibility: visible;
    opacity: 1;
     z-index  :100;
}

li.menu__mega ul.menu__second-level1 > li {
    float: left;
    width: 32%;
    border: none;
     z-index  :100;
}

li.menu__mega ul.menu__second-level1 > li:nth-child(3n+2) {
    margin: 0 1%;
     z-index  :100;
}



li.menu__mega ul.menu__second-level2 {
    position: absolute;
    top: 90px;
    left: 18px;
    box-sizing: border-box;
    width: 325px;
    padding: 20px 2%;
    background: #AED481;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
     z-index  :100;
}

li.menu__mega:hover ul.menu__second-level2 {
    top: 200px;
    visibility: visible;
    opacity: 1;
     z-index  :100;
}

li.menu__mega ul.menu__second-level2 > li {
    float: left;
    width: 32%;
    border: none;
     z-index  :100;
}

li.menu__mega ul.menu__second-level2 > li:nth-child(3n+2) {
    margin: 0 1%;
     z-index  :100;
}




.k_menubox    {   width  :auto;
               margin:20px 0 0 0;
               }

p.km          {    width   :auto;
                   margin:   0 0px 10px 18px;
                   height  :63px;}
                   
p.km img     {  width  :153px;
                height :54px;}
                   
p.km_last          {    margin:   0 0 30px 18px;
                        width   :auto;
                        height  :63px;}

p.km_last img     {  width  :153px;
                height :54px;}
                
                
                
                
/*カート
---------------------------------------------------------------------------*/

div.maincontents_c {     width: auto;	/*横一杯使う為に100%指定*/
                       background: #fff;	/*背景色（古いブラウザ用）*/
                       margin: 0 auto;
}



div.maincontents_c2  {
	width: auto;	/*幅。「#menubar ul」と「#contents」と数字を揃える。*/
	height: auto;	/*高さ*/
	margin: 10px 0 0 0;
	border-top  :1px dashed #dcdcdc;
	z-index: 1;
	padding  :30px 0 0px 0;
}




p.cart_bt       {    width:auto;
                     margin:0 0 0px 0px;
                     padding  :10px 10px;
                     }
p.cart_bt1       {    width:auto;
                     margin:0 0 30px 0px;
                     padding  :10px 10px;
                     }




/*コンテンツ
---------------------------------------------------------------------------*/
#contents {
	width: auto;
	margin:2%;z-index: 1;
}





div.submenu   {      margin  :-80px 0 0 0;
                     width    :100%;
                     background :#E3DCCF;
                     text-align  :center;
                     height:245px;
                     display:none;  }


div.submenu_box   {
	height : 300px;z-index: 1;
}

div.submenu_box ul li.sm1  {  display:none;}



div.submenu1   {      margin  :20px 0 0 0;
                     width    :auto;
                     background :#E3DCCF;
                     text-align  :center;
                     height:338px;
                     display:none; }


div.submenu_box1   {   height : 300px;
                       width  :auto;
                                          }






div.maincontents_t {     z-index: 1;
                          width  :auto;
                          margin-top:-60px;
                                          }



div.maincontents  {     z-index: 1;
                                          }


p.mainhow   {    display:none;}


p.mainhow1   {    display:block;
                  margin :-60px 0 0 0;}



div.howto_l {     width    :auto;
                  margin   :2%;
                  border   :1px dashed #dcdcdc;
                  padding  :10px 10px;}

p.howtoimage  {   width  :100%;
                  margin :0 auto;
                  text-align:center;
                  display  :none;}

p.howtoimage1  {   width  :100%;
                  margin :0 auto;
                  text-align:center;
                  display:block;}

div.howto_r {     width    :auto;
                  margin   :2%;
                  border   :1px dashed #dcdcdc;
                  padding  :10px 10px;}


div.searchbox   {   display:none; } 


p.large     {     display:none; }   


/*タイプから選ぶ
---------------------------------------------------------------------------*/

div.type       {   width  :auto;
                   border   :1px dashed #dcdcdc;
                   margin   :30px 0 0 0;
                   height   :200px;
                   padding  :0 0 40px 0;
                   }


div.l_type        {   width  :100%;
                    margin   :0 0 0 0;
                   text-align:center;
                   padding :3px 0 0px 0;
                  
                   }

div.l_type p     {  color  :#fff;}                   

div.r_type       {   width  :auto;
                   margin   :0 0 0 0;
                   }

div.r_type ul    {  margin  :10px 0 0 0;
                    width   :auto;
                    padding :5px 5px;}

div.r_type ul li {  float:left;
                    margin   :0px 0 8px 10px;
                    font-size:15px;}



div.genre       {   width  :auto;
                   border   :1px dashed #dcdcdc;
                   margin   :30px 0 40px 0;
                   height   :320px;
                   }


div.l_genre       {   width  :100%;
                   background   :#98C959;
                   margin   :0 0 0 0;
                   text-align:center;
                  padding :3px 0 0px 0;
                   }
                   
div.l_genre p     {  color  :#fff;}                   

div.r_genre       {   width  :auto;
                   margin   :0 0 0px 0;
                   }

div.r_genre ul     {  margin  :10px 0 0 0;
                    width   :auto;
                    padding :5px 5px;}

div.r_genre ul li {  float:left;
                    margin   :0px 10px 8px 10px;
                    font-size:15px;}
                    
                    
                    

/*タイプから選ぶEND
---------------------------------------------------------------------------*/



/*下層ページ
---------------------------------------------------------------------------*/


table.responsive     {  display:block;}


.responsive thead{
    display:block;
    float:left;
  }
.responsive tbody{
    display: block; 
    width: auto; 
    overflow-x: auto; 
    white-space: nowrap;padding:0;margin:0;
  }
.responsive tr{padding:0;margin:0;
    display:inline-block;
  }
.responsive td{
    display:block;
    padding:0;margin:0;
  }

.responsive th{
    display:block;
    padding:0;margin:0;
  }




ul.pageNav01 li.next  {   width:30px;border :1px solid #000;text-align:center;float:left;}





table.demo01 th,
    .demo01 td{
    width: 100%;
    display: block;
    border-top: none;
    }






table.demo02     {  display:block;border:1px solid #fff;}


.demo02 thead{
    display:block;
    float:left;
  }
.demo02 tbody{
    display: block; 
    width: auto; 
    overflow-x: auto; 
    white-space: nowrap;padding:0;margin:0;
  }
.demo02 tr{padding:0;margin:0;
    display:inline-block;
  }
.demo02 td{
    display:block;
    padding:0;margin:0;
  }

.demo02 th{
    display:block;
    padding:0;margin:0;
  }






.thread  {      width:300px;
            margin:30px 0 0 24px;
            }

.thread_last  {      width:300px;
            margin:30px 0 0 24px;
            }







/*下層ページEND
---------------------------------------------------------------------------*/


div.osusumebox    {  width  :auto;
                     margin :0 0 0 0;}

div.osusumeboxin    {  width  :100%;
                     margin :0 0 0 5px;
                     text-align  :center;
                     }

div.osusumeboxin_last    {  width  :100%;
                     margin :0px 0 0 5px;
                     text-align  :center;
                     }
                     
div.side_category    {     width   :auto;
                           background :#F0EEE8;
                           text-align :center;
                           margin     :24px 0 0 0;
                           padding    :20px 20px 20px 20px;
                           }   
                           
div.side_category ul li  { font-size:15px;}                                             
                     
div.side_category1    {     width   :auto;
                           background :#F0EEE8;
                           text-align :center;
                           margin     :24px 0 0 0;
                           padding    :20px 20px 20px 20px;
                           }   
                           
div.side_category1 ul li  { font-size:15px;}                            
                           
div.side_category2    {     width   :auto;
                           background :#F0EEE8;
                           text-align :center;
                           margin     :24px 0 0 0;
                           padding    :20px 20px 20px 20px;}                                             

div.side_category3    {     width   :auto;
                           background :#F0EEE8;
                           text-align :center;
                           margin     :24px 0 0 0;
                           padding    :20px 20px 20px 20px;} 



p.pc_c01              {     display  :none;}

p.sp_c01              {     display  :block;}


p.pc_block       {     display  :none;}
p.sp_block        {     display  :block;}
p.sp_block1        {     display  :block;
                         width    :85%;
                         margin   :0 auto;}






td.t_y img       {     width   :50px;}
td.t_c img       {     width   :200px;}
                     
/*フッターメニュー
---------------------------------------------------------------------------*/
/*ボックス全体*/

.mainfooter    {    width :auto;
                    margin:0 0 0 0;}

.mainfooter_in   {    width :auto;
                    margin:0 auto;}


p.f_banner     {   width  :100%;
                  margin :0 auto;
                    text-align :center;}
p.f_banner_last     {   width  :100%;
                  margin :0 auto;
                    text-align :center;}



.footer_navi   {     width   :auto;
                     margin  :80px 0 20px 0;
                     background   :#FEF9F1;  
                     padding   :30px 0 0 0;
                     height  :1350px; 
                     clear   :both; }
                     
                     
                     
p.f_navi      {   width  :100%;
                  margin :30px 0 0 0;
                  text-align:center;}

p.f_navi_last      {   width  :100%;
                  margin :30px 0 0 0;
                  text-align:center;}


p.pc    {   display  :none;}
p.sm    {   display  :block;
            text-align:center;
            margin  :20px 0 0 0;
            font-weight  :bold;}






.footer        {    width  :auto;
                    margin :40px 0 0 0;
                    background  :#403A39;
                    height       :2970px;}


.f_menu         {  width  :100%;
                  margin :30px 0 0 0;
                  text-align:center;}

.f_menu_last         {  width  :100%;
                  margin :30px 0 0 0;
                  text-align:center;}








.footer_box     {   width  :auto;
                    margin :0 auto;}

.footer_l       {   width  :auto;
                    margin :30px 0px 0 0;
                    padding:0 0 0 20px;}

.footer_r      {   width  :auto;
                    margin :30px 0 0 0;
                    padding:0 0 0 20px;}


.footer_box1     {   width  :auto;
                    margin :50px 0 0px 0;
                    border-top  :2px solid #fff;}
                    
.footer_box1_l     {   width  :auto;
                    margin :0px 30px 0px 0;
                    padding:0 0 0 20px;}
                    

.footer_box1_m     {   width  :auto;
                    margin :0px 0 0 0;
                    padding:0 0 0 20px;
                    
                    }

.footer_box1_r     {   width  :auto;
                    margin :0px 0 0 0;
                    padding:0 0 0 20px;
                    
                    }

p.gm  {   width  :300px;}

p.f_s    {  background  :#F9F0AB;
            text-align  :center;
            width       :88%;
            padding     :10px 10px;
            margin      :20px 0 0 0;   }





table.responsive   {    width  :auto;
                        font-size;12px;}


.cart_inner  {width  :auto;
              margin:0 0 0 24px;}

.cart_inner1  {width  :auto;
               margin:0 0 0 5px;}

.cart_inner22  {width  :auto;
               margin:-20px 0 0 0px;}
               
.cart_inner2  {width  :auto;
               margin:0 0 0 20px;}
               
.cart_inner3  {width  :auto;
               margin:0 0 0 20px;}

.cart_box  {      width:320px;
            margin:30px 0px 0px 15px;
            }

.cart_box_last  {      width:320px;
            margin:30px 0px 0px 15px;
            }

.cart_box_in   {    margin  :0 0 0 10px;
                    width   :300px;}


}


a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}



/* ゆっくりにする場合は追加 */
img {
	-webkit-transition: 0.2s ;
	transition: 0.2s ;
}









dl.search2{
	position:relative;
	background-color:#fff;
	border:1px solid #aaa;
	border-radius:6px;
	margin:10px 0 10px 0;
}
dl.search2 dt{
	padding:0px 0 3px 5px;
}
dl.search2 dt input{
	width:80%;
	height:20px;
	line-height:30px;
	background:none;
	border:none;
	
}
dl.search2 dd{
	position:absolute;
	top:0;
	right:0;
}
dl.search2 dd button{
	display:block;
	padding:6px 0 0 0;
	background:none;
	border:none;
}
dl.search2 dd button span{
	display:block;
	width:30px;
	height:30px;
	background:url(https://www.curtainshop.co.jp/base/search_ic.png) no-repeat scroll 0 0;
}





dl.search3{
	position:relative;
	background-color:#fff;
	border:1px solid #dcdcdc;
	border-radius:6px;
	margin:10px 0 10px 0;
	width:500px;
	text-align:center;
}
dl.search3 dt{
	padding:1px 1px 0px 0px;
}
dl.search3 dt input{
	width:85%;
	height:20px;
	line-height:30px;
	background:none;
	border:none;
	
}

dl.search3 dt #email  {  padding:0px 0 0 0;}

dl.search3 dd{
	position:absolute;
	top:0;
	right:0;
}
dl.search3 dd button{
	display:block;
	padding:7px 0 0 0;
	background:none;
	border:none;
}
dl.search3 dd button span{
	display:block;
	width:30px;
	height:30px;
	background:url(https://www.curtainshop.co.jp/base/search_ic.png) no-repeat scroll 0 0;
}

.fuwauki_btn_red{
  display: inline-block;
  background-color: #E85A70;
  color: #FFF;
  width: 160px;
  padding: 0.8em;
  text-decoration: none;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
  -webkit-tap-highlight-color: transparent;
  transition: .2s ease-out;
}
.fuwauki_btn_red:hover{
	 cursor: pointer;
	 text-decoration: none;
	 transform: translateY(-4px);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.12), 0 3px 10px 0 rgba(0,0,0,0.12), 0 4px 7px -2px rgba(0,0,0,0.2);
}

.button2 {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 18pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 6px 23px;   /* 余白       */
  background    : #ff66ff;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 2px 2px 6px #666666;  /* 影の設定 */
  border        : 2px solid #ff66ff;    /* 枠の指定 */
}
.button2:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #ff66ff;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}