/*COMMON*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


body,html {
	width:100%;
}
body {
	color: #111;
	font-size:15px;
	line-height:160%;

	background-color:#e3e3e3;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;


	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	position:relative;
	

}

p{
	line-height:160%;
	letter-spacing:1px;
	color:#FFF !important;
}

a,a:hover,a:visited,a:active{
	color:#111;
	transition: 0.3s;
}
a:hover{
	opacity:0.7;
}
img{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}






/* ========= header footer ========= */



header {
	position:fixed;
	width:100%;
	background: #fff;
	height: 76px;
	margin: 0;
	z-index: 200;
	
}

#panel{

}
#gnavi{
	color: #000;
	position:absolute;
	top: 34px;
	left: 186px;
}
#gnavi li{
	float: left;
	line-height: 100%;
	padding: 0 30px 0 0;
}
#gnavi li a{
	text-decoration: none;
	color: #333;
}




header{
	background:url(../../images/new/gmenu_bg.jpg) repeat-x 0 bottom;
	position:relative;
	height:90px;
	width:100%;
}

header #logo{
	position:absolute;
	top:6px;
	left:13px;
}

header #gmenu{
	position:absolute;
	top:58px;
	right:10px;
	width:504px;
	height:19px;
}

header #cart{
	position:absolute;
	top:21px;
	right:10px;
}
header #tagline{
	position:absolute;
	top:34px;
	right:106px;
}
header #gmenu li,header #gmenu ul{
	margin:0;
	padding:0;
	line-height:100%;
}
header #gmenu li{
	display:inline-block;
}
header #gmenu li a{
	display:block;
	background:url(../../images/new/gmenu.jpg) no-repeat;
	height:19px;
	text-indent:-9999px;
}
header #gmenu li.m01 a{
	width:61px;
	background-position:0 0;
}
header #gmenu li.m02 a{
	width:89px;
	background-position:-61px 0;
}
header #gmenu li.m03 a{
	width:99px;
	background-position:-150px 0;
}
header #gmenu li.m04 a{
	width:46px;
	background-position:-249px 0;
	display: none;
}
header #gmenu li.m05 a{
	width:61px;
	background-position:-295px 0;
}
header #gmenu li.m06 a{
	width:107px;
	background-position:-356px 0;
}
header #gmenu li.m07 a{
	width:87px;
	background-position:-463px 0;
}

header #gmenu li.m01 a:hover{
	width:61px;
	background-position:0 -19px;
}
header #gmenu li.m02 a:hover{
	width:89px;
	background-position:-61px -19px;
}
header #gmenu li.m03 a:hover{
	width:99px;
	background-position:-150px -19px;
}
header #gmenu li.m04 a:hover{
	width:46px;
	background-position:-249px -19px;
}
header #gmenu li.m05 a:hover{
	width:61px;
	background-position:-295px -19px;
}
header #gmenu li.m06 a:hover{
	width:107px;
	background-position:-356px -19px;
}
header #gmenu li.m07 a:hover{
	width:87px;
	background-position:-463px -19px;
}



#footMenu{
	font-size: 10px;
    line-height: 130%;
    color: #333;
    text-decoration: none;
	text-align: center;
	margin-bottom: 30px;
}

