#ikou {
    background-color:#66cdaa;
	font-size: 15px;  
    margin:30px; 
    text-align: center;
	font-weight: bolder;
}

#ikou a{
    background-color:#66cdaa;
	font-size: 15px;  
    text-align: center;
	font-weight: bold;
}




body {
	margin: 0;
	height:0;
   text-align: center;	
	
}

body {  
   text-align: center;  
   width:100vw;
 	font-family:"メイリオ", Meiryo,"ＭＳ Ｐゴシック",sans-serif;  
} 
 



/* デスプレイ601W以上のcss */


#wrapper{
width:100%; margin:0 auto 0; overflow:hidden; /*横揺れを消す*/
}


.main{
	font-size:13px; /*標準のフォントサイズ*/		 
    text-align: left;  
	    margin-top: 50px;/*ロールfixの分全体を下げる*/		
 }	
 
 
 /* 文字の大きさ */
.font16 {font-size: 16px}

 



/*---------------ボディ------------------------*/

p {
	color:#666666 ;
	font-size: 13px;
    font-family:"メイリオ", Meiryo,"ＭＳ Ｐゴシック",sans-serif;

}

img {
    max-width: 100%;
    height: auto;
}


img, embed, object, video {
  max-width: 100%;
}

table td{
	color:#666666 ;
	font-size: 13px;
}


a{
    color:#008800;
	font-size: 13px;
    text-decoration:underline;
font-family:"メイリオ", Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	
}

a:hover{
    color: #98fb98;
	text-decoration:none;
	font-size: 13px;
    font-family:"メイリオ", Meiryo,"ＭＳ Ｐゴシック",sans-serif;	
	background-color:#EEEEEE;
	}

.footer-line{
	border-top:#999999 solid 1px;
	clear:both;
}

.footer-clear{
		clear:both;
}


/*-------------中央ワイド指定 中央寄せ------------------------------*/

@media screen and (min-width:1031px){　/*Ｗ1031以上は*/	

.header{
    height:auto;
}

.right{
	float:right;
	width:15%;
    height:auto;
}

.left{
	float:left;
	width:15%;
    height:auto;
}

.content{
    margin-left:15%;
    margin-right:15%;	
	width:70%;
    height:auto;
	
}

.footer{
	clear:both;
	text-indent:10px;
}

}

@media screen and (max-width:1030px){　/*Ｗ1030以下は*/	

.header{
    height:auto;
	
}

.right{
	float:right;
	width:1%;
    height:auto;
}

.left{
	float:left;
	width:1%;
    height:auto;
}

.content{
    margin-left:1%;
    margin-right:1%;	
	width:98%;
    height:auto;
	
}

.footer{
	clear:both;
	text-indent:10px;/*1行目1字文字下げ*/
}

}




/* グローバルナビ */

ol, ul {
	list-style: none;
}

.s-menu {	
	background: #FFFFFF;
	height: 20px;
	margin:0 0 0 70%;
   }

.bk {
   	background: #424242;/*ナビ部分の背景をW100%に*/	
    width: 100%;
    height: auto;
	}


/*-------------ロールを-fix------------------------*/

.nav-A{
    position: fixed;
    top:0px;/*上からの位置*/	
    z-index: 2;
    width: 100%;
    height: auto;
	left:0px;
	background: #FFFFFF;
	opacity: 0.9;
}



/* --------------------------------------------------- menu */
.menu {
	position: relative;
	width: 80%;
	height: 40px;

	margin: 0 auto;
	
	
}

.menu > li {
	float: left;
	width: 16.5%;/*ナビ6分割*/	
	height: 40px;
	line-height: 40px;
	background: #424242;
text-size-adjust: 100%;	

}

.menu > li a {
	display: block;
	color: #fff;
	margin: 0 0 0 20px;	
	text-decoration: none;
}

.menu > li a:hover {
	color: #FFFFFF;/*オンマウス文字の色全てのリンク*/
	background: #424242;	
}

ul.menu__second-level {
	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: #424242; /*一番上マウスが離れた時*/
	-webkit-transition: all .5s;
	transition: all .5s;
	opacity: 0.9;
}

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

.menu__third-level li {
	border-top: 1px solid  #424242;
}





.menu__second-level li a:hover {
	background:  #424242;
	

	
}

.menu__third-level li a:hover {
	background:  #424242;
	
}

.menu__fourth-level li a:hover {
	background: #424242;
	
}

.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);
}

.menu:before,
.menu:after {
	content: " ";
	display: table;
}

.menu:after {
	clear: both;
}

.menu {
	*zoom: 1;
}

/* --------------------------------------------------- single menu */
.menu > li.menu__single {
	position: relative;
}

