@charset "UTF-8";
/* CSS Document */


body
 {
width: 100%;
height: auto;
margin: 0 auto;
background: none;/*#000033*/
padding:0; 
color: black;
}

div#wrapper {
	width: 100%;
	height: auto;
	float: left;
}


/* header */
head {
	z-index: 999;
}


#sp-icon {
width: 100%;
color: none;
background: none;
z-index: 999;
display: table-cell;
}


.sp-open {
	width: 100%;
	background: none;
	vertical-align: middle;
    position: fixed !important;  
    position: absolute;  
	color: none;
	z-index: 999;
}


div#sp-icon {
	width : 50px;
	height : 50px;
	position : absolute;
	right : 0px;
	top : 0px;
	z-index : 999;
}

div#sp-icon:hover {
	cursor : pointer;
	opacity : 0.7;
}

div#sp-icon span,
div#sp-icon span:before,
div#sp-icon span:after {
	display : inline-block;
	width : 30px;
	height : 3px;
	background : white;
	transition-property : transform;
	transition-duration : 0.3s;
}

div#sp-icon span {
	position : absolute;
	left : 50%;
	top : 50%;
	transform : translate( -50%, -50% );
}

div#sp-icon span:before {
	content : "";
	position : absolute;
	transform : translateY( -10px ) rotate( 0deg );
}

div#sp-icon span:after {
	content : "";
	position : absolute;
	transform : translateY( 10px ) rotate( 0deg );
}


div.sp-close span {
	background : transparent !important;
}

div.sp-close span:before {
	transform : rotate( 45deg ) !important;
}

div.sp-close span:after {
	transform : rotate( -45deg ) !important;
}


/*--------------------------------本文*/		
/* .slideShow
------------------------- */
.slideShow {
	margin: 0 auto;
	text-align: left;
	display: none;
	background: none;
	width: 100%;
}

/* .mainView
------------------------- */
.mainView{
	width: 100%;
color: black;
font-size: 12pt;
line-height: 2em;
background: none;
display: block;
text-align: left;
}


.slideShow .mainView {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.slideShow .mainView ul {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.slideShow .mainView ul li {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}
.slideShow .mainView ul li img {
	width: 100%;
}

/* .thumbNail
------------------------- */
.slideShow .thumbNail {
	width: 100%;
	overflow: hidden;
	background: none;
}

.slideShow .thumbNail ul {
	width: 100%;
	margin-top: 1px;
}

.slideShow .thumbNail ul li {	
	float: left;
	display: inline;
	overflow: hidden;
	cursor: pointer;
}

.slideShow .thumbNail ul li img {
	width: 100%;
}

.slideShow .thumbNail ul li.active {
	filter: alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

/* sideNavi
------------------------- */
.slideShow .mainView .btnPrev,
.slideShow .mainView .btnNext {
	top: 0;
	width: 25px;
	height: 100%;
	position: absolute;
	z-index: 150;
}
.slideShow .mainView .btnPrev {
	left: 0;
	background: #ccc url(image/left.png) no-repeat center center;
}
.slideShow .mainView .btnNext {
	right: 0;
	background: #ccc url(image/right.png) no-repeat center center;
}



/* =======================================
	ClearFixElements
======================================= */
.slideShow ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.slideShow ul {
	display: inline-block;
	overflow: hidden;
	
}



p.fs3remc {
	width: 100%;
	height: auto;
	font-size: 3rem;
	text-align: center;
	
}



.wd90 {
	width: 90%;
	height: auto;
	display: block;
	margin: 0 auto;
	}
div.wd100 {
	width: 100%;
	height: auto;
	float: left;
	background: none;
	padding: 5px 0px;
	
}
dl.wd100 {
	width: 100%;
	height: auto;
	float: left;
	background: none;
}

dl.wd90 {
	width: 90%;
	height: auto;
	display: block;
	margin: 0 auto;
	display: flex;
	align-items: center;
}

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

dd.wd70{
	width: 70%;
	height: auto;
	float: left;
}

/*							IMG		*/

.img50 {
	width: 50%;
	height: auto;
	display: block;
	margin: 0 auto;
}

p.center {
	width: 100%;
	height: auto;
	float: left;
}


p#max {
	width: 100%;
	height: auto;
	float: left;
	background: none;
	text-align: center;
	font-size: 2rem;
}


p.box-titile {
	width: 100%;
	height: auto;
	float: left;
	font-size: 16pt;
	text-align: center;
	line-height: 2em;
}

p.fs2remc {
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 1.2rem;
}
p.fs15remc-fcr {
	width: 100%;
	height: auto;
	color: red;	
	font-size: 1.5rem;
	font-weight: :bold;
	text-align: center;
}


dl.step {
	width: 100%;
	height: auto;
	float: left;
	margin: 5px auto;
}
dl.step dt {
	width: 100%;
	height: auto;
	line-height: 2em;
}
dl.step dd {
	width: 100%;
	height: auto;
	float: left;
	line-height: 1.5em;
}

span.fs6c {
	width: 100%;
	height: auto;
	border-sizing: border-box;
	padding: 2px;
	display: block;
	background: none;
	text-align: center;
	margin: 0 auto;
	font-size: 6pt;
}



/*						Dw 短縮 CSS	*/


div#bottom{
	width: 100%;
	height: auto;
	background: whitesmoke;
	float: left;
}

div#bottom dl dt{
	padding: 2px;
	color: black;
	}
	
