.pcOnly{display:block !important;}
.spOnly{display:none !important;}

html,body {

	width: 100%;

	min-width:1024px;

	margin:0;
	overflow-wrap: break-word;
	padding:0;

	background:#f23302 url(../../image/common/common_kasou_bg.gif) top repeat-x;

    color: #555555;

    font-family:'メイリオ', 'Meiryo', sans-serif;

}

a:link {

    color: #FF6600;

    text-decoration: none;

}

a:visited {

    color: #FF6600;

    text-decoration: none;

}

a:hover {

    color: #FF6600;

    text-decoration: underline;

}

a:active {

    color: #FF6600;

    text-decoration: underline;

}

img {

    border: 0 none;

}

h1, h2, h3, h4, h5, h6, p, span, ul, ol, li, dl, dt, dd, table, th, td, input, legend, div {

    margin: 0;

    padding: 0;

	

}





.clearfix:after {  

  content: ".";   

  display: block;   

  height: 0;   

  clear: both;   

  visibility: hidden;  

}  

  

.clearfix { display: inline-table; }  

  

/* Hides from IE-mac \*/  

* html .clearfix { height: 1%; }  

.clearfix { display: block; }  

/* End hide from IE-mac */  



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

header{

 background: url(../../image/common/common_head_bg.png) repeat-x; width: 100%; height:99px; margin:0px; margin-top: -2px; padding:0px; font-size:0px;}

#shohiniamge li img{height: auto!important;}

#headerwrap{width:950px;margin:0px auto;}

.sns{float: right;margin-top: 7px; margin-left: 5px;}
.sns li{display: inline-block; width: 42px;margin: 0 3px;}
.sns li img{width: 100%; height: auto;}
.snsTxt{color: #6c6c6c;
    font-size: 11px;
    font-weight: bold;
    width: 52px!important;
    vertical-align: top;
    margin-top: 8%!important;
    margin-right: 1px!important;}

#headerwrap #top {height:56px;position: relative;}

#headerwrap #top #logo{padding:7px 0 0 0; width:310px; float:left;}

#headerwrap #top #logo img{margin-left:5px;}



#headerwrap #top #headmenu{

width:420px; height:50px; float:right;

}



#headerwrap #top #headmenu #link{margin:8px 0 3px 0; float:right;}

#headerwrap #top #headmenu #link .company{float:left; list-style:none; margin:0 5px 0 10px;}

#headerwrap #top #headmenu #link .safe{list-style:url(../../image/common/common_head_menu_bar.gif); float:left;margin:0 5px 0 10px;}

#headerwrap #top #headmenu #link .recruit{list-style:url(../../image/common/common_head_menu_bar.gif); float:left;margin:0 5px 0 10px;}

#headerwrap #top #headmenu #link .sitemap{list-style:url(../../image/common/common_head_menu_bar.gif); float:left;margin:0 5px 0 10px;}



#headerwrap #top #headmenu #fontlist{clear:both; margin:0px 10px 0px 0px; padding:0px;}

#headerwrap #top #headmenu #fontlist .large{float:left; margin:0px; list-style:none;}

#headerwrap #top #headmenu #fontlist .middle{float:left; margin:0px;  list-style:none;}

#headerwrap #top #headmenu #fontlist .small{float:left; margin-right:3px; list-style:none;}

.fontmenu{float:left; margin:5px 0 0 0; list-style:none;}



/*----menu----------------------------------*/

div#menu{height:39px;}

	

nav{

	margin:4px 0 0 0px; padding:0px;

	display:block;

}



#menu a,#menu p{display: inline-block;

		width: 219px;

		height: 84px;

		float:left;

		border:0px;

		}

#menu a img{border:0px; }

		

#menu a.new{list-style:none; float:left; background:url(../../image/common/common_gnavi_new_on.gif) no-repeat; width:158px; height:39px;}

#menu a.pro{list-style:none; float:left; background:url(../../image/common/common_gnavi_pro_on.gif) no-repeat; width:158px; height:39px;}

#menu a.poke{list-style:none; float:left; background:url(../../image/common/common_gnavi_poke_on.gif) no-repeat; width:158px; height:39px;}

#menu a.cam{list-style:none; float:left; background:url(../../image/common/common_gnavi_cam_on.gif) no-repeat; width:158px; height:39px;}

#menu a.com{list-style:none; float:left; background:url(../../image/common/common_gnavi_com_on.gif) no-repeat; width:158px; height:39px;}

#menu a.rec{list-style:none; float:left; background:url(../../image/common/common_gnavi_rec_on.gif) no-repeat; width:160px; height:39px;}







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



#pankuzu{width:953px;margin:0px auto;}

#pankuzu p{

    font-size:12px;

    line-height: 1;

    padding: 5px 0 0;

	color:#FFF;

}

#pankuzu p a{color:#FFF;}

#pankuzu p a:visited{color:#FFF;}



#mainwrap{width:956px;margin:10px auto; padding:0px;}

#mainwrap #main-top{background:url(../../image/common/common_kasou_bg_top.png) no-repeat; width:956px; height:8px; margin:0px;padding:0px;}