li.menu__single ul.menu__second-level {
	position: absolute;
	top: 40px;
	width: 100%;
	background: #424242;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

li.menu__single:hover ul.menu__second-level {
	top: 40px;
	visibility: visible;
	opacity: 0.9;
}

/* --------------------------------------------------- multi menu */
.menu > li.menu__multi {
	position: relative;
}

li.menu__multi ul.menu__second-level {
	position: absolute;
	top: 40px;
	width: 180px;
	background: #424242;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
		
}

li.menu__multi:hover ul.menu__second-level {
	top: 40px;
	visibility: visible;
	opacity: 0.9;
	left:-30px;
}

li.menu__multi ul.menu__second-level li {
	position: relative;
	left:-30px;
}

li.menu__multi ul.menu__second-level li:hover {
	background:  #424242;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level {
	position: absolute;
	top: -1px;
	left: 100%;
	width: 100%;
	background:  #424242;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

li.menu__multi ul.menu__second-level li:hover ul.menu__third-level {
	visibility: visible;
	opacity: 0.9;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level li {
	position: relative;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover {
	background:  #424242;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level li ul.menu__fourth-level {
	position: absolute;
	top: -1px;
	left: 100%;
	width: 100%;
	background: #424242;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover ul.menu__fourth-level {
	visibility: visible;
	opacity: 1;
}

.init-right:after {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 0 0 15px;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* --------------------------------------------------- mega menu */
li.menu__mega ul.menu__second-level {
	position: absolute;
	top: 40px;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	padding: 20px 2%;
	background: #424242;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

li.menu__mega:hover ul.menu__second-level {
	top: 50px;
	visibility: visible;
	opacity: 0.9;
}

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

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

@media screen and (min-width:801px){
.nav-B {
    display: none;
}
}



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

.nav-A {
    display: none;
}

/* -----nav-mini--- */



/*-------------ロールを-fix------------------------*/

.nav-B{
    position: fixed;
    top: 0;
    z-index: 2;
    width: 100%;
    height: auto;
	left:0px;
background: #FFFFFF;/*ナビ部分の背景を白に*/	

	opacity: 0.9;


}


/*******トグルメニュ*********/
.s-menu2 {
	background: #FFFFFF;
	height: 20px;
	margin:0 0 0 60%;
   }

/* --------------------------------------------------- menu */
.menu2 {
	position: relative;
	width: 80%;
	height: 30px;/*メニューバー　上からの位置*********/
	margin: 0 auto;

	
}

.menu2 > li {
	float: left;
	width: 100%;
	height: 30px;/*liの高さ*/
	line-height: 30px;
	background: #424242;
text-size-adjust: 100%;	
}

.menu2 > li a {
	display: block;
	color: #fff;
	margin: 0 0 0 20px;/*文字位置左マージン*/	
	text-decoration: none;
	background: #424242;	
}

.menu2 > li a:hover {
	color: #FFFFFF;/*オンマウス文字の色全てのリンク*/
	background: #424242;	
}

ul.menu2__second-level {
	visibility: hidden;
	opacity: 0.9;
	z-index: 1;
}

ul.menu2__third-level {
	visibility: hidden;
	opacity: 0.9;
}


.menu2 > li:hover {
	background: #424242; /*一番上マウスが離れた時*/
	-webkit-transition: all .5s;
	transition: all .5s;
	opacity: 0.9;
}

.menu2__second-level li {
	border-top: 1px solid  #424242;
}

.menu2__third-level li {
	border-top: 1px solid  #424242;
}





.menu2__second-level li a:hover {
	background:  #424242;
	

	
}

.menu2__third-level li a:hover {
	background:  #424242;
	
}

.menu2__fourth-level li a:hover {
	background: #424242;
	
}

.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);
}

.menu2:before,
.menu2:after {
	content: " ";
	display: table;
}

.menu2:after {
	clear: both;
}

.menu2 {
	*zoom: 1;
}



/* --------------------------------------------------- multi menu */
.menu2 > li.menu2__multi {
	position: relative;
}

li.menu2__multi ul.menu2__second-level {
	position: absolute;
	top: 30px;
	width: 180px;
	background: #424242;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
		
}

li.menu2__multi:hover ul.menu2__second-level {
	top: 30px;/*トグルの上下間隔*/
	visibility: visible;
	opacity: 0.9;
	left:0px;/*トグルの左右位置*/
}

li.menu2__multi ul.menu2__second-level li {
	position: relative;
	left:0px;
}

li.menu2__multi ul.menu2__second-level li:hover {
	background:  #424242;
}

li.menu2__multi ul.menu2__second-level li ul.menu2__third-level {
	position: absolute;
	top: -1px;
	left: 100%;
	width: 100%;
	background:  #424242;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

li.menu2__multi ul.menu2__second-level li:hover ul.menu2__third-level {
	visibility: visible;
	opacity: 1;
}

li.menu2__multi ul.menu2__second-level li ul.menu2__third-level li {
	position: relative;
}

li.menu2__multi ul.menu2__second-level li ul.menu2__third-level li:hover {
	background:  #424242;
}



.init-right:after {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 0 0 15px;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}


/* -----/nav-mini--- */

}






/* グローバルナビ 終わり*/












/*---------　ヘッダー・フッター（新）--------------- */

.header-top {
 width:100%;
}

/*　ヘッダーの1 */

.header1 {
 width:100%;
}

.header1 td  {background:#f7f7f7; 
          padding:2px; 
          width: 14%; 
          margin-right: 2px; 
          border-radius: 2px; 
          border: 1px solid  #CCCCCC;
		  text-align:center;	
		 }

.header1 a       {
    display:block;width:100%;height:100%;
    font-size: 14px;
    font-family:"メイリオ", Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	text-decoration:none;
		}
		
.header1 a:hover {
    background-color:#003300;
    background-color:#CCFFCC;text-decoration:none;
	font-size: 14px;
    font-family:"メイリオ", Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	text-decoration:none;
	}
		
/*　ヘッダーの2 */
.header2 {
 width:100%;
}

.header2 td  {background:#f7f7f7; 
          padding:2px; 
          width: 12%; 
          margin-right: 2px; 
          border-radius: 2px; 
          border: 1px solid  #CCCCCC;
		  text-align:center;	
		 }

.header2 a       {
    display:block;width:100%;height:100%;
    font-size: 13px;
    font-family:"メイリオ", Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	text-decoration:none;
		}
		
.header2 a:hover {
    background-color:#003300;
    background-color:#CCFFCC;text-decoration:none;
	font-size: 13px;
    font-family:"メイリオ", Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	text-decoration:none;
	}

/*　フッター(新） */

.footer-end {
 width:100%;
}

.footer-end td  {
    font-size: 12px;	
    height: 40px;
    text-varigin:middle;
	text-align:center;
    background: #555; 
    padding:1px; 	 
	text-decoration:none;
	color: #fff;		  
		 }

.footer-end a       {
    display:block;width:100%;height:100%;
	text-decoration:none;
	color: #fff;

		}
		
.footer-end a:hover {
    background: #ff884d;
		}









/*--------------????????????????------------------------*/

a.thumbnail {
	display: block;
	float: left;
	margin: 0.3em 10px 0.3em 0;
}
a.thumbnail img{
	position: absolute;
}
a.thumbnail,
a.thumbnail img{
	width: 100px;
	height: 100px;
}
a.thumbnail:hover {
	border: none;
	cursor: default;
}
a.thumbnail:hover img {
	width: 100px;
	height: 100px;
}



/*--------------プルダウンメニュー------------------------*/




/*--------------プルダウンメニュー2------------------------*/









/*--------------フリックのコード------------------------*/

/* #flickscroll
--------------------------- */
#flickscroll {
    margin: 0 auto;
    width: 400px;
    height: 400px;
    text-align: left;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
#flickscroll ul {
    top: 0;
    left: 0;
    height: 400px;
    position: absolute;
    overflow: hidden;
}
#flickscroll ul li {
    width: 400px;
    height: 400px;
    float: left;
    display: inline;
    overflow: hidden;
}
 
/* #flickthumb
--------------------------- */
#flickthumb {
    margin: 10px auto;
    width: 400px;
    height: 100px;
    text-align: center;
}
#flickthumb ul {
    width: 400px;
    height: 100px;
}
#flickthumb ul li {
    width: 100px;
    height: 100px;
    float: left;
    cursor: pointer;
    display: inline;
}
#flickthumb ul li.active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}
 
 
/* =======================================
    ClearFixElements
======================================= */
#flickscroll ul:after,
#flickthumb ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
#flickscroll ul,
#flickthumb ul {
    display: inline-block;
    overflow: hidden;
}