div#bottom dl dd{
	font-size: 8pt;
	padding: 2px;
	color: black;
	
}

div#bottom dl dd a{
	color: black;
}



div#bottom p{
	text-align: center;
	}


.blue{
font-size: 22pt;
color: blue;
}

.white {
font-size: 22pt;
color: white;
}

.red{
font-size: 22pt;
color: red;
}


p.switch {
  margin: 0 0 0px;
text-align: center;
background: #CCCCCC;
}


/*   SPAN  */
span.fs1_7remc {
	width: 100;
	height: auto;
	line-height: 2em;
	font-size: 1.7rem;
	text-align: center;
}


.sns-wd90{
	width: 60%;
	height: auto;
	float: left;
	margin: 5px auto;
}


span.menu-sns {
	width: 100%;
	height: auto;
	background: red;
	box-sizing: border-box;
	margin: 0 px 3px;
	float: left;
	text-align: left;
	vertical-align: middle;
}


.icon-menu{
	width: 90%;
	height: auto;
	display: block;
	margin-right: 10px;
	background: none;
}

	
ul#menu li a {
	width: 100%;
	text-decoration : none;
	display : block;
}



p#youtube {
	width: auto;
	box-sizing: border-box;
	height: auto;
	text-align : left;
	background: rgba(255,255,255,1);
	float: left;
}

p#sns {
	width: 100%;
	height: auto;
	text-align : left;
	background: silver;
	background: rgba(224,224,224,0.7);
	box-sizing: border-box;
	padding: 10px 0px;
	float: left;
}



div.p-ranking__inner a{
	color: black;
}
	


/*		--------------		reset.css		===========*/


body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td{
	margin : 0;
	padding : 0;
}

fieldset,
img{
	border : 0;
	vertical-align : middle;
}

code,
em,
strong,
th{
	font-style : normal;
	font-weight : normal;
}

h1,
h2,
h3,
h4,
h5,
h6{
	font-size : 100%;
	font-weight : normal;
}

			
				/*				========- delivery-content (perfomance & delivery & online )*/
				
div.delivery-content {
width: 100%;
height: auto;
float: left;
}

div.delivery-content div{
width: 50%;
height: auto;
border-top: 1px solid whitesmoke;
padding: 10px 0px;
float: left;
}


div.delivery-content ul{
width: 60%;
height: auto;
display: block;
margin: 0 auto;
}

div.delivery-content ul li{
	width: 70%;
	height: auto;
	margin: 10px auto;
	display: block;
	-wekbkit-border-radius: 8px;/*chrome,safari */
	-moz-border-radius: 8px;    /*Firefox */
	border-radius: 8px;        /*css3*/
	background: tan;
	text-align: center;
list-style-type: none;
}