#mainwrap #main-mid{background:url(../../image/common/common_kasou_bg_mid.png) repeat-y; width:956px;margin:0px; padding:0px; clear:both;min-height:800px;}

#mainwrap #main-btm{background:url(../../image/common/common_kasou_bg_btm.png) no-repeat; width:956px; height:8px; margin:0px; padding:0px;}



#mainwrap #main-mid #leftarea{

	width:230px;

	padding:15px 0 0 28px;		

	}





/*----商品紹介左メニュー----------------------------------*/	

#mainwrap #main-mid #leftarea #syohinmenu{

width:226px; background:url(../../image/products/common/pro_menu_bg_mid.gif) repeat-y;

margin:0px 0 15px 0; padding:0px;

height:334px;

	}

#mainwrap #main-mid #leftarea ul .tit{

	margin:0px 0 15px 0px; padding:0px; list-style:none; line-height:0px; font-size:0px;

}

#mainwrap #main-mid #leftarea ul .menu{

margin:3px 0 0 8px; list-style:none; background:url(../../image/products/common/pro_menu_line.gif) bottom no-repeat; width:211px; height:38px;}

#mainwrap #main-mid #leftarea ul .menu2{

margin:3px 0 0 8px; list-style:none;  width:211px; height:40px;}



/*----商品紹介左メニュー----------------------------------*/



/*----新商品左メニュー----------------------------------*/	

#mainwrap #main-mid #leftarea #newpromenu{

width:226px; background:url(../../image/newproducts/newpro_menu_bg_mid.gif) repeat-y;

margin:0px 0 15px 0; padding:0px;

height:133px;	

	}





#mainwrap #main-mid #leftarea ul .newpromenu{

margin:3px 0 0 8px; list-style:none; background:url(../../image/newproducts/newpro_menu_line.gif) bottom no-repeat; width:211px; height:38px;}







/*----商品紹介左メニュー----------------------------------*/



.allergie{border: 1px solid #CCCCCC; width:605px; margin-top:15px; display:block; padding:10px;}

.allergie span{ font-weight:bold;}



/*----ポケモンパン紹介左メニュー----------------------------------*/	

#mainwrap #main-mid #leftarea #pokemenu{

width:226px; background:url(../../image/pokemonpan/poke_menu_bg_mid.gif) repeat-y;

margin:0px 0 15px 0; padding:0px;

height:213px;/*175px;*/

	}



#mainwrap #main-mid #leftarea ul .pokepromenu{

margin:3px 0 0 8px; list-style:none; background:url(../../image/pokemonpan/poke_menu_line.gif) bottom no-repeat; width:211px; height:38px;}









/*----ポケモンパン紹介左メニュー----------------------------------*/









#mainwrap #main-mid #rightarea{

	width:658px;

	padding:15px 0 0 30px;

	margin-bottom:35px;			

	}

#mainwrap #main-mid #rightarea h2{ margin:0px; padding:0px;}



#mainwrap #main-mid #rightarea h3{ margin:15px 0px 0px 0px; padding:0px;}



/*---#mainwrap #main-mid #rightarea h4{ background:url(../../image/common/common_midashi_bg.gif); width:610px; height:35px;margin:15px 0px 0px 0px; color:#fff; font-size:20px; line-height:160%; padding-left:15px;}

---*/



/*-- #mainwrap #main-mid #rightarea h4{ background:#e60012; width:585px;margin:15px 0px 0px 0px; min-height:20px; font-size:20px; line-height:120%; padding:10px 20px;color:#fff;

    border-radius: 5px;        /* CSS3草案 */  

/*--    -webkit-border-radius:5px;    /* Safari,Google Chrome用 */  

    /*---moz-border-radius: 5px;  



--*//* Firefox用 */





#mainwrap #main-mid #rightarea h4{ min-height:25px; background:url(../../image/common/common_h4_top.gif) top center no-repeat #e60012;

margin:15px 0px 0px 0px; font-size:180%; line-height:120%; padding:8px 20px 5px; width:585px; color:#FFF; position:relative;

	}

#mainwrap #main-mid #rightarea h4 span{ display:block; width:625px; position:absolute; left:0px; bottom:0px; height:5px; background:url(../../image/common/common_h4_btm.gif) no-repeat;

	}	

	 





/**

#mainwrap #main-mid #rightarea ul{
	margin:5px 0 0 0px;
	}
	
#mainwrap #main-mid #rightarea ul .procontents{
	background:url(../../image/products/common/pro_contents_bg.gif); 
	width:201px; height:215px; list-style:none; float:left; margin:10px 10px 0 0;

}

#mainwrap #main-mid #rightarea ul .name{
	background: url(../../image/common/red_arrow.png) no-repeat scroll 5px 5px transparent;
	color: #FF6600;
	display: block;
	font-size: 110%;
	font-weight: bold;
	line-height: 120%;
	padding: 0 2px 0 15px;
	width: 180px;

}


#mainwrap #main-mid #rightarea ul .price{
	color: #555555;
	display: block;
	font-size: 110%;
	font-weight: bold;
	line-height: 120%;
	padding: 0 2px 0 15px;
	width: 180px;
}

**/