/*--------------フリックのコード　終わり------------------------*/








/*--------------ブロックを消す------------------------*/
#smart_wrapper{
 display:none;

 	


}



/*--------------商品テーブル　index画像------------------------*/
.gazou {
padding:2%;
}


.table td{
   text-align: left;
   vertical-align: top;   
}





/*--------------商品テーブル　均等割------------------------*/
.table1 {
 width:100%;
}

.table1 td{
 width:33%;
   text-align: left;
   vertical-align: top;   
}




/*--------------商品テーブル　2分割�@------------------------*/

.table2 {
 width:100%;
}

.table2 tr{
 width:auto;
   text-align: left;
}




	





/*-------------スマートフォン　2分割 ------------------------------*/
.SM-header{
    height:auto;
}

.SM-right{
	float:right;
	width:auto;
    height:auto;
}

.SM-left{
	float:left;
	width:auto;
    height:auto;
}



.SM-footer{
	clear:both;
	text-indent:10px;
}



/*---------------入れ込み タイトル　表札top------------------------*/

.hti-header{  
     width:auto;
 
}

.hti-right{
	float:right;
	width:35%;	
	height:auto;
}

.hti-left{
	float:left;
	width:65%;	
	height:auto;
}

.hti-footer{
	border-top:#999999 solid 1px;
	clear:both;
}







/*---------------入れ込み タイトル　2分割------------------------*/

.ti-header{  
}

.ti-right{
	float:right;
	width:auto;
    height:auto;
}

.ti-left{
	float:left;
	width:auto;
    height:auto;
}

.ti-footer{
	border-top:#999999 solid 1px;
	clear:both;
}



/*---------------入れ込み 商品　3分割------------------------*/

.header3{
    height:auto;
}

.right3{
	float:right;
	width:30%;
    height:auto;
}

.left3{
	float:left;
	width:30%;
    height:auto;
}

.content3{
    margin-left:30%;
    margin-right:30%;	
	width:auto;
    height:auto;
}

.footer3{
	clear:both;
	text-indent:10px;
}


/*---------------入れ込み ボタン　2分割------------------------*/

.bo-header{  

}

.bo-right{
	float:right;
	width:40%;
    height:auto;
    text-align: left; 
}

.bo-left{
	float:left;
	width:auto;
    height:auto;
}

.bo-footer{
	border-top:#999999 solid 1px;
	clear:both;
}





/*-----------------index line up------------------*/


h1 {
	font-size: 14px;
	color:#424242 ;
    font-family:"メイリオ", Meiryo,"ＭＳ Ｐゴシック",sans-serif;	
}

h2 {
	border-bottom-color: #ff884d;
	border-left-color: #ff884d;
	border-left-width: 1em;
	border-bottom-style: dotted;
	border-left-style: outset;
	font-size: 14px;
	color:#424242 ;
    font-family:"メイリオ", Meiryo,"ＭＳ Ｐゴシック",sans-serif;		
	
text-indent: 1em;	
}

h3 {
	font-size: 14px;
	color:#424242 ;
    font-family:"メイリオ", Meiryo,"ＭＳ Ｐゴシック",sans-serif;	
}


h4 {
	border-top-width: thick;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #6666CC;
	border-right-color: #6666CC;
	border-bottom-color: #6666CC;
	border-left-color: #6666CC;
text-indent: 1em;
}

h5 {
	border-top-width: thick;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #be4d48;
	border-right-color: #be4d48;
	border-bottom-color: #be4d48;
	border-left-color: #be4d48;
    font-size: 14px;
text-indent: 1em;
}

h6 {
	border-bottom-color: #be4d48;
	border-left-color: #be4d48;
	border-left-width: 1em;
	border-bottom-style: dotted;
	border-left-style: outset;
	font-size: 14px;
text-indent: 1em;	
}


h7 {
	font-size: 14px; color: #424242;
}

h8 {
	border-bottom-color: #6666CC;
	border-left-color: #6666CC;
	border-left-width: 1em;
	border-bottom-style: dotted;
	border-left-style: outset;
	font-size: 12px;
text-indent: 1em;	
}




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

/*--------------表札トップページ------------------------*/
/*--------------商品table 下線---------------*/
.line{
border-bottom:#999999 solid 1px;
}

#p-box {
	display: table-cell;/*-----------画像横並び強制 -------------*/
}







/*--------------2分割　説明　スライドショー------------------------*/

.sl-table {
 width:100%;
}

.sl-table tr{
 width:50%;
 
}







/*----------- 履歴部分 -------------*/

#recent{
	border:#cccccc solid 1px;
	height:150px;
	width:200%;
	padding-left:10px;
	line-height:120%;
	overflow:auto;
	scrollbar-face-color:#cccccc;
	scrollbar-highlight-color: #cccccc;
	scrollbar-shadow-color: #cccccc;
	scrollbar-3dlight-color: #ddd;
	scrollbar-arrow-color: #999999;
	scrollbar-track-color: #ddd;
	scrollbar-darkshadow-color: #cccccc;
	font-size: 13px;
	color:#666666 ;
}