div.delivery-content ul li a{
	display: block;
	width: 100%;
	height: auto;
	line-height: 3em;
	color: black;
}


footer {
	width: 100%;
	height: auto;
	box-sizing: border-box;
}


/*   img  */

.img100 {
	width: 100%;
	height: auto;
	float: left;
	background: none;
}
.img95 {
	width: 95%;
	height: auto;
	display: block;
	margin: 10px auto;
	background: none;
}


/*   メニュー   リストはレスポンシブデザイン　　　　*/

head {
	z-index : 999;
	
}


ul#menu {
	width: auto;
	height: auto;
	padding: 10px 0px;
	float: left;
	list-style-type : none;
	background:rgb(255,255,255,0.8);
	position : absolute;
	left : 0px;
	top : 0px;
	z-index : 999;
	display: none;
}



span.menu-title-text {
	font-size: 100%;
	color: red;
	font-weight: bold;
	margin-left: 5px;
}

/*781px*/
@media(min-width: 781px) {


/*----------header-----*/

header {
  width: 100%;
  height: auto;
  background: white;
  border-bottom: 1px solid black;
  color: black;
  position: fixed !important;  
   position: absolute;  
  float: left;
  z-index: 998;
}

div.header{
	width: 100%;
	height: auto;
	float: left;
	background: none;
	}
	
div.header p{
	width: 100%;
	text-align: left;
}

	
.logo {
	width: 10%;
	height: auto;
	background: none;
	display: block;
	margin: 0 auto;
}


/*footer*/

/*		========= フッター固定	=======*/

div#footerArea {  
    position: fixed !important;  
    position: absolute;  
    bottom: 0;  
	text-align: center;
    left: 0;  
    width: 100%;  
    height: auto;  
    background: white;  
	border-top: 1px solid black;
    color: #fff;  
	padding: 5px 0px;
	z-index: 999;
	margin-top: 50px;
}  

div#footerArea ul{
	width: 100%;
	height: auto;
	float: left;
	padding: 1px;
	border-sizing: border-box;
	display: flex;
	justify-content: center;
}
div#footerArea ul li{
	width: 30%;
	height: auto;
	background: none;
	list-style-type: none;
	float: left;
	text-align: center;
}


div#footerArea ul li a{
	width: 100%;
	height: auto;
	float: left;
	display: block;
	color: silver;
	font-size: 8pt;
}
.footer-icon {
	width: 35%;
	height: auto;
	display: block;
	margin: 0px auto;
}
	

}



/*521px-780px iphone*/
@media(min-width: 521px) and (max-width: 780px){

#sp-icon {
width: 100%;
color: none;
background: none;
z-index: 999;
display: table-cell;
}


.sp-open {
	width: 100%;
	background: red;
	vertical-align: middle;
    position: fixed !important;  
    position: absolute;  
	color: none;
	z-index: 999;
}
div#wrapper {
	width: 100%;
	height: auto;
	float: left;
}



/*----------header-----*/

header {
  width: 100%;
  height: auto;
  background: white;
  border-bottom: 1px solid pink;
  color: black;
  position: fixed !important;  
   position: absolute;  
  float: left;
  z-index: 998;
}

div.header{
	width: 100%;
	height: auto;
	float: left;
	background: none;
	}
	
div.header p{
	width: 100%;
	text-align: left;
}

	
.logo {
	width: 20%;
	height: auto;
	background: none;
	display: block;
	margin: 0 auto;
}


	
	
.pr-image {
	width: 100%;
}



/*		sp-menu.css		-------------------= */


ul#menu {
	width: 100%;
	height: auto;
	float: left;
	list-style-type : none;
	background: rgb(255,255,255,0.6);
	position : absolute;
	left : 0px;
	top : 0px;
	z-index : 990;
	justify-content: center;
	display: table-cell;
	padding-top: 10px;
}

ul#menu p{
	width: 100%;
	height: auto;
	display:block;
	margin: 0 auto;
	background: none;
	line-height: 2em;
	margin-top: 10px;
	clear: both;
}



ul#menu li {
	width: 40%;
	height: auto;
	text-align : left;
	background: none;
	margin: 10px auto;
	float: left;
}