#mainwrap #main-mid #rightarea ul .procontents img{ margin:6px 8px 6px 8px;}





/*----商品紹介TOP----------------------------------*/



#mainwrap #main-mid #rightarea ul .proindex{

	width:304px;

	height:311px;

	background:url(../../image/products/index/pro_index_bg_hitokuchi.jpg);

	list-style:none;

	margin:0px 15px 15px 0px;

	float:left;



}
/**


#mainwrap #main-mid #rightarea ul .hitokuchi{

	width:304px;

	height:311px;

	background:url(../../image/products/index/pro_index_bg_hitokuchi.jpg);

	list-style:none;

	margin:15px 15px 15px 0px;

	float:left;



}

#mainwrap #main-mid #rightarea ul .minicro{

	width:304px;

	height:311px;

	background:url(../../image/products/index/pro_index_bg_minicro.jpg);

	list-style:none;

	margin:15px 15px 15px 0px;

	float:left;



}

#mainwrap #main-mid #rightarea ul .applering{

	width:304px;

	height:311px;

	background:url(../../image/products/index/pro_index_bg_applering.jpg);

	list-style:none;

	margin:0px 15px 15px 0px;

	float:left;



}

#mainwrap #main-mid #rightarea ul .ookinadanish{

	width:304px;

	height:311px;

	background:url(../../image/products/index/pro_index_bg_ookinadanish.jpg);

	list-style:none;

	margin:0px 15px 15px 0px;

	float:left;



}
#mainwrap #main-mid #rightarea ul .indexname{color:#F60; font-weight:bold; font-size:120%; background:url(../../image/common/red_arrow.png) no-repeat 9px 213px; padding:210px 2px 0px 25px;

line-height:120%; display:block; width:270px; 

}

#mainwrap #main-mid #rightarea ul .indexprice{color:#555555; font-weight:bold; font-size:13px; padding:0px 2px 0px 10px;

line-height:120%; display:block; width:290px;

}



#mainwrap #main-mid #rightarea ul .indextext{

	font-size:120%;	padding:5px 2px 0px 10px; width:290px; line-height:120%;

	}
**/





#mainwrap #main-mid #rightarea ul .indexkuwashiku{


	margin:5px 0 0 220px;}

	

	

#rightarea #shohiniamge{list-style:none; width:275px;	}



#rightarea #shohiniamge li img{border:#ccc solid 1px;}



#rightarea #shohiniamge .leftimage{margin:7px 7px 0 0;}

#rightarea #shohiniamge .rightimage{margin:7px 0px 0 0;}



#rightarea #shohintext{ width:330px; margin:20px 25px 0 0px;}



#rightarea #shohintext p{ line-height:150%; margin:0px;}

#rightarea #shohintext .kakaku{ font-weight:bold; font-size:15px; margin-top:10px;}



#rightarea #btnarea{ list-style:none; width:330px; margin:0px; padding:0px;}



#rightarea #tablearea{ width:625px; text-align:center; margin-top:20px;}



.tableset{ background:#FFFFCC; text-align:center; color:#6a3906;border:#ccc 1px solid; vertical-align: middle;}

.tablequantity{ text-align:center; color:#6a3906;border:#ccc 1px solid; vertical-align: middle;}



/*----新商品情報----------------------------------*/



.newprotext{width:630px; display:inline-block; margin:15px 0 0 0;}









/*----ポケモンパン情報---------------------------------*/

#pokemonmain{

	width:225px; height:347px; margin:15px 0 0 0; 

	background:url(../../image/pokemonpan/poke_main_bg.jpg) no-repeat;

	padding:10px 0 0 400px;

}


#pokemonmain a {
    display: block;
    text-align: right;
    margin-right: 17px;
}

#pokemonmain a img{border: 1px solid #D40003;}


#rightarea #pokemonbtn{ list-style:none;}



#rightarea #pokemonbtn li{ float:left; margin:10px 12px 0 0; width:307px;}

#rightarea #pokemonbtn li p{

	text-align:right;}





#pokemonnews{

	list-style:none;

	

	}

#pokemonnews li{ width:625px; margin:10px 0 10px 0;background:url(../../image/pokemonpan/poke_news_line.gif) no-repeat bottom; padding-bottom:10px;}	



#pokemonnews li p {

    line-height: 120%;

    width: 515px;

}

#pokemonnews li p a{ text-decoration:none; color:#555;}

#pokemonnews li p span{ color:#FF6600; font-weight:bold; font-size:110%;}



#pokemonfaq{ width:600px;  line-height:150%; list-style:none; margin-top:20px!important;

	}

#pokemonfaq .frequently{ background:url(../../image/pokemonpan/faq_q.gif) no-repeat; background-position: 0  3px;padding-left:25px;}	



#pokemonfaq .ask{background:url(../../image/pokemonpan/faq_a.gif) no-repeat; background-position:  0  3px;padding-left:25px; margin-bottom:15px;}	