#recent li{
	list-style-type:none;
}


/*--------------商品紹介　2分割　画像-説明------------------------*/

.table3 {
 width:100%;
}

.table3 tr{
   width:auto;
   text-align: left;
}



/*-----------hyosatsu表札slide2　　下段-------------*/
#slide {
	width:auto;/*表示の範囲です。中の要素によって適宜変えてください*/
	height:120px;/*表示の範囲です。中の要素によって適宜変えてください*/
	overflow:hidden;/*普通に考えるとoverflow:hidden;は必要です*/
	position:relative;/*スライドが絶対配置で移動するので、positionはrelativeである必要があります*/
	margin:0 auto;
}
#slideIn {
	position:absolute;/*スライドが絶対配置で移動するので、positionはabsoluteである必要があります*/
	left:0;/*必要です*/
	top:0;/*必要です*/
}
#slide li {
	float:left;/*横移動する場合は、あらかじめｆloat:left;しておきます*/
	width:120px;
	height:120px;
	margin-right:10px;
}






/*--------------indxページ------------------------*/

/*---------------メイン　入れ込み 2分割------------------------*/

.ma-header{  
	width:100%;

}

.ma-right{
	float:right;
	width:15％;
    height:auto;
   text-align: left;		
}

.ma-left{
	float:left;
	width:85％;
    height:auto;
   text-align: left;	
}

.ma-footer{
	border-top:#999999 solid 1px;
	clear:both;
}



/*-------------メイン　-商品テーブル　------------------------*/
.ma-table {
 width:100%;
}

.ma-table td{
 width:50%;
   text-align: left;
}








/*---------------入れ込み トップタイトル------------------------*/

.top-header{  
width:100%;
}

.top-right{
	float:right;
	width:40%;
    height:auto;
}

.top-left{
	float:left;
	width:60%;
    height:auto;


}

.top-footer{
	border-top:#999999 solid 1px;
	clear:both;
}

/*---------------入れ込み トップタイトル2  表札------------------------*/

.top2-header{  
width:100%;
}

.top2-right{
	float:right;
	width:40%;
    height:auto;
}

.top2-left{
	float:left;
	width:60%;
    height:auto;
}

.top2-footer{
	border-top:#999999 solid 1px;
	clear:both;
}




/*---------------index  商品テーブル------------------------*/

.ta-header{  
width:100%;
}

.ta-right{
	float:right;
	width:15%;
    height:auto;
}

.ta-left{
	float:left;
	width:80%;
    height:auto;
}

.ta-footer{
	border-top:#999999 solid 1px;
	clear:both;
}

/*---------------index  商品テーブル内　画像左　文字右------------------------*/

.ta2-header{  
width:100%;
}

.ta2-right{
	float:right;
	width:auto;
    height:auto;
   text-align: left;
	color:#666666 ;
	font-size: 13px;   
   text-valign: top;
}

.ta2-left{
	float:left;
	width:auto;
    height:auto;
   text-align: left;
   text-valign: top;
}

.ta2-footer{
	border-top:#999999 solid 1px;
	clear:both;
}

/*---------------test table-----------------------*/