span.menu-text {
	width: auto;
	height: auto;
	background: none;
	padding-top: 15px;
	font-size: 14pt;
	text-align: left;
	vertical-align: middle;
}
.icon-menu{
	width: 10%;
	height: auto;
	float: left;
	margin-left: 5%;
	background: none;
}

	
ul#menu li a {
	width: 100%;
	color: black;
	text-decoration : none;
	display : block;
}

ul#menu li a:hover {
	background : #a9a9a9;
	opacity : 0.7;
}



/*  決定キー */


div.lead {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 150px;
}



p#lead {
	width: 50%;
	height: auto;
	margin: 10px auto;
	display: block;
	text-align: center;
	line-height: 3em;
	background: orange;
	color: white;
	-wekbkit-border-radius: 8px;/*chrome,safari */
	-moz-border-radius: 8px;    /*Firefox */
	border-radius: 8px;        /*css3*/
}


p#lead a{
	width: 100%;
	height: auto;
	display: block;
	color:white;
}


/*footer*/

/*		========= フッター固定	=======*/

div#footerArea {  
    position: fixed !important;  
    position: absolute;  
    bottom: 0;  
	text-align: center;
    left: 0;  
    width: 100%;  
    height: auto;  
    background: white;  
	border-top: 1px solid black;
    color: #fff;  
	padding: 5px 0px;
	z-index: 999;
	margin-top: 50px;
}  

div#footerArea ul{
	width: 100%;
	height: auto;
	float: left;
	padding: 1px;
	border-sizing: border-box;
	display: flex;
	justify-content: center;
}
div#footerArea ul li{
	width: 30%;
	height: auto;
	background: none;
	list-style-type: none;
	float: left;
	text-align: center;
}


div#footerArea ul li a{
	width: 100%;
	height: auto;
	float: left;
	display: block;
	color: silver;
	font-size: 8pt;
}
.footer-icon {
	width: 35%;
	height: auto;
	display: block;
	margin: 0px auto;
}
	
	
/*-- 調整完了 --*/
}


/*520px     google*/
@media (min-width: 381px) and (max-width : 520px) {

#sp-icon {
width: 100%;
color: none;
background: none;
z-index: 999;
display: table-cell;
}


.sp-open {
	width: 100%;
	background: red;
	vertical-align: middle;
    position: fixed !important;  
    position: absolute;  
	color: none;
	z-index: 999;
}
div#wrapper {
	width: 100%;
	height: auto;
	float: left;
}



/*----------header-----*/

header {
  width: 100%;
  height: auto;
  background: white;
  color: black;
  border-bottom: 1px solid green;
  position: fixed !important;  
   position: absolute;  
   padding: 3px 0px;
  float: left;
  z-index: 998;
}

div.header{
	width: 100%;
	height: auto;
	float: left;
	background: none;
	}
	
div.header p{
	width: 100%;
	text-align: left;
}

	
.logo {
	width: 30%;
	height: auto;
	background: none;
	display: block;
	margin: 0 auto;
}


	
	
.pr-image {
	width: 100%;
}



/*		sp-menu.css		-------------------= */


ul#menu {
	width: 100%;
	height: auto;
	float: left;
	list-style-type : none;
	background: rgb(255,255,255,0.6);
	position : absolute;
	left : 0px;
	top : 0px;
	z-index : 990;
	justify-content: center;
	display: table-cell;
	padding-top: 10px;
}

ul#menu p{
	width: 100%;
	height: auto;
	display:block;
	margin: 0 auto;
	background: none;
	line-height: 2em;
	margin-top: 10px;
	clear: both;
}



ul#menu li {
	width: 40%;
	height: auto;
	text-align : left;
	background: none;
	margin: 10px auto;
	float: left;
}

span.menu-text {
	width: auto;
	height: auto;
	background: none;
	padding-top: 15px;
	font-size: 14pt;
	text-align: left;
	vertical-align: middle;
}
.icon-menu{
	width: 10%;
	height: auto;
	float: left;
	margin-left: 5%;
	background: none;
}

	
ul#menu li a {
	width: 100%;
	color: black;
	text-decoration : none;
	display : block;
}