#inq{ width:605px; border:1px #CCCCCC solid; padding:10px; }

#inq span{ font-weight:bold; color:#ff6600;}

/*----最新情報---------------------------------*/



#rightarea .newsrelease{

	background:url(../../image/common/common_line.gif) no-repeat bottom; width:625px; padding-bottom:10px;}

#rightarea .newsrelease .date{

 color:#F60;

font-weight:bold;

}

#rightarea .newsrelease a{ color:#555555;

	

	}

	

#rightarea .newsreleasedate{

	background:url(../../image/common/common_line.gif) no-repeat bottom; width:625px; padding:10px 0 5px 0; text-align:right;}	

	

#rightarea .newsreleasesyosai{ width:625px; line-height:180%; text-align:justify;

margin-top:10px;

	

	}

.newsbtn{ text-align:right; margin:30px 35px 0 0;}		

.paging{

	text-align:center;

	width:625px;

	font-size:120%;

}

.paging a { text-decoration:underline; color:#555555;}	

.paging img{

	 vertical-align:-2px; margin:0 10px;}

	 

/*----プライバシー---------------------------------*/	 

ul.privacytext {

    line-height:150%;

    list-style: none outside none;

    margin: 15px 0 20px;

    padding-left: 2em;

	width:600px;

}



ul.privacytext li{	 

    padding-bottom: 10px;

    text-indent: -2em;

	text-align:justify;

	margin-top:15px; 

}

/*----リンク集---------------------------------*/	

.link{

background:url(../../image/common/red_arrow.png) center left no-repeat; padding-left:15px;}



/*----sitemap---------------------------------*/	



.sitemap{ list-style:none;

line-height:200%;

	}

.sitemaparrow{

background:url(../../image/common/red_arrow.png) center left no-repeat; padding-left:15px; margin-top:5px;}



.sitemapchild{

list-style:none;

	padding-left:15px;

	}

.sitemapchild li{

	float:left;

	margin-right:15px;

	}	



.sitemap li a{ text-decoration:underline; color:#555;}



/*----footer----------------------------------*/

footer{background-image: linear-gradient(0deg, rgba(249, 249, 249, 1), rgba(255, 255, 255, 1));margin-top: 60px;}

footer #footerconteiner{width:956px; margin:0px auto; text-align:center;position: relative;}

#footer_container p.top_bottom{text-align:right;margin-right:90px;}

footer #footerconteiner #topbtn{width:111px;position: absolute;top: -23px; right: 0;border-radius: 5px 5px 0px 0px;overflow: hidden;}
#topbtn a{display: block;}

footer #footerconteiner p{text-align: center; margin-top:37px;color: #656565;font-size: 10px; padding-bottom: 18px;}

.footer-contents-midlle{padding-top: 30px;}
.footer-contents-midlle-nav{max-width: 1200px;display: flex; flex-wrap: wrap; justify-content: center;margin: 0 auto 0 auto; padding-top: 0;}
.footer-contents-midlle-nav-link {position: relative;color: #555!important;font-size: 13px; font-weight: 600; margin-left: 8px; line-height: 1.9;}
.footer-contents-midlle-nav-link:hover{opacity: 0.6; transition:0.4s;}
.footer-contents-midlle-nav-link:after {display: inline-block;content: ""; position: relative;top: 1px; height: 10px; width: 1px;background-color: #555;margin-left: 10px;}
.footer-contents-midlle-nav-link:nth-child(4):after{top: 0; height: 0px; width: 0;margin-left: 0;}



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

.clear{ clear:both;}

.floatR{ float:right;margin-top: 5px;}

.floatL{ float:left;}



.mt5{ margin-top:5px;}

.mt10{ margin-top:10px;}

.mt15{ margin-top:15px;}

.mt30{ margin-top:30px;}

.mb15{ margin-bottom:15px;}

.mr35{ margin-right:35px;}

.pl15{padding-left:15px;}



.pl15{padding-left:15px;}



.textlink{ text-align:right; margin: 15px 30px 0 0;}



.textwideth{width:625px;text-align:justify;}





.text110{ font-size:110%;}

.text120{ font-size:120%;}	



.lineh180{ line-height:180%;}



.bold{font-weight:bold;}

.ta-justify{ text-align:justify;}

.ta-center{ text-align:center;}

.ta-left{ text-align:left;}

.ta-right{ text-align:right;}
.p_campaignImg{margin-top: 20px; font-size: 18px;}


.producth2Title{
	margin: 0px 0px 15px 0px!important;
    font-size: 2.3rem;
    line-height: 120%;
    padding: 5px 20px 0px!important;
    border-radius: 8px;
    color: #E60012;
    position: relative;
	}

.producth2Title:before {
    line-height: 1;
    content: "";
    width: 6px;
    display: block;
    background-color: #e60012;
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 0;
}


@media screen and (max-width: 1024px){
	
html,body {width: 100%;min-width:auto;}
body{ margin-top: 70px;}
.pcOnly{display:none !important;}
.spOnly{display:block !important;}
	
.global-nav {
  position: fixed;
  right: -320px; /* これで隠れる */
  top: 0;
  width: 300px; /* スマホに収まるくらい */
  height: 100vh;
  padding-top: 47px;
  background-color: #fff;
  transition: all .6s;
  z-index: 200;
  overflow-y: auto; /* メニューが多くなったらスクロールできるように */
margin: 0;
}
.hamburger {
  position: absolute;
    right: 6px;
    top: 13px;
  width: 60px; /* クリックしやすいようにちゃんと幅を指定する */
  height: 60px; /* クリックしやすいようにちゃんと高さを指定する */
  cursor: pointer;
  z-index: 300;
}
.global-nav__list {
  margin: 13px 0 0 0;
  padding: 0;
  list-style: none;
}

	
.global-nav__item01 {
  text-align: center;
  padding: 0;
background-color: #cfb035;
}
.global-nav__item01 a {
  display: block;
  padding: 15px 0;
  border-bottom: 1px solid #eee;
  text-decoration: none;
  color: #fff;
}
.global-nav__item01 a:hover {
  background-color: #8d7427;
}
.global-nav__item02 {
  padding: 0;
}
.global-nav__item02 a {
  display: block;
  padding: 10px 15px;
  border-bottom: 1px solid #555;
  text-decoration: none;
  color: #555;
  font-size: 16px;
}
.global-nav__item02 a:hover {
  background-color:#FFB5B6;
}
.global-nav__item03 {
  text-align: center;
  padding: 0;
	font-size:80%;
}
.global-nav__item03 a {
  display: block;
  padding: 8px 0;
  border-bottom: 1px solid #eee;
  text-decoration: none;
  color: #6b6b6b;
}
.global-nav__item03 a:hover {
  background-color: #eee;
}
.hamburger__line {
  position: absolute;
  left: 10px;
  width: 40px;
  height: 2px;
  background-color:#D40003;
  transition: all .6s;
}
.hamburger__line--1 {
  top: 10px;
}
.hamburger__line--2 {
  top: 18px;
}
.hamburger__line--3 {
  top: 26px;
}
.black-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: all .6s;
  cursor: pointer;
}
/* 表示された時用のCSS */
.nav-open .global-nav {
  right: 0;
}
.nav-open .black-bg {
  opacity: .8;
  visibility: visible;
}
.nav-open .hamburger__line--1 {
  transform: rotate(45deg);
  top: 25px;
left: 15px;
  background-color:#D40003;
}
.nav-open .hamburger__line--2 {
  width: 0;
  left: 50%;
}
.nav-open .hamburger__line--3 {
  transform: rotate(-45deg);
  top: 25px;
left: 15px;
  background-color: #D40003;
}
.nav-open .menu{ display: none; }
	
body {width: 100%; min-width: inherit;}
	
	header {
    background: #fff;
    width: 98%;
    height: 40px;
    padding: 1% 0% 1% 2%;
    position: fixed;
    z-index: 101;
    top: 0;
}
	#headerwrap_sp{width: 100%;}
	#headerwrap_sp h1{display: flex;width: 60%;}
	#headerwrap_sp h1 img{width: 100%; height: auto;}
	.sns {float: none;margin-top: 15px;text-align: center;}
	
footer #footerconteiner {width: 94%;padding: 0 3%;}
footer #footerconteiner #topbtn{width:111px;position: absolute;top: -23px; right: 10px;border-radius: 5px 5px 0px 0px;overflow: hidden;}
	
/*----商品紹介左メニュー----------------------------------*/	

.syohinmenu{width: 100%;}
	
#syohinmenu{
    background: none;
    margin: 0;
    padding: 0px;
    height: auto;
    display: flex;
    flex-wrap: wrap;
	padding: 1.5%;
    border: 3px solid #e60019;
	border-radius:0px 0px 10px 10px;}
	
	.syohinmenu h4 {
    width: 100%!important;
    background: #e60019!important;
    border-radius: 10px 10px 0px 0px!important;
    text-align: center;
    font-size: 1.5rem!important;
    font-weight: 600;
    padding: 2% 0 0% 0!important;
}

#syohinmenu .menu{margin: 0 1%;
    list-style: none;
    background: url(../../image/products/common/pro_menu_line.gif) bottom no-repeat;
    background-size: contain;
    width: 31%;
    flex-basis: 31%;
    height: auto;
	display: block;}

#syohinmenu .menu2{margin: 0 1%;
    list-style: none;
    width: 31%;
    flex-basis: 31%;
    height: auto;
	display: block;}
	
.pokemenu{width: 100%;}
	
#pokemenu{
    background: none;
    margin: 0;
    padding: 0px;
    height: auto;
    display: flex;
    flex-wrap: wrap;
	padding: 1.5%;
    border: 3px solid #f39800;
	border-radius:0px 0px 10px 10px;}
	
	.pokemenu h4 {
    width: 100%!important;
    background: #f39800!important;
    border-radius: 10px 10px 0px 0px!important;
    text-align: center;
    font-size: 1.5rem!important;
    font-weight: 600;
    padding: 2% 0 0% 0!important;
}