.sample_01{
width: 100%;
border-collapse: collapse;
}
.sample_01 th{
width: 25%;
padding: 6px;
text-align: left;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
.sample_01 td{
padding: 6px;
background-color: #fff;
border: 1px solid #b9b9b9;
}


/*---------------test table-　商品、商品、伝言板----------------------*/

.sh-header{
    height:auto;
	width:100%;
}

.sh-right{
	float:right;
	width:16%;
    height:auto;
   text-align: left;
	color:#666666 ;
	font-size: 13px;   
}

.sh-left{
	float:left;
	width:42%;
    height:auto;
   text-align: left;
	color:#666666 ;
	font-size: 13px;   
}

.sh-content{
	width:auto;
    height:auto;
   text-align: left;
	color:#666666 ;
	font-size: 13px;   

}

.sh-footer{
	clear:both;
	text-indent:10px;
}


/*---------------index  下段2分割------------------------*/

.sh2-header{  
width:100%;
}

.sh2-right{
	float:right;
	width:15%;
    height:auto;
}

.sh2-left{
	float:left;
	width:75%;
    height:auto;
}

.sh2-footer{
	border-top:#999999 solid 1px;
	clear:both;
}



/*-------------商品テーブル 他　陶器、石など　------------------------*/
.hoka {
 width:100%;
}

.hoka  td{
 width:25%;
   text-align: left;
}


/*---------------商品単品ページ------------------------*/
/*---------------入れ込み　2分割------------------------*/

.wari1-header{  

}

.wari1-right{
	float:right;
	width:50%;
    height:auto;
    text-align: left; 
}

.wari1-left{
	float:left;
	width:45%;
    height:auto;
}

.wari1-footer{
	border-top:#999999 solid 1px;
	clear:both;
}


/*-----------コラム ページ-------------*/

.tex1 td {
vertical-align: top;
}

.tex2 {
  text-align:center;   
}

/*-----------コラム 記事-------------*/

.colB-M{
	width:100%; 
 
}

.colB-R{
    float:right;
	width:20%;    
	text-align:right;	
}

.colB-L{
    float:left;
	width:80%;    
	text-align:left;
	padding:5px;
}	

.colB-footer{
	border-top:#999999 solid 1px;
	clear:both;
}

.clear{
	border-top:#999999 solid 1px;
	clear:both;
}/*-----------コラム の下段クリヤー-------------*/



.col-header{  
width:100%;
}

.col-right{
	float:right;
	width:70%;
    height:auto;
}

col-left{
	float:left;
	width:30%;
    height:auto;
}

.col-footer{
	border-top:#999999 solid 1px;
	clear:both;
}




/*-----------コラム 記事 終わり-------------*/



/*--製作例P　サイズ指定--*/

.seisaku {
   width:auto;
      }

.seisaku tr td {
   height:80;
   }

.seisaku tr td img{
   width:100;
   height:74;
   }


.seisaku tr td p img{
   width:320;
   height:240;
   }


/*-----------use タイトル-------------*/
.useT-M{
	width:100%; 
 
}

.useT-L{
    float:left;
	width:30%;    
	text-align:center;
	font-size:10px;
	padding:5px;
}	

.useT-L h1{  
    line-height: 60px;/*上下のセンタリング*/
    text-align: center; 
	font-size:14px;
	color: #333333;
}
	
.useT-R{
    float:right;
	width:30%;    
	text-align:center;	
}

.useT-R p{
	font-size:10px; 
}



/*-----------useA(W800 390-390)-------------*/

.useA-M{
	width:100%; 
	text-align:left; 
}

.useA-L{
    float:left;
	width:70%;    
	text-align:left;
	padding:5px;
}	
	
.useA-R{
    float:right;
	width:30%;    
	text-align:center;	
}

/*-----------useB(W850 600-230)-------------*/
.useB-M{
	width:100%; 
 
}

.useB-L{
    float:left;
	width:70%;    
	text-align:left;
	padding:5px;
}	
	
.useB-R{
    float:right;
	width:30%;    
	text-align:left;	
}


/*-----------use 機能門柱　商品紹介(W600 280-280)-------------*/

.useKM-L{
    float:left;
	width:50%;    
	text-align:left;
}	
	
.useKM-R{
    float:right;
	width:50%;    
	text-align:left;	
}




/* ナビゲーター　パンくずリスト */
ol.topic-path {
margin: 0; /* マージン（上下左右） */
padding: 7px 5px; /* パディング（上下、左右） */
background-color: #f9f9f9; /* 背景色 */
list-style-type: none; /* リストマーク非表示 */
font-size: 90%; /* 文字サイズ */
}
/* リスト項目 */
ol.topic-path li {
padding-left: 5px; /* 左パディング */
display: inline; /* 項目を横並び */
}
/* リスト項目（最初の項目） */
ol.topic-path li.first {
padding-left: 25px; /* 左パディング */
background: url(https://kageboshi.jp/image/list-p/topic-path-home-gray.png) no-repeat left; /* ホーム記号（※） */
}
/* リンクエリア */
ol.topic-path li a {
padding-right: 18px; /* 右パディング */
background: url(https://kageboshi.jp/image/list-p/topic-path-gray.gif) no-repeat right; /* 矢印記号（※） */
}
/* リンク色 */
ol.topic-path li a {
color: #00991a;
font-size: 100%; /* 文字サイズ */
}
/* リンク色（マウスオーバー） */
ol.topic-path li a:hover {
color: #98fb98;
font-size: 100%; /* 文字サイズ */
}


/* リンク　2分割50％ */
.table4 {
 width:100%;
}

.table4 td{
 width:50%;
}


.table4 td a {background:#f7f7f7; 
          padding:4px; 
          width: auto; 
          margin-right: 6px; 
          border-radius: 2px; 
          border: 1px solid  #CCCCCC;
		 text-decoration: none;		
          display: block;  
		 } 
		 
/* 表札TOP 商品紹介テーブル */
/* 表札TOP 商品紹介テーブル　上段 */
.hy-ue {
 width:100%;
}


.hy-ue td {
 width:50%;
 border-left: 3px solid #aaaaaa;
  padding:0 10px;
}


	
/* 表札TOP 商品紹介テーブル　下段 */
.hy-sita {
 width:100%;
}

.hy-sitap {
 width:30%;
 padding:0 10px 0 5px;
}	
			 


/*---------------ガイド  商品テーブル------------------------*/

.guide-header{  
width:100%;
}

.guide-right{
	float:right;
	width:75%;
    height:auto;
}

.guide-left{
	float:left;
	width:25%;
    height:auto;
}

.guide-footer{
	border-top:#999999 solid 1px;
	clear:both;
}


.list li{
	width:100%;          
    height:30px;		  
		  }
		  
		  
.list li a{
    text-decoration: none;
    font-size:100%;
    display:block;
    background-color:#bde9ba;
 	margin:5px;
	padding:5px;       
		  
		  }		  
		   		  
		  
.list li a:link{
	color:#008800;
	background-color:#bde9ba;
}

.list li a:visited{
	color:#008800;
	background-color:#bde9ba;
}

.list li a:hover{
	color:#008800;
	background-color:#EEEEEE;
}

.list li a:focus{
	color:#008800;
	background-color:#bde9ba;
}

.list li a:active{
	color:#008800;
	background-color:#bde9ba;
}
	  
		  
		  
		  
		  

div#anc2{
    margin-top: -70px; /* リンク位置上昇分 */
    padding-top: 70px; /* 上昇分を戻す分 */
}

div#anc3{
    margin-top: -70px; /* リンク位置上昇分 */
    padding-top: 70px; /* 上昇分を戻す分 */
}

div#anc4{
    margin-top: -70px; /* リンク位置上昇分 */
    padding-top: 70px; /* 上昇分を戻す分 */
}

div#anc5{
    margin-top: -70px; /* リンク位置上昇分 */
    padding-top: 70px; /* 上昇分を戻す分 */
}

div#anc6{
    margin-top: -70px; /* リンク位置上昇分 */
    padding-top: 70px; /* 上昇分を戻す分 */
}

div#anc7{
    margin-top: -70px; /* リンク位置上昇分 */
    padding-top: 70px; /* 上昇分を戻す分 */
}

div#anc8{
    margin-top: -70px; /* リンク位置上昇分 */
    padding-top: 70px; /* 上昇分を戻す分 */
}

div#anc9{
    margin-top: -70px; /* リンク位置上昇分 */
    padding-top: 70px; /* 上昇分を戻す分 */
}


/*---------------ナビ　横並いろいろ1------------------------*/

.p1-title{

	font-weight: bolder;/* p1 */
	font-size:14px;
    text-decoration: none;
    color: #fff; 	
} 


.p1-nav{
    background-color: #808080;	
    padding: 5px;
	padding-left:30px;

} 


.p1-nav ul{
    padding: 0px; 	
    margin: 0px;
} 


.p1-nav ul li {
    display: inline; 	
    margin-right: 1em;
} 