ul#menu li a:hover {
	background : #a9a9a9;
	opacity : 0.7;
}



/*  決定キー */


div.lead {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 150px;
}



p#lead {
	width: 50%;
	height: auto;
	margin: 10px auto;
	display: block;
	text-align: center;
	line-height: 3em;
	background: orange;
	color: white;
	-wekbkit-border-radius: 8px;/*chrome,safari */
	-moz-border-radius: 8px;    /*Firefox */
	border-radius: 8px;        /*css3*/
}


p#lead a{
	width: 100%;
	height: auto;
	display: block;
	color:white;
}


/*footer*/

footer{
	width: 100%;
	height: auto;
}

/*		========= フッター固定	=======*/

div#footerArea {  
    position: fixed !important;  
    position: absolute;  
    bottom: 0;  
	text-align: center;
    left: 0;  
    width: 100%;  
    height: auto;  
    background: white;  
	border-top: 1px solid blue;
    color: #fff;  
	padding: 5px 0px;
	z-index: 999;
	margin-top: 100px;
}  

div#footerArea ul{
	width: 100%;
	height: auto;
	float: left;
	padding: 1px;
	border-sizing: border-box;
	display: flex;
	justify-content: center;
}
div#footerArea ul li{
	width: 30%;
	height: auto;
	background: none;
	list-style-type: none;
	float: left;
	text-align: center;
}


div#footerArea ul li a{
	width: 100%;
	height: auto;
	float: left;
	display: block;
	color: silver;
	font-size: 8pt;
}
.footer-icon {
	width: 40%;
	height: auto;
	display: block;
	margin: 0px auto;
}
	
} /*-- 調整完了 --*/


/*380px*/
@media (min-width: 351px) and (max-width : 380px) {
	
#sp-icon {
width: 100%;
color: none;
background: none;
z-index: 999;
display: table-cell;
}


.sp-open {
	width: 100%;
	background: none;
	vertical-align: middle;
    position: fixed !important;  
    position: absolute;  
	color: none;
	z-index: 999;
}
/*----------header-----*/

header {
  width: 100%;
  height: auto;
  background: white;
  color: black;
  z-index: 998;
  float: left;
  padding: 10px 0px;
  border-bottom: 1px solid black;
    position: fixed !important;  
    position: absolute;  
}

div.header{
	width: 90%;
	height: auto;
	display: block;
	margin: 0 auto;
	background: none;
	}
	
div.header p{
	width: 100%;
	text-align: left;
}


	
.logo {
	width: 30%;
	height: auto;
	background: none;
	display: block;
	margin: 0 auto;
	
}


div#wrapper {
	width: 100%;
	height: auto;
	float: left;
	background: none;
}


/*		sp-menu.css		-------------------= */


ul#menu {
	width: 50%;
	height: auto;
	float: left;
	list-style-type : none;
	background: rgb(255,255,255,0.6);
	position : absolute;
	left : 0px;
	top : 0px;
	z-index : 999;
	display : table-cell;
}

ul#menu li {
	width: 100%;
	height: auto;
	text-align : left;
	background: whitesmoke;
	display:flex;
	justify-content: center;
}

span.menu-text {
	width: 70%;
	height: auto;
	background: none;
	padding-top: 15px;
	float: right;
	text-align: left;
	vertical-align: middle;
}
.icon-menu{
	width: 10%;
	height: auto;
	float: left;
	margin-left: 5%;
	background: none;
}

	
ul#menu li a {
	width: 100%;
	color: black;
	text-decoration : none;
	display : block;
}

ul#menu li a:hover {
	background : #a9a9a9;
	opacity : 0.7;
}


				/*				========- delivery-content (perfomance & delivery & online )*/
				
div.delivery-content {
width: 100%;
height: auto;
float: left;
}

div.delivery-content div{
width: 50%;
height: auto;
border-top: 1px solid whitesmoke;
padding: 10px 0px;
float: left;
}


div.delivery-content ul{
width: 90%;
height: auto;
display: block;
margin: 0 auto;
}