#pokemenu .pokepromenu{margin: 0 1%;
    list-style: none;
    background: url(../../image/pokemonpan/poke_menu_line.gif) bottom no-repeat;
    background-size: contain;
    width: 31%;
    flex-basis: 31%;
    height: auto;
	display: block;}

#pokemenu .menu2{margin: 0 1%;
    list-style: none;
    width: 31%;
    flex-basis: 31%;
    height: auto;
	display: block;}

	
.newpromenu{width: 100%;}
	
#newpromenu{
    background: none;
    margin: 0;
    padding: 0px;
    height: auto;
    display: flex;
    flex-wrap: wrap;
	padding: 1.5%;
    border: 3px solid #eb6100;
	border-radius:0px 0px 10px 10px;}
	
	.newpromenu h4 {
    width: 100%!important;
    background: #eb6100!important;
    border-radius: 10px 10px 0px 0px!important;
    text-align: center;
    font-size: 1.5rem!important;
    font-weight: 600;
    padding: 2% 0 0% 0!important;
}

#newpromenu .menu{margin: 0 1%;
    list-style: none;
    background:none!important;
    background-size: contain;
    width: 48%;
    flex-basis: 48%;
    height: auto;
	display: block;}


/*----商品紹介左メニュー----------------------------------*/
	