.p1-nav ul li a { 
    font-family: "Trebuchet MS", sans-serif; 
	font-size:18px;
    text-decoration: none;
    color: #fff; 
    border-left: solid 8px #808080;	
    border-right: solid 8px #808080;
    border-top: solid 4px #808080;	
    border-bottom: solid 4px #808080;	
			 
}
 


.p1-nav ul li a:hover{ 
    border-left: solid 8px #fff;
    border-right: solid 8px #fff;
    border-top: solid 5px #fff;	
    border-bottom: solid 5px #fff;		
		
    color: #808080; 

}


.p2-title {

	font-weight: bolder;/* p2 */
	font-size:80%;
    text-decoration: none;
    color: #fff; 	
} 









/*---------------分割　30％対70％------------------------*/

.left-30 {
    float:left;
	width:30%;    
	text-align:left;
	padding:5px;
}	
	
.right-70 {
    float:right;
	width:65%;    

}

/*---------------ボタン　シャドー付き　リンク------------------------*/


.rink a  {
          text-decoration: none;		
          display: block;
          background:#f7f7f7; 
          padding:10px; 
          width: auto; 
          margin-right: 6px; 
          border-radius: 5px; 
          box-shadow: 2px 2px 2px #aaaaaa;
          border: 1px solid  #CCCCCC;
		  font-size: 13px;
font-weight: bolder;
		}
		

		
.rink-w {
 width:100%;
}

.rink-w td{
 width:auto;
}

.rink-w a  {
          text-decoration: none;		
          display: block;
          background:#f7f7f7; 
          padding:10px; 
          width: auto; 
          margin-right: 6px; 
          border-radius: 5px; 
          box-shadow: 2px 2px 2px #aaaaaa;
          border: 1px solid  #CCCCCC;
		  font-size: 13px;
font-weight: bolder;
		}
	
		
		
		

/*---------------ボタン　シャドー付き　リンク　デザインページ------------------------*/
.rink2 li a  {
          text-decoration: none;		
          display: block;
          background:#808080; 
          padding:3px; 

          width: auto; 
          margin-right: 2px; 
          border-radius: 2px; 
          box-shadow: 2px 2px 2px #aaaaaa;
          border: 1px solid  #CCCCCC;
		  border-bottom:10px; 
		  font-size: 13px;
font-weight: bolder;
		}
.tab ul li {
  display: inline-block;
  }
  
/*---------------タブ風擬似------------------------*/  



 .ozContainerTabs { /* タブの宣言 */
  position: relative;
  vertical-align: middle;
  height: 2em;
  z-index: 1;
  }
.ozContainerTabs > div { /* タブ本体 */
  display:inline-block;
  position: relative;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px 4px 0 0;
  font-size: 1em;
  line-height: 1em;
  height: 2em;
  float: left;
  width: auto;
  vertical-align: baseline;
  }
.ozNomalTab{ /* カレントのタブ */
  border-color: #CCC #CCC #FFF #CCC;
  }
.ozBehindTabs{ /* 背後のタブ */
  border-color: #CCC;
  margin-left: 0.2em;
  }
.ozContainerTabs > div > a{ /* タブのリンク文字 */
  display: inline-block;
  padding: 0.5em 1em 0;
  	text-decoration: none;
  }
 
  
.ozContainerBody li {
  display: inline-block;
}  


 /*---------------ナビ　横並　デザインNO------------------------*/ 
  

.p2-nav ul li{
    display: inline-block; 	
    margin-right: 1em;	

}   
  
.p2-body {  /* フォルダ本体 */
  border: 1px solid #ccc;
  border-radius: 0 2px 2px 2px;
  clear: both;
  position: relative;
  padding: 0;  
  top: -1px;
  box-shadow:rgba(0, 0, 0, .2) 2px 5px 10px -3px;

  }   
 
.p2-body a {
	text-decoration: none;
    display: inline-block; 
	padding: 0px 0px; 
 
  }  
 
.p2-font {
     font:120%;

}  

.p2-nav ul li a { 
    font-family: "Trebuchet MS", sans-serif; 
	font-size:18px;
    text-decoration: none;
    color: #008800; 
    border-left: solid 8px #fff;	
    border-right: solid 8px #fff;
    border-top: solid 0px #fff;	
    border-bottom: solid 0px #fff;	
	  display: inline-block;	
	   	 
}


