@charset "UTF-8";



.mini body#store #mainTitle h2,
.tab body#store #mainTitle h2{
    height: 0px;
    padding-top: 52px;
    overflow: hidden;
    background-size:contain;
}


body#store #container{
	
}



body#store #grid-content .box				 {


										box-shadow: 0 0 4px #ccc;
										-moz-box-shadow: 0 0 4px #ccc;
										-webkit-box-shadow: 0 0 4px #ccc;
									}

body#store #side .boxInner{

	padding:20px;


}


#side #storeWidgets h3 {
    background: url(../../img/common/title_store_twitter.png) 20px 20px no-repeat;
    height: 45px;
}



body#store #bodyBG{


}


body#store #pageVisual{
	overflow:hidden;
	border-radius: 4px;        /* CSS3草案 */
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 4px;   /* Firefox用 */
}

body#store #pageVisualCover{
margin:0 auto 20px auto;
height: auto;
min-height: 100px;
position: relative;
max-width: 1225px;

}


body#store #pageVisualCover img{ width:100%;}

html.mini body#store #pageVisualCover img{ margin:0 0px 0 0px; width:337px; }

body#store #pageSubMenu{
margin:0 auto 20px auto;
height: auto;
min-height: 50px;
position: relative;
/*max-width: 1225px;*/
max-width: 1200px;

overflow: hidden;
}

body#store #pageSubMenu ul{ margin-right:-9px;}
body#store #pageSubMenu ul li{ width:240px; height:50px; float:left; margin:0 6px 6px 0;
overflow:hidden;
border-radius: 4px;        /* CSS3草案 */
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 4px;   /* Firefox用 */

	}
body#store #pageSubMenu ul li a{ display:block; height:50px; text-indent:-999px; overflow:hidden;}


body#store #pageSubMenu ul li.list1 a{background:url(../../img/store/menu/top.png) center center no-repeat #20518b;}
body#store #pageSubMenu ul li.list2 a{background:url(../../img/store/menu/news.png) center center no-repeat #20518b;}
body#store #pageSubMenu ul li.list3 a{background:url(../../img/store/menu/access.png) center center no-repeat #20518b;}
body#store #pageSubMenu ul li.list4 a{background:url(../../img/store/menu/note.png) center center no-repeat #20518b;}

body#store #pageSubMenu ul li a:hover { background-color:#356395;}

body#store #pageSubMenu ul li.nolink{ opacity:.5;}
body#store #pageSubMenu ul li.nolink a:hover { background-color:#356395;}



@media screen and (max-width: 1033px) {
	body#store #pageSubMenu ul li{ width:176px; height:50px; float:left; margin:0 9px 9px 0;}
}
@media screen and (max-width: 786px) {
	body#store #pageSubMenu ul li{ width:115px; height:50px; float:left; margin:0 8px 8px 0;}
}



	html.mini body#store #pageSubMenu{ overflow:visible;}
	html.mini body#store #pageSubMenu ul{ margin:0 -5px 0 0px; }
	html.mini body#store #pageSubMenu ul li{ width:166px !important; height:50px; float:left; margin:0 5px 8px 0;}


	html.maxsize body#store.boxList #pageSubMenu{ overflow:visible;}
	html.maxsize body#store.boxList #pageSubMenu ul{ margin:0 -7px 0 0px; }
	html.maxsize body#store.boxList #pageSubMenu ul li{ width:301px !important; height:50px; float:left; margin:0 7px 8px 0;}


body#store #grid-content-entry p,
body#store #grid-content-entry-full p{ line-height:180%;}






body#store #grid-content-entry .box,
body#store #grid-content-entry-full .box{


								
	
	
		width: auto;
									
									height:auto;
									margin:0 10px 10px 0 !important;
									padding: 0px;
									float: none;
									background: #fff;
									position:relative;
									
									display: block;
									/*-webkit-border-radius: 5px;
									-moz-border-radius: 5px;
									border-radius: 5px;
									
									box-shadow: 0 0 4px #ccc;  
									-moz-box-shadow: 0 0 4px #ccc;  
									-webkit-box-shadow: 0 0 4px #ccc;  */
	
	
								}



body#store .page_main{ z-index:2; position:relative; padding:60px 40px 60px 40px !important;}