div.delivery-content ul li{
	width: 90%;
	height: auto;
	margin: 10px auto;
	display: block;
	-wekbkit-border-radius: 8px;/*chrome,safari */
	-moz-border-radius: 8px;    /*Firefox */
	border-radius: 8px;        /*css3*/
	background: tan;
	text-align: center;
list-style-type: none;
}

div.delivery-content ul li a{
	display: block;
	width: 100%;
	height: auto;
	line-height: 3em;
	color: black;
}

/*  決定キー */


div.lead {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 150px;
}



p#lead {
	width: 70%;
	height: auto;
	margin: 10px auto;
	display: block;
	text-align: center;
	line-height: 2.3em;
	background: orange;
	color: white;
	-wekbkit-border-radius: 8px;/*chrome,safari */
	-moz-border-radius: 8px;    /*Firefox */
	border-radius: 8px;        /*css3*/
}


p#lead a{
	width: 100%;
	height: auto;
	display: block;
	color:white;
}



/*		========= フッター固定	=======*/

div#footerArea {  
	width: 100%;
	height: auto;
    position: fixed !important;  
    position: absolute;  
    bottom: 0;  
	text-align: center;
    left: 0;  
    width: 100%;  
    height: auto;  
	z-index: 999;
    background: white;
	border-top: 1px solid red;  
    color: #fff;  
	padding: 5px 0px;
	margin-top: 500px;
}  

div#footerArea ul{
	width: 100%;
	height: auto;
	float: left;
	padding: 5px;
	list-style-type: none;
	border-sizing: border-box;
	display: flex;
	justify-content: center;
}
div#footerArea ul li{
	width: 30%;
	height: auto;
	background: none;
	float: left;
	margin: 0px 1px;
	border-box: sizing;
	text-align: center;
	padding-top: -3px;
}


div#footerArea ul li a{
	width: 100%;
	height: auto;
	float: left;
	font-size: 8pt;
	display: block;
	color: silver;
	
}

.footer-icon {
	width: 40%;
	height: auto;
	display: block;
	margin: 0px auto;
}
	
}




/*350px*/
@media(min-width: 321px) and (max-width :350px) {
	
div#wrapper {
	width: 100%;
	height: auto;
	float: left;
	background: white;
	padding-top: 50px;
}





#sp-icon {
width: 100%;
color: none;
background: none;
z-index: 999;
display: table-cell;
}


.sp-open {
	width: 100%;
	background: none;
	vertical-align: middle;
    position: fixed !important;  
    position: absolute;  
	color: none;
	z-index: 999;
}
/*----------header-----*/

header {
	
  width: 100%;
  height: auto;
  background: black;
  color: white;
  position: fixed !important;  
  position: absolute;  
  top: 0;  
  float: left;
  box-sizing: border-box;
  padding: 10px 0px;
  border-bottom: 1px solid white;
  z-index: 998;
}

div.header{
	width: 90%;
	height: auto;
	display: block;
	margin: 0 auto;
	padding:  0px;
	}
	
div.header p{
	width: 100%;
	text-align: left;
}


	
.shop-image{
	width: 20%;
	height: auto;
	display: inline;
	}
		
	
.logo {
	width: 10%;
	height: auto;
	background: none;
	float: left;
}

	
.pr-image {
	width: 100%;
}


div#tab-box {
	width: 100%;
	background: rgba(0,0,0,7);
	float: left;
	padding: 10px 0px;	
	border-bottom: 5px solid white;
}


/*		sp-menu.css		-------------------= */
ul#menu {
	width: 100%;
	height: auto;
	float: left;
	list-style-type : none;
	background: rgb(255,255,255,0.6);
	position : absolute;
	left : 0px;
	top : 0px;
	z-index : 999;
	display : none;
}

ul#menu p{
	color: black;
}



ul#menu li {
	width: 100%;
	height: auto;
	text-align : left;
	background: none;
	margin: 5px auto;
	line-height: 2em;
	display:flex;
	justify-content: center;
}


span.menu-title-text {
	font-size: 100%;
	color: red;
	font-weight: bold;
	margin-left: 5px;
}