/*------アイコン　regular------*/ 
.p2-p1 a:link{
background: url(https://kageboshi.jp/image/list-p/nav-r-g.jpg) no-repeat left ; /* 矢印記号（左1） */
padding: 10px 10px; 
display: inline-block;
    position: relative; 
top:5px;	
}


.p2-p1 a:hover{
background: url(https://kageboshi.jp/image/list-p/nav-r-g2.jpg) no-repeat left ; /* 矢印記号（左2） */
padding: 10px 10px; 
display: inline-block;
    position: relative; 
top:5px;
}

.p2-p2 a:link{
background: url(https://kageboshi.jp/image/list-p/nav-l-g.jpg) no-repeat left ; /* 矢印記号（右1） */
padding: 10px 10px; 
display: inline-block;
    position: relative; 
top:5px;
}


.p2-p2 a:hover{
background: url(https://kageboshi.jp/image/list-p/nav-l-g2.jpg) no-repeat left ; /* 矢印記号（右2） */
padding: 10px 10px; 
display: inline-block;
    position: relative; 
top:5px;
}



/*------アイコンｓ------*/ 
.p2s-p1 a:link{
background: url(https://kageboshi.jp/image/list-p/nav-rr-g.jpg) no-repeat left ; /* 矢印記号（左左1） */
padding: 10px 10px; 
display: inline-block;
    position: relative; 
top:5px;
}

.p2s-p1 a:hover{
background: url(https://kageboshi.jp/image/list-p/nav-rr-g2.jpg) no-repeat left; /* 矢印記号（左左2） */
padding: 10px 10px; 
display: inline-block;
    position: relative; 
top:5px;
}

.p2s-p2 a:link{
background: url(https://kageboshi.jp/image/list-p/nav-ll-g.jpg) no-repeat left; /* 矢印記号（右右1） */
padding: 10px 10px; 
display: inline-block;
    position: relative; 
top:5px;
}

.p2s-p2 a:hover{
background: url(https://kageboshi.jp/image/list-p/nav-ll-g2.jpg) no-repeat left  ; /* 矢印記号（右右2） */
padding: 10px 10px; 
display: inline-block;
    position: relative; 
top:5px;
}


 /*---------------ナビ　横並　機能門柱品名用------------------------*/ 
.p3-nav ul li{
    display: inline-block; 	
    margin-right: 1em;	

}   
  
.p3-body {  /* フォルダ本体 */
  border: 1px solid #ccc;
  border-radius: 0 2px 2px 2px;
  clear: both;
  position: relative;
  padding: 0;  
  top: -1px;
  box-shadow:rgba(0, 0, 0, .2) 2px 5px 10px -3px;

  }   
 
.p3-body a {
	text-decoration: none;
    display: inline-block; 
	padding: 0px 0px; 
 
  }  
 


.p3-nav ul li a { 
    font-family: "Trebuchet MS", sans-serif; 
	font-size:14px;
    text-decoration: none;
    color: #008800; 
    border-left: solid 2px #fff;	
    border-right: solid 2px #fff;
    border-top: solid 0px #fff;	
    border-bottom: solid 4px #fff;	
	  display: inline-block;	
	   	 
}


.p3-text a:link{
	font-size:12px;
    text-decoration: none;
}



/*---------------機能門柱紹介　左ボーダー------------------------*/  

.l-sen tr td {
border-left: 1px solid #ccc;	
border-top: 1px solid #ccc;

 }
 
#l-senb td {
border-top-style:none; 

}



/*---------------施工例ページ------------------------*/
/*---------------施工例　左、下ボーダー表示------------------------*/  

.l-sen2 tr td {
border-left: 1px solid #ccc;	
border-top: 1px solid #ccc;
	width: 20%;
	vertical-align: top;	
 }
 
#l-senb2 td {
border-top-style:none; 
	width: 20%;
	vertical-align: middle;		
}


/* アンカー位置調整 */

#anka2 a{
	display: block; 
    background-color: #FFF;		
	margin-top:-80px;
    padding-top:80px;	
	}

#ankb2 a{
    display: block;
    background-color: #FFF;	
    margin-top:-80px;
    padding-top:80px;
   }

#ankc2 a{
    display: block;
    background-color: #FFF;	   
    margin-top:-80px;
    padding-top:80px;
   }

#ankd2 a {
    display: block;
    background-color: #FFF;	
    margin-top:-80px;
    padding-top:80px;
   }

#anke2 a {
    display: block;
    background-color: #FFF;	
    margin-top:-80px;
    padding-top:80px;
   }

#ankf2 a {
    display: block;
    background-color: #FFF;	
    margin-top:-80px;
    padding-top:80px;
   }

#ankg2 a {
    display: block;
    background-color: #FFF;	
    margin-top:-80px;
    padding-top:80px;
   }

#ankh2 a {
    display: block;
    background-color: #FFF;	
    margin-top:-80px;
    padding-top:80px;
   }

#anki2 a {
    display: block;
    background-color: #FFF;	
    margin-top:-80px;
    padding-top:80px;
   }

#ankj2 a {
    display: block;
    background-color: #FFF;	
    margin-top:-80px;
    padding-top:80px;
   }

#ankk2 a {
    display: block;
    background-color: #FFF;	
    margin-top:-80px;
    padding-top:80px;
   }

#ankl2 a {
    display: block;
    background-color: #FFF;	
    margin-top:-80px;
    padding-top:80px;
   }

#ankm2 a {
    display: block;
    background-color: #FFF;	
    margin-top:-80px;
    padding-top:80px;
   }

#ankn2 a {
    display: block;
    background-color: #FFF;	
    margin-top:-80px;
    padding-top:80px;
   }

#anko2 a {
    display: block;
    background-color: #FFF;	
    margin-top:-80px;
    padding-top:80px;
   }

#ankp2 a {
    display: block;
    background-color: #FFF;	
    margin-top:-80px;
    padding-top:80px;
   }

#ankq2 a {
    display: block;
    background-color: #FFF;	
    margin-top:-80px;
    padding-top:80px;
   }

#anchor a {
    display: block;
    background-color: #FFF;	
    margin-top:-80px;
    padding-top:80px;
   }



/*---------------商品グループページ------------------------*/
/* 上部説明2分割 */

.g-setu{
	width: 100%;
    }
	
.g-left{
    float:left;
	width: 68%;	
	}

.g-right{
    float:right;
	width: 30%;
	}

.g-clear{
    clear:both;
	}

/* 商品画像横並び */

.g2-width{
	width: 100%;
	}
.g2-width tr td {	
	vertical-align: top;
	}	
	
	
	
	
.g2-pwidth td{
	width: 25%;
	}
	

	
/* リンク　多分割 */
.table5 {
 width:100%;
}

.table5 td{
 width:auto;
}


.table5 td a {background:#f7f7f7; 
          padding:4px; 
          width: auto; 
          margin-right: 6px; 
          border-radius: 2px; 
          border: 1px solid  #CCCCCC;
		 text-decoration: none;		
          display: block;  
		 } 
		 

		 
		 
		 
		 
		 


/* 画像拡大 */

.kakudai-setu{
	width: 100%;
    }
	
.kakudai-left{
    float:left;
	width: 30%;
	max-width: 320px;
    hight:auto;		
	}

.kakudai-right{
    float:right;
	width: 65%;
	}

.kakudai-clear{
    clear:both;
	}


/*---------------商品単品ページ------------------------*/
/* 画像横並び */




.p-yoko {
	width: 100%;
		display: inline-block;
	    
     	 }
	
	 
.p-yoko p {
	width: 24%;
		    float:left;
			margin: 2px;
	 }
	 

/*---------------商品アイアンページ------------------------*/
/* 画像横並び */




.p-yokoC {
	width: 100%;
		display: inline-block;
	    
     	 }
	
	 
.p-yokoC p {
	width: 16%;
		    float:left;
			margin: 2px;
	 }	 
	 
	 


/*---------------注文ページ------------------------*/
/* font 大きく */