body#store .page_main .shareArea		{ border:solid 0px #f30; width:160px; height:20px; position:absolute; top:10px; left:auto; right:0px;}
	body#store .page_main .shareArea ul	{}
	body#store .page_main .shareArea ul li{ float:left; margin-left:5px; padding:0;height:20px ;border:solid 0px #ccc;}
	body#store .page_main .shareArea ul li.facebook	{ width:70px;}
	body#store .page_main .shareArea ul li.twitter	{ width:70px;}



body#store #storeTeaser.box{ width: 100% !important; float: none; box-sizing: border-box; margin: 0 0 30px 0 !important;}



body#store #storeNews.box,
body#store #storeTwitter.box{ width: calc(50% - 3px) !important; box-sizing: border-box; margin: 0 0 6px 0 !important;float: left;}

	.headersp body#store #storeNews.box,
	.headersp body#store #storeTwitter.box{ width: 100%!important; box-sizing: border-box; margin: 0 0 6px 0 !important;float: none;}

body#store #storeNews.box{ margin: 0 6px 6px 0 !important;}

body#store #storeNews.box .page_main .inner{ border: solid 0px #f30; height: 200px; overflow-y: auto;}
body#store #storeTwitter.box .page_main .inner{ border: solid 0px #f30; height: 200px; }

body#store #storeNews.box ul.newsList{}
body#store #storeNews.box ul.newsList li{ margin-bottom: 10px;}

body#store #storeNews.box ul.newsList dl{}
body#store #storeNews.box ul.newsList dl dt{}
body#store #storeNews.box ul.newsList dl dd{}


body#store #storeProduct.box{ clear: both; margin: 0 0 6px 0 !important;}


body#store #storeNews.box h3.title,
body#store #storeTwitter.box h3.title,
body#store #storeProduct.box h3.title{ height: 54px; text-indent: -999px; overflow: hidden; margin-bottom: 20px;}

body#store #storeNews.box h3.title{background:url(../../img/store/title_news.png) left top no-repeat;}
body#store #storeTwitter.box h3.title{background:url(../../img/store/title_twitter.png) left top no-repeat;}
body#store #storeProduct.box h3.title{background:url(../../img/store/title_goods.png) left top no-repeat;}



.goodsCopy{color:#ee2a7b; font-size:2.0em; margin-bottom:40px; line-height:1.5;}
.goodsList{ position:relative;}
.goodsList li{ position:relative; overflow:hidden; min-height:100px; border-bottom:solid 1px #f8b2d7; padding:80px 0px 40px 0; margin-bottom:40px;  background:url(../../img/store/icon_gentei.png) left top no-repeat;}





.goodsList li .image{ width:217px; float:left; text-align:center; padding:0px; box-sizing:border-box; z-index:5; }
.goodsList li .image img{}


.goodsList li .data{ width:calc(100% - 217px); float:left;padding:0 0px 0 30px; box-sizing:border-box; font-size:1.2em; line-height:1.5; z-index:5;}

.goodsList li .collaboTag{ color:#ee2a7b; font-size:1em;}
.goodsList li h3{ color:#ee2a7b; font-size:1.8em; margin-bottom:5px; line-height:1.2;}
.goodsList li h3 a{ text-decoration: none;}
.goodsList li .price{ color:#999; font-size:1em; margin-bottom:20px;}
.goodsList li .variation{ color:#ee2a7b; font-size:1em; margin-bottom:5px;}

.goodsList li h3 .sub { font-size:0.5em;}

.goodsList li h4{color:#0f73bf; font-size:1.8em; margin-bottom:0px !important; line-height:1.4;}

.goodsList li.noimage{ padding-left:30px;}

.goodsList li.noimage .data{ width:100%;}

.goodsList .gray{ color:#999; font-size:1em; }

.goodsList li.iconNone{ background-image:none;}

.goodsList li .zoom{ padding-top:20px; text-align:center;}



	html.middle{}

	html.tab{}
	html.tab .goodsList li{ padding:80px 0px 40px 0; margin-bottom:40px;}


	html.tab .goodsList li .image{ width:100%; float:none; text-align:center; padding:0 0px 0 0; margin-bottom:20px; }

	html.tab .goodsList li .data{ width:100%; float:none;padding:0 0px 0 0; }

.nivo-prevNav,
.nivo-nextNav{
	display: none;
}