span.menu-text {
	width: 85%;
	height: auto;
	background: none;
	padding-top: 8px;
	margin-left: 3%;
	float: right;
	text-align: left;
	vertical-align: middle;
}
.icon-menu{
	width: 10%;
	height: auto;
	float: left;
	margin-left: 2%;
	background: none;
}

	
ul#menu li a {
	width: 100%;
	color: black;
	text-decoration : none;
	display : block;
}

ul#menu li a:hover {
	background : #a9a9a9;
	opacity : 0.7;
}


				/*				========- delivery-content (perfomance & delivery & online )*/
				
div.delivery-content {
width: 100%;
height: auto;
float: left;
}

div.delivery-content div{
width: 50%;
height: auto;
border-top: 1px solid whitesmoke;
padding: 10px 0px;
float: left;
}


div.delivery-content ul{
width: 90%;
height: auto;
display: block;
margin: 0 auto;
}

div.delivery-content ul li{
	width: 90%;
	height: auto;
	margin: 10px auto;
	display: block;
	-wekbkit-border-radius: 8px;/*chrome,safari */
	-moz-border-radius: 8px;    /*Firefox */
	border-radius: 8px;        /*css3*/
	background: tan;
	text-align: center;
list-style-type: none;
}

div.delivery-content ul li a{
	display: block;
	width: 100%;
	height: auto;
	line-height: 3em;
	color: black;
}


/*  決定キー */

div.lead {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 30px;
}

p#lead {
	width: 70%;
	height: auto;
	margin: 70px auto;
	display: block;
	text-align: center;
	font-size: 1.3rem;
	line-height: 2em;
	background: orange;
	color: white;
	-wekbkit-border-radius: 8px;/*chrome,safari */
	-moz-border-radius: 8px;    /*Firefox */
	border-radius: 8px;        /*css3*/
}


p#lead a{
	width: 100%;
	height: auto;
	display: block;
	color:white;
}



/*footer*/
footer {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 50px;
}

/*		========= フッター固定	=======*/

div#footerArea {  
    position: fixed !important;  
    position: absolute;  
    bottom: 0;  
	text-align: center;
    left: 0;  
	border-top: 1px solid white;
    width: 100%;  
    height: auto;
	margin-top: 30px;  
    background: black;  
    color: silver;  
	font-weight: bold;
	padding: 2px 0px;
	z-index: 999;
}  

div#footerArea ul{
	width: 100%;
	height: auto;
	float: left;
	padding: 1px;
	border-sizing: border-box;
	display: flex;
	justify-content: center;
}
div#footerArea ul li{
	width: 30%;
	height: auto;
	background: none;
	float: left;
	text-align: center;
	margin: 0 1px;
	font-size: 6pt;
	border-sizing: border-box;
	list-style-type: none;
	
}

div#footerArea ul li a{
	width: 100%;
	height: auto;
	float: left;
	display: block;
	color: silver;
	
}

.footer-icon {
	width: 30%;
	height: auto;
	display: block;
	margin: 0px auto;
}	

}




/*320px*/
@media screen and (max-width : 320px) {
	
div#wrapper {
	width: 100%;
	height: auto;
	float: left;
	background: none;
	padding-top: 50px;
}



	/*	共通　サイズ */
div.wrapper {
	width: 100%;
	height: auto;
	float: left;
	background: none;
}


#sp-icon {
width: 100%;
color: none;
background: none;
z-index: 999;
display: table-cell;
}


.sp-open {
	width: 100%;
	background: none;
	vertical-align: middle;
    position: fixed !important;  
    position: absolute;  
	color: none;
	z-index: 999;
}
/*----------header-----*/

header {
	
  width: 100%;
  height: auto;
  background: black;
  color: white;
  position: fixed !important;  
  position: absolute;  
  top: 0;  
  float: left;
  box-sizing: border-box;
  padding: 5px 0px;
  border-bottom: 1px solid white;
  z-index: 998;
}

div.header{
	width: 90%;
	height: auto;
	display: block;
	margin: 0 auto;
	padding:  0px;
	}
	