#mainwrap img{width: 100%; height: auto;}
	
#mainwrap #main-mid {
   background: none;
    background-size: contain;
    width: 100%;
    margin: 0px;
    padding: 0;
    clear: both;
    min-height: auto;
    display: flex;
    flex-wrap: wrap;
}
	
#mainwrap #main-mid #leftarea {
	order: 2;
    width: 100%;
    padding:0;
}
	
#mainwrap #main-mid #rightarea {
    order: 1;
    width: 90%;
    padding: 0;
    margin: 0 auto;
    padding: 4% 3%;
    margin-bottom: 35px;
    background: #fff;
	border-radius: 10px;
}
	
#mainwrap #main-top {
    background: none;
    width: 100%;
    height: 0;
    margin: 0px;
    padding: 0px;
    /* padding-top: 0.85%; */
}
#mainwrap #main-btm {
    background: none;
    width: 100%;
    height: 0;
    margin: 0px;
    padding: 0px;
}
	
#mainwrap #main-mid #rightarea h2 {
    width: auto!important;
    margin: 0px;
    padding: 0px;
}
	
#mainwrap {
    width: 100%;
    margin: 10px auto;
    padding: 0%;
}
	
#pankuzu {
    width: 95%;
    margin: 0px auto;
}
	
#mainwrap #main-mid #rightarea ul .hitokuchi {
    width: 100%!important;
    height: auto!important;
    background: url(../../image/products/index/pro_index_bg_hitokuchi.jpg)no-repeat!important;
    background-size: contain!important;
    list-style: none!important;
    margin: 15px 0 15px 0px!important;
    float: left;
	padding-top: 100%;
    padding-bottom: 30%;
	margin-bottom: -26%!important;
}
	
#mainwrap #main-mid #rightarea ul .minicro {
    width: 100%!important;
    height: auto!important;
    background: url(../../image/products/index/pro_index_bg_minicro.jpg)no-repeat!important;
    background-size: contain!important;
    list-style: none!important;
    margin: 15px 0 15px 0px!important;
    float: left;
	padding-top: 100%;
    padding-bottom: 30%;
	margin-bottom: -26%!important;
}
	
#mainwrap #main-mid #rightarea ul .applering {
    width: 100%!important;
    height: auto!important;
	background: url(../../image/products/index/pro_index_bg_applering.jpg)no-repeat!important;
    background-size: contain!important;
    list-style: none!important;
    margin: 15px 0 15px 0px!important;
    float: left;
	padding-top: 100%;
    padding-bottom: 30%;
	margin-bottom: -26%!important;
}
	
#mainwrap #main-mid #rightarea ul .ookinadanish {
    width: 100%!important;
    height: auto!important;
    background: url(../../image/products/index/pro_index_bg_ookinadanish.jpg)no-repeat!important;
    background-size: contain!important;
    list-style: none!important;
    margin: 15px 0 15px 0px!important;
    float: left;
	padding-top: 100%;
    padding-bottom: 30%;
	margin-bottom: -26%!important;
}
	
#mainwrap #main-mid #rightarea ul .indexname {
    color: #F60!important;
    font-weight: bold!important;
    font-size: 150%!important;
    background: url(../../image/common/red_arrow.png) no-repeat 9px 45%!important;
    padding: 0 2px 0px 25px!important;
    line-height: 120%!important;
    display: block;
    width: 90%!important;
	margin-top: -30%;
}
	
#mainwrap #main-mid #rightarea ul .indextext {
    font-size: 120%!important;
    padding: 5px 2px 0px 10px!important;
    width: 93%!important;
    line-height: 120%!important;
}
	
