* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }
body {
	margin:70px 0 0 0;
        /*font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メ>イリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",
	"ＭＳ Ｐゴシック", sans-serif;*/
	background-color:#fff;
}


/* <number> 値 */
zoom: 1.1;
zoom: 0.7;

/* グローバル値 */
zoom: inherit;
zoom: initial;
zoom: revert;
zoom: revert-layer;
zoom: unset;





h1,h2,h3,h4,h5,h6 { margin:0px;padding:0px; border:solid 0px #000;line-height:110%; }

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


.ClearBoth { clear:both; }


/* 文字サイズ  */

.xx-small {font-size: xx-small; }
.x-small  {font-size: x-small; }
.small    {font-size: small; }
.medium   {font-size: medium; }
.large    {font-size: large; }
.x-large  {font-size: x-large; }
.xx-large {font-size: xx-large; }


/* -------共通----------------------------------------------------------------- */
.white { color:#fff; }
.red   { color:#f00; }
.blue  { color: #5472cd; }
.bold  { font-weight:bold; }

.center { text-align:center; }
.gold { color:#ffd700; }

.del {
 	color: #c00;
 	text-decoration : line-through ;
   }
.del span {
	color: #333;
  }


/* -------/共通----------------------------------------------------------------- */


div#wrapper {
	position:relative;
	width:960px;
	margin:0 auto;
	padding-top:2px;
	background-color:white;
	border:solid 0px green;
	padding-bottom:2px;

}

header {
	position: fixed;
	top: 0;
	left: 0;
	height: 70px;
	/*background-color: white;*/
	color:#000;
	width: 100%;
	z-index:2;
	border-bottom:solid 1px #fff;

	background: linear-gradient(25deg, #333, #fff); 
   }

.relative { position:relative; }

/* --------商品欄---------------------------------*/

.box {
        display: flex;
        flex-flow: row wrap;/* width が 100%越えなければ何個でも*/
	background-color:#fff;
      }

.box-1 { width:42%;border-bottom:dashed 1px #fff;padding-top:20px;position:relative; }

.box-2 { width:58%;border-bottom:dashed 1px #333;padding:2px 2px 2px 10px; }

/* --------/商品欄---------------------------------*/


.notel{
	pointer-events: none;
}
/* カゴの中　*/
.basket {
		position:absolute;top:4px;right:4px;
	}
.basket:hover {
		opacity: 0.50; /* 50％ほど透明にする */
	}

.ul{
	display: table;
	margin: 0 auto;
	padding: 0;
	width: 500px;
	text-align: center;
	border:solid 0px black;
   }

/* headerの中のメニュー  */
/* header-navi */

header .navi {
		margin: 0 0 0 auto;
		padding: 0;
		font-size: 14px;
		font-weight: bold;
		display: flex;
		list-style: none;
   }
header .navi li {
		margin: 5px 0 5px 40px;
   }

header .navi li:first-child {
		margin-left: 0;
   }

header .navi li a {
		display: block;
		box-sizing: border-box;
		text-decoration: none;
		color: #333;
   }

header .navi li a:hover {
		text-decoration: underline;
    text-decoration: underline red 5px;
   }

/* ここまでheader 関係  */






@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
/*iPadの縦横両方の記述*/
	.d-none { display:none; }
   }



#menus {
	width: 286px ;
	padding:2px;
	margin:0 auto;
	font-size:80%;
	border:solid 0px red;
	float:right;
   }







footer {
	width:100%;
	height: ;
	margin: 0;	

	color: #333;
	border-top:solid 1px #333;
}

.last { width:96%;margin:10px auto;font-size:12px; }