div.header p{
	width: 100%;
	text-align: left;
}


	
.shop-image{
	width: 20%;
	height: auto;
	display: inline;
	}
		
	
.logo {
	width: 10%;
	height: auto;
	background: none;
	float: left;
	
}


p#pan {
	width: 100%;
	height: auto;
	background: none;
	}
	
	
	
.pr-image {
	width: 100%;
}




/*		sp-menu.css		-------------------= */


ul#menu {
	width: 100%;
	height: auto;
	float: left;
	list-style-type : none;
	background: rgb(255,255,255,0.6);
	position : absolute;
	left : 0px;
	top : 0px;
	z-index : 999;
	display : none;
}

ul#menu p{
	color: black;
}



ul#menu li {
	width: 100%;
	height: auto;
	text-align : left;
	background: none;
	margin: 5px auto;
	line-height: 2em;
	display:flex;
	justify-content: center;
}


span.menu-title-text {
	font-size: 100%;
	color: red;
	font-weight: bold;
	margin-left: 5px;
}


span.menu-text {
	width: 85%;
	height: auto;
	background: none;
	padding-top: 8px;
	margin-left: 3%;
	float: right;
	text-align: left;
	vertical-align: middle;
}
.icon-menu{
	width: 10%;
	height: auto;
	float: left;
	margin-left: 2%;
	background: none;
}

	
ul#menu li a {
	width: 100%;
	color: black;
	text-decoration : none;
	display : block;
}

ul#menu li a:hover {
	background : #a9a9a9;
	opacity : 0.7;
}


				/*				========- delivery-content (perfomance & delivery & online )*/
				
div.delivery-content {
width: 100%;
height: auto;
float: left;
}

div.delivery-content div{
width: 50%;
height: auto;
border-top: 1px solid whitesmoke;
padding: 10px 0px;
float: left;
}


div.delivery-content ul{
width: 90%;
height: auto;
display: block;
margin: 0 auto;
}

div.delivery-content ul li{
	width: 90%;
	height: auto;
	margin: 10px auto;
	display: block;
	-wekbkit-border-radius: 8px;/*chrome,safari */
	-moz-border-radius: 8px;    /*Firefox */
	border-radius: 8px;        /*css3*/
	background: tan;
	text-align: center;
list-style-type: none;
}

div.delivery-content ul li a{
	display: block;
	width: 100%;
	height: auto;
	line-height: 3em;
	color: black;
}

/*  決定キー */
div.lead {
	width: 100%;
	height: auto;
	float: left;
	margin: 20px auto;
}


p#lead {
	width: 80%;
	height: auto;
	margin: 10px auto;
	display: block;
	text-align: center;
	line-height: 2em;
	background: orange;
	color: white;
	-wekbkit-border-radius: 8px;/*chrome,safari */
	-moz-border-radius: 8px;    /*Firefox */
	border-radius: 8px;        /*css3*/
}


p#lead a{
	width: 100%;
	height: auto;
	display: block;
	color:white;
}


	
/*footer*/

/*		========= フッター固定	=======*/

div#footerArea {  
    position: fixed !important;  
    position: absolute;  
    bottom: 0;  
	text-align: center;
    left: 0;  
	border-top: 1px solid white;
    width: 100%;  
    height: auto;
	margin-top: 200px;  
    background: black;  
    color: silver;  
	font-weight: bold;
	padding: 5px 0px;
	z-index: 999;
	margin-top: 10px;
}  

div#footerArea ul{
	width: 100%;
	height: auto;
	float: left;
	padding: 5px;
	border-sizing: border-box;
	display: flex;
	justify-content: center;
}
div#footerArea ul li{
	width: 30%;
	height: auto;
	background: none;
	list-style-type: none;
	float: left;
	text-align: center;
	padding-top: -3px;
	margin: 0 px 1px;
	border-sizing: border-box;
}

div#footerArea ul li a{
	width: 100%;
	height: auto;
	float: left;
	display: block;
	color: white;
	font-weight: bold;
}

.footer-icon {
	width: 25%;
	height: auto;
	display: block;
	margin: 0px auto;
}

}