.hitokuchi a,.minicro a,.applering a,.ookinadanish a {width: 25%;max-width: 100px;display: block;float: right;margin-top: 5%;margin-right: 4%;}
	
#mainwrap #main-mid #rightarea ul .indexkuwashiku {
    margin: 0!important;
}
	
	
#mainwrap #main-mid #rightarea h4 span {
    display: block;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 5px;
    background: none!important;
}
	
#mainwrap #main-mid #rightarea h4 {
    min-height: 25px;
    background: #e60019;
    margin: 15px 0px 0px 0px;
    font-size: 155%;
    line-height: 120%;
    padding: 8px 3% 5px;
    width: 94%;
    color: #FFF;
    position: relative;
    border-radius: 7px;
}

.newprotext {
    width: 100%;
    display: inline-block;
    margin: 15px 0 0 0;
}
	
#mainwrap #main-mid #rightarea ul .procontents {
    background: rgb(2,0,36)!important;
background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(255,234,190,1) 0%, rgba(255,234,190,1) 0%, rgba(255,255,255,1) 41%)!important;
    width: 44%!important;
    height: auto!important;
    list-style: none;
    float: left;
    margin: 10px 2% 0 0!important;
    display: inline-block!important;
	border: 1px solid #e60012;
	border-radius: 10px;
    padding: 0% 2% 2% 2%;
}
	
#mainwrap #main-mid #rightarea ul .procontents:nth-child(2n+2){margin: 10px 0 0 0!important;}
	
	.procontents img{width: 96%!important;
    height: auto!important;
    margin: 2% 2% 0px 2%!important;}
	
#mainwrap #main-mid #rightarea ul .name {
    background: url(../../image/common/red_arrow.png) no-repeat scroll 2px 1px transparent!important;
    color: #FF6600;
    display: block;
    font-size: 110%;
    font-weight: bold;
    line-height: 120%;
    padding: 0 2px 0 15px;
    width: 85%!important;
	margin-top: 10px;
}
	
#mainwrap #main-mid #rightarea ul .price {
    color: #555555;
    display: block;
    font-size: 120%;
    font-weight: bold;
    line-height: 120%;
    padding: 0 2px 0 15px;
    width: 85%!important;
}
	
.sp-productflex{display: flex!important;flex-wrap: wrap;}
	
.textlink {
    width: 100%!important;
    text-align: right;
    margin: 15px 0 0 0!important;
}
	
.textlink a{display: inline-block!important; max-width: 100px!important; text-align: right;}
	
#pokemonmain {
    width: 100%!important;
    height: auto!important;
    margin: 15px 0 0 0!important;
    background: url(../../image/pokemonpan/poke_main_bg.jpg) no-repeat!important;
    background-size: contain!important;
    padding: 58% 0 0 0!important;
    position: relative!important;
}
	
	#pokemonmain a{display: block;
    position: absolute;
    width: 29%;
    top: 3%;
    right: 2%;
		margin-right: 0;
    }
	#pokemonmain a img{border: 1px solid #D40003;}
	
	.ta-center img{width: 100%!important; height: auto!important;}
	
	#rightarea #pokemonbtn {
    list-style: none;
    display: flex!important;
    flex-wrap: wrap;
}
	
#rightarea #pokemonbtn li {
    margin: 10px 2% 0 0!important;
    width: 49%!important;
    flex-basis: 49%!important;
}
	
	#rightarea #pokemonbtn li:nth-child(2n+2){margin-right: 0%!important;}
	
	.pokemonbtn_a{
	    width: 29%;
    max-width: 100px;
    display: block;
    float: right;
    margin-top: 5px;
	}
	#rightarea #pokemonbtn li p {
    text-align: left!important;
}
	
#pokemonnews li {
    width: auto!important;
	background-size: contain!important;
}
	
#pokemonnews li p {
    line-height: 120%;
    width: 77%!important;
}
.pokenewsImg{width: 21%!important;height: auto!important;}
#pokemonfaq {width: auto!important;}
#inq {width: auto!important;}	
	
	.p_campaignImg{margin-top: 10px; font-size: 16px;}
	.p_campaignImg img{width: 100%!important;height: auto!important;}
	
.pcOnly{display:none !important;}
.spOnly{display:block !important;}
	
#rightarea .newsrelease {
    	width: 100%;
		font-size: 115%;
	}
	
	.paging img {
    width: 1.8%!important;
}
	.paging {
    width: 100%;
}
	
	#rightarea .newsreleasedate {
    width: auto;}
	
	#rightarea .newsreleasesyosai {width: auto;font-size: 115%;}
	
	.newsbtn {
    width: 34%;
    /* text-align: right; */
    display: block;
    float: right;
    margin: 20px 0px 0 0;
}
	
	#rightarea #shohintext {
		font-size: 115%;
    width: auto;
    margin:20px 0px 0 0px;
}
	