.okiku {
     font-size:150%;
      }

.okiku a {
     font-size:110%;
      }

/* 画像横並び */

.p-yokoB {
	width: 100%;
		display: inline-block;
     	 }
	 
.p-yokoB p {
	width: 22%;
		    float:left;
			margin: 2px;
	 }
	 
	/*---------------商品アイアンページ------------------------*/
/* 画像横並び */

.p-yokoC {
	width: 100%;
		display: inline-block;   
     	 }
	 
.p-yokoC p {
	width: 16%;
		    float:left;
			margin: 2px;
	 }	 
	 

/* 画像横並び 　2分割*/

.p-yokoD {
	width: 100%;
		display: inline-block;   
     	 }
		 
.p-yokoD p {
	width: 100%;
		    float:left;
			margin: 2px;
	 }	 	 
	 
	/*---------------施工例ページ-　右-----------------------*/
/* 画像横並び */

.yokoE {
	width: 100%;
		display: inline-block;   
     	 }
	 
.yokoE p {
	width: 45%;
		    float:left;
			margin: 2px;
	 }	 	 
	 
	/*---------------施工例ページ-　23p-----------------------*/
/* 画像横並び */

.yokoF {
	width: 100%;
		display: inline-block;   
     	 }
	 
.yokoF p {
	width: 47%;
		    float:left;
			margin: 2px;
	 }	 	 
	 
/* 画像横並び フッターライン*/

.yokoF-line {
    border-top:#999999 solid 1px;
	margin:5px 0 20px;
	clear:both;
	}

	/*---------------機能門柱ページ-----------------------*/
/* 画像横並び */

.yokoG {
	width: 100%;
		display: inline-block;   
     	 }
	 
.yokoG p {
	width: 30%;
		    float:left;
			margin: 2px;
	 }	 	 
	 
/* 画像横並び フッターライン*/

.yokoF-line {
    border-top:#999999 solid 1px;
	margin:5px 0 20px;
	clear:both;
	}

/* 画像横並び fix */
.yokoH {
	width: 100%;
		display: inline-block;   
     	 }
	 
.yokoH p {
	width: 10%;
		    float:left;
			margin: 2px;
	 }	 

/*---------------取付け方法ページ------------------------*/
/* アンカー位置調整 */

#anka a {
    display: block;
    background-color: #FFF;	
    margin-top:-80px;
    padding-top:80px;
   }

#ankb a {
    display: block;
    background-color: #FFF;	
    margin-top:-80px;
    padding-top:80px;
   }

#ankc a {
    display: block;
    background-color: #FFF;	
    margin-top:-80px;
    padding-top:80px;
   }

#ankd a {
    display: block;
    background-color: #FFF;	
    margin-top:-80px;
    padding-top:80px;
   }

#anke a {
    display: block;
    background-color: #FFF;	
    margin-top:-80px;
    padding-top:80px;
   }

#ankf a {
    display: block;
    background-color: #FFF;	
    margin-top:-80px;
    padding-top:80px;
   }

#ankg a {
    display: block;
    background-color: #FFF;	
    margin-top:-80px;
    padding-top:80px;
   }

#ankh a {
    display: block;
    background-color: #FFF;	
    margin-top:-80px;
    padding-top:80px;
   }

#anki a {
    display: block;
    background-color: #FFF;	
    margin-top:-80px;
    padding-top:80px;
   }

#ankj a {
    display: block;
    background-color: #FFF;	
    margin-top:-80px;
    padding-top:80px;
   }

#ankk a {
    display: block;
    background-color: #FFF;	
    margin-top:-80px;
    padding-top:80px;
   }

/*本分位置調整　全体をあげげる*/
#anc-ichi {
    display: block;
    background-color: #FFF;	
    margin-top:-65px;
    padding-top:65px;
    	}

#deco a{
    text-decoration: none;	
	}






/*---------------Q&Aページ------------------------*/
/* インデント */
#indent p {padding-left:2em;} 



/* ワイド設定 */
@media screen and (min-width:1001px){
.wmax {width: 85%;
      }
}



/* 豆知識サイドバーW関係 */
#title1 p{
	font-size: 8px;

}



 /*--2019.07  機能門柱ページ関係 --------------------------------------------------------------------------*/
 /*--パーツ2分割 --*/

.parts-2p{ width:100%; 
}

.parts-r{
	float:right;
	width:60%;
    height:auto;
}

.parts-l{
	float:left;
	width:30%;
    height:auto;
}

.wrap-2p{
display: flex;

}

.margin20 {
margin:20px;
}

/*-- 注文欄 2分割 --*/

.chumon-2p2{　 /* 上コンテンツと標準間隔*/
    width:100%; 
}

.chumon-2p{   /* 上コンテンツと間を詰める*/
    width:100%; 
	margin-top:-15px;
}

.chumon-r{
	float:right;
	width:25%;
    height:0px;
	display:block ;

}

.chumon-l{
	float:left;
	width:70%;
    height:0px;
	display:block ;

}
 
.chumon-setu-box{
	display:block ;
	background: #D36015 ;
	width: auto ;
	height: 30px ;

	color: #fff ;
	line-height: 30px ;
	text-decoration: none ;
	text-align: center ;
	opacity: 0.80 ;
	font-size: 14px;

    display: flex;
    justify-content: center;
    align-items: center;
	
}

.chumom-setu-box:hover{
	background: #D36015 ;
	font-size: 14px;
}

/*-- /注文欄 2分割 --*/


 .chumon-setu-box-B{　/*-- /注文欄 上下広げる --*/
	display:block ;
	background: #D36015 ;
	width: auto ;
	height: 50px ;

	color: #fff ;
	line-height: 50px ;
	text-decoration: none ;
	text-align: center ;
	opacity: 0.80 ;
	font-size: 14px;

    display: flex;
    justify-content: center;
    align-items: center;
	
}

/*-- 横2分割 35%-65％--*/
.yokoW2{
     display:flex;
	 margin: 10px;
	 width:100%;
}
.yokoW2-L{
     width: 35%;
	 margin: 10px;
}
.yokoW2-R{
     width: 65%;
	 margin: 10px;
}