footer
{
background-image:url(../../images/foot_bg.gif);
background-repeat:repeat-x;
	line-height: 100%;
	padding: 5px 10px 5px;
}
footer span{
	float: left;
	width:50%;
	text-align: left;
	color:#fff;
	font-size:9px;
	text-decoration:none;
	font-family:"平成角ゴシック","ＭＳゴシック";
}
footer span.copy{
	text-align: right;
}
footer a:link
{
text-decoration: underline; color:#ffffff;}

footer a:visited
{
text-decoration: underline; color:#ffffff;}

footer a:hover
{
text-decoration: underline; color:#ffccff;}

footer a:active
{
text-decoration: underline; color:#ffffff;}


/* ========= コンテンツ ========= */


#wrapper{
	width:100%;
	max-width: 1800px;
	min-width: 1000px;
	background: #fff;
	margin: 0 auto;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

#contentArea{
	padding: 20px 50px 0 50px;
}


.chartSubmit01,.chartSubmit02{
	background:#f9f9f9;
}
.chartLine{
	background:#999;
}
.head_shadow
{
background-image:url(../../images/head_shadow.gif);
background-repeat:repeat-x;
}

.season_title_bg
{
background-image:url(../../images/title_bg.gif);
background-repeat:repeat-x;
border-style:none;
}
.season_title_bg td marquee{
	width:294px;
}


A:link{text-decoration: underline; color:#666;}
A:visited{text-decoration: underline; color:#666;}
A:hover{text-decoration: none; color: #666;}
A:active { color:#666; }

h1 {font-size: 10px; line-height: 10px; text-decoration:none; font-weight: normal;margin:0px; padding:0px;	color: #666;}
h2 {font-size: 18px; line-height: 18px; font-weight: bold; margin:0px; padding:5px;}
h3 {font-size: 10px; line-height: 10px; font-weight: bold; margin:0px; padding:0px;}
h4 {font-size: 10px; line-height: 10px; font-weight: bold; margin:0px; padding:0px;}
h5 {font-size: 10px; line-height: 10px; font-weight: bold; margin:0px; padding:0px;}

.f6 {font-size:24px; line-height:30px; text-decoration:none; color: #666; }
.f5 {font-size:18px; line-height:28px; text-decoration:none; color: #666; }
.f4 { font-size: 14;	line-height: 140%;	color: #333;	text-decoration: none;}
.f3{ font-size: 12px;	line-height: 130%;	color: #333;	text-decoration: none;}
.f2{ font-size: 10px;	line-height: 130%;	color: #333;	text-decoration: none;}
.f1 {font-size:9px; line-height:12px; text-decoration:none; color: #666; }

.f6b {font-size:24px; line-height:30px; text-decoration:none; color: #666; font-weight: bold;}
.f5b {font-size:18px; line-height:28px; text-decoration:none; color: #666; font-weight: bold;}
.f4b { font-size: 14;	line-height: 140%;	color: #333;	text-decoration: none;font-weight: bold;}
.f3b{ font-size: 12px;	line-height: 130%;	color: #333;	text-decoration: none;font-weight: bold;}
.f2b{ font-size: 10px;	line-height: 120%;	color: #333;	text-decoration: none;font-weight: bold;}
.f1b {font-size:9px; line-height:12px; text-decoration:none; color: #666; font-weight: bold;}

p{
color:#333;
font-size:12px;
line-height: 17px;
}

a:hover img{
filter: Alpha(opacity=50); /* IE系 */
opacity:0.5; /* Mozzila系 */
}


img{
	border:0;
}
/*--------------------------

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

TD.stitle{font-size:14px; padding:8px; background-color:#800000; color:#fff}
TD.sitemap{font-size:12px; padding-left:20px; color:#330066}


INPUT, SELECT, TEXTAREA { color:#333333;font-size:10px} 

.lineTitle {
font-size:14px;
font-weight: bold;
margin:0px 0px 10px 0px;
padding:8px;
background-color:#800000;
width:330px;
background-image:url(../../line_up/images/title_bg.gif);
background-repeat:repeat-x;
}

.lineTitle2 {
font-size:12px;
line-height:18px;
font-weight: bold;
margin:0px 0px 10px 0px;
padding:8px;
background-color:#800000;
width:330px;
background-image:url(../../line_up/images/title_bg.gif);
background-repeat:repeat-x;
}

.imgVsual {
font-size:14px;
font-weight: bold;
margin:0px 0px 10px 0px;
padding:8px;
background-color:#f3f3f3;
width:520px;
background-image:url(../../line_up/images/title_bg.gif);
background-repeat:repeat-x;
}

.close {
font-size:14px;
font-weight: bold;
margin:10px 0px 0px 0px;
padding:8px;
background-color:#800000;
width:520px;
background-image:url(../../line_up/images/title_bg.gif);
background-repeat:repeat-x;
}

.chartTitle0 {
text-align:center;
font-size:10px;
font-weight: bold;
margin:0;
padding:2px;
color:#ffffff;
background-color:#666;
}
.chartTitle {
text-align:center;
font-size:10px;
font-weight: bold;
margin:0;
padding:2px;
color:#ffffff;
background-color:#444;
}
.chartTitle2 {
text-align:center;
font-size:10px;
font-weight: bold;
margin:0;
padding:2px;
color:#ffffff;
background-color:#555;
}

.chartColor {
font-size:10px;
margin:0;
padding:2px;
color:#333333;
background-color:#eee;
width:200px;
}

.chartZaiko {
font-size:10px;
text-align:center;
margin:0;
padding:2px;
color:#333333;
background-color:#ffffff;
width:30px;
}

.lineUpImg{
	padding:10px;
	background-color:#eeeeee;
	width:300px;
	_width:300px;
	text-align:center;
	vertical-align:middle;
	border: 1px solid #999;
}

.lineUpImg A:link{
}
.lineUpImg A:hover{
}
.lineUpImg A:active{
}
.lineUpImg A:visited{
}


.box01{
width:232px;
height:277px;
overflow-y:scroll;
overflow-x:hidden;
border:solid 1px #cccccc;
float:left;
display:inherit;
margin:0 0 0 0;
}
.cont01{
padding:5px;
width:205px;
background-color:#ffffff;
font-size:10px;
}
.newsTitle{
color:#660033;
}

.pnkz{
	color:#666666;
	font-size:10px;
}

.flash{
border:1px solid #ccc;
padding:15px;
font-size:10px;
line-height:18px;
color:#999999;
}

.flash img{
float:left;
margin:0 10px 0 0;
}



/* NEW CSS */


/*========Clearfix=========*/
.clearfix:after{
 height: 0;
 visibility: hidden;
 content: ".";
 display: block;
 clear: both;
 overflow:hidden;
}

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
	overflow: hidden; 
}

/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */




/*========contents=========*/

/*　コレクションリスト　*/
#mainContents{
	padding:10px;
}

.box01LTop{
	display: none;

}
.box01LMiddle{
	padding:20px 20px;
	text-align:left;
	border-radius: 5px;
	border: 2px solid #ddd;
}
.box01LMiddle{
	display: flex;
	flex-wrap:wrap;
}
.box01LBottom{
	display: none;
}


.collBox{
	width:32%;
	float:left;
	margin-right: 2%;
	margin-bottom: 20px;
}
.collBox:nth-of-type(3n){
	margin-right: 0;
}


.collTitle{
	background:#efefef url(../../line_up/images/title_bg.gif) repeat-x 0 bottom;
	padding:10px 10px 12px 10px;
	margin-bottom:10px;
	text-align:left;
	font-weight:bold;
	line-height:120%;
	font-size:14px;
	min-height: 52px;

}
.collTitle a{
	text-decoration: none;
	color: #000;
	display: block;
}
.collText{
	font-size:11px;
	line-height: 15px;
	margin-bottom:10px;
	text-align:justify;
}
.collText a{
	text-decoration: none;
}
.collText a:hover{
	text-decoration: underline;
}

.collImg{
	background:#f9f9f9;
	border:1px solid #eee;
	display:block;
	vertical-align:middle;
	text-align:center;
	width:100%;
	margin-bottom: 6px;
}
.collImgIn{
	padding:4px;
}
.collImgIn a{
	display: block;
	height: 13vw;
	max-height: 243px;
	overflow: hidden;
}
.collImgIn img{
	width:100%;
	height: auto;
	display: block;
}
.collImg a:link,.collImg a:visited{
}
.collImg a:hover,.collImg a:active{
}

/*pnkz*/
.pnkz{
	margin-bottom: 20px;
}


/*　商品リスト　*/



.pdtColTitle{
	margin-bottom: 20px;
	padding: 10px 0;
	position: relative;
	background:#efefef url(../../line_up/images/title_bg.gif) repeat-x 0 bottom;
}
.pdtColTitleIcon{
	position: absolute;
	top: -10px;
	left: -10px;
}
.pdtColTxt{
	padding: 0 20px 0 70px;
	display: inline-block;
	width:620px;
	vertical-align:middle;
}
.pdtColCatch{
	padding: 0 0 0 0;
	display: inline-block;	
	width:320px;
	vertical-align:middle;
	position: relative;
}
.pdtColCatch:before{
	content: url(/images/pdtCatch_bg_l.png);
	position: absolute;
	top: 0;
	left: 0;
	width:18px;
	height: 24px;
	overflow: hidden;
	z-index: 100;
}
.pdtColCatch:after{
	content: url(/images/pdtCatch_bg_r.png);
	position: absolute;
	top: 0;
	right: 0;
	width:18px;
	height: 24px;
	overflow: hidden;
	z-index: 100;
}


.pdtList{
	padding:10px 10px 20px 10px;
	display: flex;
	flex-wrap: wrap;
}


.pdtListBox{
	width:23%;
	float:left;
	margin-bottom:20px;
	margin-right: 2.666666%;
	text-align: center;
}
.pdtListBox:nth-of-type(4n){
	margin-right: 0;
}
.pdtListImg{
	width:100%;
	position:relative;
	border-radius: 3px;
	border: solid 2px #ddd;

}
.pdtListImgIn{
	padding:10px;

}
.pdtListImgIn img{
	width:100%;
	height: auto;
}


.pdtListTxt{
	font-size:10px;
	line-height:14px;
	margin-top:7px;
}

.pdtListBtn{
	margin-top:3px;
}




/*　詳細　*/

.detailTitle{
	padding:0 15px;
	margin:0 0 0 0;
}
.detailTitleIn{
	background:url(../../images/new/detailTitle.jpg) no-repeat 0 0;
	min-height:46px;
	_min-height:68px;
	font-size:14px;
	padding:22px 0 0 73px;
	text-align:left
}

.detailPager{
	padding:0px 85px 10px 85px;
	margin-bottom:0;
}
.detailPagerBox{
	width:570px;
}
.detailPagerBoxPrev{
	float:left;
	display:block;
	width:50%;
	text-align:left;
}
.detailPagerBoxNext{
	float:left;
	display:block;
	width:50%;
	text-align:right;
}


.detailBox01{
	padding:0 85px;
	margin:0 0 10px 0;
}
.detailBox01L{
	margin:0;
	float:left;
	width:40%;
}
.detailBox01R{
	margin:0;
	float:right;
	width:56%;
}


.detailImg01{
	width:100%;
	border: 2px solid #ccc;
	border-radius: 5px;
}
.detailImg01In{
	padding: 10px;
}
.detailImg01In img{
	width:100%;
	height: auto;
}


.detailBox02{
	padding:20px 85px;
	margin:0 0 20px 0;
}
.detailBox02 p{
	color: #555 !important;
	margin-bottom: 20px;
}
.detailImg02{
	width:100%;
	border: 2px solid #ccc;
	border-radius: 5px;
}
.detailImg02In{
	padding:10px;
}
.detailImg02In img{
	width:100%;
	height: auto;
}

.detailTxt{
	font-size:12px;
	line-height:16px;
	text-align:left;
	margin:0 0 10px 0;
}


.detailBox03{
	padding:0 85px;
	margin-bottom:30px;
	text-align:center;
}

.detailCell{
	font-size:12px;
	line-height:16px;
	text-align:left;
	padding: 10px 0;
	border-top:1px dashed #FEACFC;
}
.detailBtn{
	text-align: center;
}
.detailCell p{
	color: #666 !important;
}
.detailCell p br{
	display: none;
}
.detailCell table{
	width:100% !important;
}
.detailCell:nth-last-of-type(1){
	border-bottom: 1px dashed #FEACFC;
}
.detailCell table {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.detailCell table td {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	line-height: 100%;
	padding: 6px;
}






.topInfoArea{
	margin-bottom: 30px;
}
.topInfo{
	float:left;
	width:48%;
	margin:10px 0 0 0;
}
.topBlog{
	float:right;
	width:48%;
	margin:10px 0 0 0;
}
.infoTitle,.blogTitle{
	margin-bottom:5px;
	text-align:left;
}
.infoTitle img,.blogTitle img{
	height: 22px;
	width:auto;
}
.infoBox,.blogBox{
	height:140px;
	overflow:auto;
	overflow-y:scroll;
	margin-bottom:5px;
	text-align:left;
	font-size:12px;
	border:2px solid #ddd;
	border-radius: 3px;
	padding:10px;
}

.rssBody ul{
	margin:0;
	padding:0;
}
.rssBody .rssRow{
	list-style-type:none;
	margin:0 0 9px 0;
	padding:0 0 0 6px;
	background:url(../../images/new/arrow_01.gif) no-repeat 0 7px;
}

.rssBody .rssRow span{font-weight:bold}


.kimagure{
	position:absolute;
	top:5px;
	left:-2px;
}
.kimagure2{
	position:absolute;
	top:-6px;
	left:-6px;
}


.topBanaL{
	padding: 0;
	margin-bottom: 20px;
}
.topBanaL img{
	width:100%;
	height: auto;
	border: 2px solid #ddc6c6;
	display: block;
}
.contTxt{
	padding: 30px 0 50px;
	font-size: 16px;
	line-height: 160%;
	font-family: "Rounded Mplus 1c";

}
.contTxt .txtCatch{
	font-size: 18px;
	font-weight: bold;
	line-height: 160%;
	color: #851B1D
}


.otherBox{
	border-radius: 5px;
	padding:18px;
	border: 2px solid #ccc;
	margin-bottom: 30px
}
.otherBoxIn{
	margin-bottom: 30px;
}
.otherBox h2{
	color: #fff;
	margin-bottom: 10px;
	background: #FF5454;
	font-size: 18px;
	padding: 12px;
}
.otherBox h3{
	font-size: 15px;
	font-weight: bold;
	color: #333 !important;
	margin-bottom: 10px;
	margin-top: 30px;
	border-bottom: 1px solid #ddd;
	border-top: none;
	padding: 12px 0 8px;
	line-height: 150%;
}
.otherBox h4{
	margin-top: 15px;
	font-weight: bold;
	font-size: 13px;
	color: #333 !important;
	margin-bottom: 10px;
}
.otherBox p{
	color: #333 !important;
	margin-bottom: 12px;
	word-break: break-all;
}
.otherBox p img{
	max-width: 100%;
	height: auto;
}
.otherBox table{
	font-size: 12px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	width:100%;
}
.otherBox td{
	font-size: 12px;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 6px;
}

.informationBox{
	border-radius: 5px;
	padding:18px;
	border: 2px solid #ccc;
	margin-bottom: 30px
}
.informationBox table{
	font-size: 13px;
	width:100%;
	border-spacing: 5px;
	border-collapse: separate;
}
.informationBox tr{
	margin-bottom:10px;

}
.informationBox td{
	font-size: 13px;
}
.informationBox td.cell01{
	padding: 0 10px;
	border-right: 1px solid #FFC0C0;
	text-align: right;
}
.informationBox td.cell02{
	padding: 0 10px;
	text-align: left;
}

.sitemap li a{
	background: url(../../images/sitemap-arrow.gif) no-repeat 0 3px;
	display: inline-block;
	padding: 0 0 0 20px;
	margin-bottom: 10px;
	font-size: 14px;
}
.pc{
	display: block;
}
.sp{
	display: none;
}




@media screen and (max-width: 800px) {
	
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
/*ここにスマホ用スタイルを記述*/
	body {
		color: #111;
		font-size:13px;
		line-height:160%;
	}


	/* toggle-panel */
	#panel-btn {
		display: inline-block;
		position:fixed;
		width:24px;
		height: 24px;
		top:15px;
		right:15px;
		margin: 0 0 0;
		cursor:pointer;

		z-index:4005 !important;

	}
	#panel-btn-icon {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 24px;
		height: 3px;
		margin: -2px 0 0 -12px;

		background: #555;
		transition: .2s;

	}
	#panel-btn-icon:before, #panel-btn-icon:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 24px;
		height: 3px;
		margin-left: -12px;
		background: #555;
		transition: .3s;

	}
	#panel-btn-icon:before {
		margin-top: -11px;
	}
	#panel-btn-icon:after {
		margin-top: 7px;
	}

	#panel-btn .close {
		background: transparent;

	}
	#panel-btn .close:before, #panel-btn .close:after {
		margin-top: 0;
		background: #fff;
	}
	#panel-btn .close:before {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}
	#panel-btn .close:after {
		transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
	}

	#panel {
		position: fixed;
		top: 0;
		right: -240px;
		width: 240px;
		height: 100%;
		background-size:100% auto;

		box-shadow: 4px 4px 10px rgba(0,0,0,0.4);
		-moz-box-shadow: 4px 4px 10px rgba(0,0,0,0.4);
		-webkit-box-shadow: 4px 4px 10px rgba(0,0,0,0.4);
		-o-box-shadow: 4px 4px 10px rgba(0,0,0,0.4);
		-ms-box-shadow: 4px 4px 10px rgba(0,0,0,0.4);
		z-index:4002;

		background: #000;
	}



	#panel nav{
		padding:30px 20px 20px 20px;
	}
	#panel nav ul li{
		margin-bottom:15px;
		text-align:center;

	}
	#panel nav ul li a{
		display:block;
		font-size:15px;
		font-weight: bold;

	}

	
	header {
		position:fixed;
		width:100%;
		height: 66px;
		z-index: 200;
		padding: 0;

		background:#fff url(../../images/new/gmenu_bg.jpg) repeat-x 0 bottom;
	}

	header #logo{
		position:relative;
		top:inherit;
		left:inherit;
		text-align: left;
		margin-bottom: 14px;
		display: inline-block;
		vertical-align: middle;
		width:60px;
		padding: 10px;
		margin-right: 10px;
	}
	header #logo img{
		width:50px;
		height: auto;
	}
	header #tagline{
		position:relative;
		top:inherit;
		right:inherit;
		margin-bottom: 20px;
		display: inline-block;
		vertical-align: middle;
		width:200px;
	}
	
	header #gmenu{
		position:relative;
		top:inherit;
		right:inherit;
		width:100%;
		height:inherit;
	}

	header #cart{
		position:relative;
		top:inherit;
		right:inherit;
		padding: 0 20px 20px;
	}
	header #cart a{
		border: 3px solid #ddd;
		background: #fff;
		display: block;
		padding: 10px 10px 5px 4px;
		text-align: center;
	}

	header #gmenu li{
		display:block;
		font-family: 'Quicksand', sans-serif;
	}
	header #gmenu li a{
		display:block;
		background:none;
		height:inherit;
		text-indent:0;
		color: #fff;
		text-align: left;
		width: 100% !important;
		text-decoration: none;
	}
	

	/* ========= コンテンツ ========= */


	#wrapper{
		width:100%;
		max-width: 100%;
		min-width: 100%;
		background: #fff;
		margin: 0 auto;
		box-shadow: 0 0 10px rgba(0,0,0,0.3);
		padding: 0 0 0;
	}

	#contentArea{
		padding: 76px 3% 30px;
	}
	#home #contentArea{
		padding: 0 3% 0;
	}
	.camera_wrap{
		margin: 66px 0 0 0;
	}


	.topBanaL{
		padding: 0;
		margin-bottom: 10px;
	}


	.topInfoArea{
		margin-bottom: 30px;
	}
	.topInfo{
		float:none;
		width:100%;
		margin:0 0 10px 0;
	}
	.topBlog{
		float:none;
		width:100%;
		margin:0 0 10px 0;
	}
	.infoTitle,.blogTitle{
		margin-bottom:5px;
		text-align:left;
	}
	.infoBox,.blogBox{
		height:140px;
		overflow:auto;
		overflow-y:scroll;
		margin-bottom:5px;
		text-align:left;
		font-size:12px;
		border:2px solid #ddd;
		border-radius: 3px;
		padding:10px;
	}
	
	
	
	
	/*　商品リスト　*/



	.pdtColTitle{
		margin-bottom: 10px;
		padding: 10px 10px 15px;
		position: relative;
		background:#efefef url(../../line_up/images/title_bg.gif) repeat-x 0 bottom;
	}
	.pdtColTitleIcon{
		position: absolute;
		top: -14px;
		left: -10px;
	}
	.pdtColTitleIcon img{
		width:40px;
		height: auto;
	}

	.pdtColTxt{
		padding: 0 0 0 30px;
		display: inline-block;
		width:100%;
		vertical-align:middle;
	}
	.pdtColTxt h2{
		font-size: 16px;
		padding: 0;
	}
	.pdtColCatch{
		padding: 0 0 0 0;
		display: inline-block;	
		width:100%;
		vertical-align:middle;
	}

	.pdtList{
		padding:10px 10px 20px 10px;
		display: flex;
		flex-wrap: wrap;
	}


	.pdtListBox:nth-of-type(4n){
		margin-right: 0;
	}
	.pdtListBox{
		width:48%;
		float:left;
		margin-bottom:20px;
		margin-right: 4%;
		text-align: center;
	}
	.pdtListBox:nth-of-type(2n){
		margin-right: 0;
	}
	.pdtListImg{
		width:100%;
		position:relative;
		border-radius: 3px;
		border: solid 2px #ddd;

	}
	.pdtListImgIn{
		padding:10px;

	}
	.pdtListImgIn img{
		width:100%;
		height: auto;
	}


	.pdtListTxt{
		font-size:10px;
		line-height:14px;
		margin-top:7px;
	}

	.pdtListBtn{
		margin-top:3px;
	}

	
	
	
	#footMenu{
		font-size: 10px;
		line-height: 130%;
		color: #333;
		text-decoration: none;
		text-align: center;
	}

	
	

	/*　詳細　*/


	.detailPager{
		padding:0px 0 5px 0;
		margin-bottom:0;
	}
	.detailPagerBox{
		width:100%;
	}
	.detailPagerBoxPrev{
		float:left;
		display:block;
		width:50%;
		text-align:left;
	}
	.detailPagerBoxNext{
		float:left;
		display:block;
		width:50%;
		text-align:right;
	}


	.detailBox01{
		padding:0 0;
		margin:0 0 10px 0;
	}
	.detailBox01L{
		margin:0;
		float:none;
		width:100%;
	}
	.detailBox01R{
		margin:0;
		float:none;
		width:100%;
	}


	.detailImg01{
		width:100%;
		border: 2px solid #ccc;
		border-radius: 5px;
	}
	.detailImg01In{
		padding: 10px;
	}
	.detailImg01In img{
		width:100%;
		height: auto;
	}


	.detailBox02{
		padding:20px 0;
		margin:0 0 20px 0;
	}
	.detailBox02 p{
		color: #555 !important;
		margin-bottom: 20px;
	}
	.detailImg02{
		width:100%;
		border: 2px solid #ccc;
		border-radius: 5px;
	}
	.detailImg02In{
		padding:10px;
	}
	.detailImg02In img{
		width:100%;
		height: auto;
	}

	.detailTxt{
		font-size:12px;
		line-height:16px;
		text-align:left;
		margin:0 0 10px 0;
	}


	.detailBox03{
		padding:0 0;
		margin-bottom:30px;
		text-align:center;
	}

	.detailCell{
		font-size:12px;
		line-height:16px;
		text-align:left;
		padding: 10px 0;
		border-top:1px dashed #FEACFC;
	}
	.detailBtn{
		text-align: center;
	}
	.detailCell p{
		color: #666 !important;
	}
	.detailCell p br{
		display: none;
	}
	.detailCell table{
		width:100% !important;
	}
	.detailCell:nth-last-of-type(1){
		border-bottom: 1px dashed #FEACFC;
	}
	.detailCell table {
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
	}
	.detailCell table td {
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
		line-height: 100%;
		padding: 6px;
	}
	
	.collBox{
		width:100%;
		float:none;
		margin-right: 2%;
		margin-bottom: 20px;
	}
	.collTitle{
		background:#efefef url(../../line_up/images/title_bg.gif) repeat-x 0 bottom;
		padding:10px 10px 12px 10px;
		margin-bottom:10px;
		text-align:left;
		font-weight:bold;
		line-height:120%;
		font-size:12px;
	}
	.collText{
		font-size:9px;
		line-height: 15px;
		margin-bottom:5px;
	}
	.collImg{
		background:#f9f9f9;
		border:1px solid #eee;
		display:block;
		vertical-align:middle;
		text-align:center;
		width:100%;
	}
	.collImgIn{
		padding:5px;
	}

	.collImgIn a{
		display: block;
		height: 39vw;
		overflow: hidden;
	}
	.box01LMiddle {
		padding: 13px 13px;
		text-align: left;
		border-radius: 5px;
		border: 2px solid #ddd;
	}
	#mainContents {
		padding: 10px 0;
	}


}