#rightarea #btnarea {
    width: 100%;
}
	
	#rightarea #tablearea {
    width: auto;}
	
	#rightarea #tablearea table{
    width: auto!important;}
	
	.allergie {
    width: auto!important;}
	
	#rightarea #shohiniamge {
    list-style: none;
    width: 80%;
    margin: 0 auto;
    float: unset;}
	
	#rightarea #shohiniamge li:first-child{float: unset;}
	#rightarea #shohiniamge li .preview{
    	width: 100%!important;
		height: auto!important;
		text-align: center;}
	
	#rightarea #shohiniamge img{width: 100%; height: auto;}
	
	.textwideth {
    width: auto!important;
    text-align: justify;
}
	
}

@media screen and (max-width: 768px){
	
html,body {width: 100%;min-width:auto;
}

	
.global-nav {
  position: fixed;
  right: -320px; /* これで隠れる */
  top: 0;
  width: 300px; /* スマホに収まるくらい */
  height: 100vh;
  padding-top: 47px;
  background-color: #fff;
  transition: all .6s;
  z-index: 200;
  overflow-y: auto; /* メニューが多くなったらスクロールできるように */
margin: 0;
}
.hamburger {
  position: absolute;
    right: 6px;
    top: 13px;
  width: 60px; /* クリックしやすいようにちゃんと幅を指定する */
  height: 60px; /* クリックしやすいようにちゃんと高さを指定する */
  cursor: pointer;
  z-index: 300;
}
.global-nav__list {
  margin: 13px 0 0 0;
  padding: 0;
  list-style: none;
}

	
.global-nav__item01 {
  text-align: center;
  padding: 0;
background-color: #cfb035;
}
.global-nav__item01 a {
  display: block;
  padding: 15px 0;
  border-bottom: 1px solid #eee;
  text-decoration: none;
  color: #fff;
}
.global-nav__item01 a:hover {
  background-color: #8d7427;
}
.global-nav__item02 {
  padding: 0;
}
.global-nav__item02 a {
  display: block;
  padding: 10px 15px;
  border-bottom: 1px solid #555;
  text-decoration: none;
  color: #555;
  font-size: 16px;
}
.global-nav__item02 a:hover {
  background-color:#FFB5B6;
}
.global-nav__item03 {
  text-align: center;
  padding: 0;
	font-size:80%;
}
.global-nav__item03 a {
  display: block;
  padding: 8px 0;
  border-bottom: 1px solid #eee;
  text-decoration: none;
  color: #6b6b6b;
}
.global-nav__item03 a:hover {
  background-color: #eee;
}
.hamburger__line {
  position: absolute;
  left: 10px;
  width: 40px;
  height: 2px;
  background-color:#D40003;
  transition: all .6s;
}
.hamburger__line--1 {
  top: 10px;
}
.hamburger__line--2 {
  top: 18px;
}
.hamburger__line--3 {
  top: 26px;
}
.black-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: all .6s;
  cursor: pointer;
}
/* 表示された時用のCSS */
.nav-open .global-nav {
  right: 0;
}
.nav-open .black-bg {
  opacity: .8;
  visibility: visible;
}
.nav-open .hamburger__line--1 {
  transform: rotate(45deg);
  top: 25px;
left: 15px;
  background-color:#D40003;
}
.nav-open .hamburger__line--2 {
  width: 0;
  left: 50%;
}
.nav-open .hamburger__line--3 {
  transform: rotate(-45deg);
  top: 25px;
left: 15px;
  background-color: #D40003;
}
.nav-open .menu{ display: none; }
	
body {width: 100%; min-width: inherit;}
	
	header{background: #fff;
    width: 98%;
    height: 40px;
    padding: 3% 0% 1% 2%;
    position: fixed;
    z-index: 101;
    top: 0;}
	#headerwrap_sp{width: 100%;}
	#headerwrap_sp h1{display: flex;width: 60%;}
	#headerwrap_sp h1 img{width: 100%; height: auto;}
	.sns {float: none;margin-top: 15px;text-align: center;}
	
footer #footerconteiner {width: 94%;padding: 0 3%;}
footer #footerconteiner #topbtn{width:111px;position: absolute;top: -23px; right: 10px;border-radius: 5px 5px 0px 0px;overflow: hidden;}
	
#syohinmenu .menu {
    margin: 0 1%;
    list-style: none;
    background: url(../../image/products/common/pro_menu_line.gif) bottom no-repeat;
    background-size: contain;
    width: 48%;
    flex-basis: 48%;
    height: auto;
	display: block;
}
#syohinmenu .menu2 {
    margin: 0 1%;
    list-style: none;
    width: 48%;
    flex-basis: 48%;
    height: auto;
	display: block;
}
	
#pokemenu .pokepromenu{margin: 0 1%;
    list-style: none;
    background: url(../../image/pokemonpan/poke_menu_line.gif) bottom no-repeat;
    background-size: contain;
    width: 48%;
    flex-basis: 48%;
    height: auto;
	display: block;}

#pokemenu .menu2{margin: 0 1%;
    list-style: none;
	 background: url(../../image/pokemonpan/poke_menu_line.gif) bottom no-repeat;
    background-size: contain;
    width: 48%;
    flex-basis: 48%;
    height: auto;
	display: block;}
	
	
	
}