/* --------------------------------------
    初期設定
--------------------------------------- */
/* 非表示 */
.sp-nodisplay {
	display: none !important;
}
.h1,
#navArea,
.fNav,
#page-top {
	display: none !important;
}
/* 表示 */
.nodisplay { 
	display: block !important;
}

img { max-width: 100%; height: auto;}
img.nofit { width: auto !important;}


/* --------------------------------------
    STRUCTURE
--------------------------------------- */
body {
	/*background: #FF9000;*/
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
@media screen and (max-width: 640px) {
body {
	/*background: #9DC400;*/
}
}
.wrapper {
	width: 100%;
	margin: 0px auto;
}
#container {
	padding: 20px 1%;
}
.Inner01 {
	padding: 0px;
}
@media screen and (max-width: 640px) {
.gryArea {
	padding: 10px;
}
}


/* --------------------------------------
    FIX_BUTTON
--------------------------------------- */
#fixBtn {
	display: none;
}


/* --------------------------------------
    FIX_TEXT
--------------------------------------- */
#fixTxt {
	width: 100%;
	text-align: center;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 100;
	font-weight: bold;
	font-size: 20px;
}
	#fixTxt .ok {
		width: 98%;
		margin: 0px auto 10px auto;
		background: #B40000;
		padding: 5px 0px;
		color: #FFFFFF;
		opacity: 0.8;
		box-shadow: 2px 2px 10px #000; /* CSS3 */
		-moz-box-shadow: 2px 2px 10px #000; /* Firefox用*/
		-webkit-box-shadow: 2px 2px 10px #000; /* Google Chrome, Safari用*/
		filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='2', MakeShadow='true', ShadowOpacity='0.5');
	}
	#fixTxt .ng {
		width: 98%;
		margin: 0px auto 10px auto;
		background: #535353;
		padding: 5px 0px;
		color: #FFFFFF;
		opacity: 0.8;
		box-shadow: 2px 2px 10px #000; /* CSS3 */
		-moz-box-shadow: 2px 2px 10px #000; /* Firefox用*/
		-webkit-box-shadow: 2px 2px 10px #000; /* Google Chrome, Safari用*/
		filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='2', MakeShadow='true', ShadowOpacity='0.5');
	}


/* --------------------------------------
    UNIVERSAL_BAR
--------------------------------------- */
#universalBar { 
	padding: 5px 1%;
}
@media screen and (max-width: 640px) {
#universalBar { 
	text-align: center;
}
	#universalBar .uLink { float: none;}
	#universalBar .greeting { float: none; padding: 10px 0px;}
}


/* --------------------------------------
    HEADER
--------------------------------------- */
#header { padding: 15px 1%;}
	#header .hBtn { display: none;}
	#header .menuBtn {
		background-color: #6B0000;
		color: #FFFFFF;
		float: right;
		padding: 8px;
		font-size: 12px;
	}
	#header .active { background-color: #B40000; padding: 8px;}


/* --------------------------------------
    TOGGLENAV
--------------------------------------- */
#toggleNav { background: #B40000;}
	#toggleNav ul { border-bottom: 5px solid #000000;}
	#toggleNav li { 
		float: left;
		text-align: center;
		background: none;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		border-right: 1px solid #D9D8D3;
		border-top: 1px solid #D9D8D3;
		width: 50%;
	}
	#toggleNav li:nth-child(2n) { border-right: none;}
	#toggleNav li a { color: #FFFFFF; text-decoration: none; outline: none; padding: 10px 0px; display: block;}
	#toggleNav li a:hover { color: #FFFFFF; text-decoration: none; background: none;}
	#toggleNav li .sml { }


/* --------------------------------------
    FOOTER
--------------------------------------- */
#footer {
	padding: 0px 0px 20px 0px;
}
.fNavsp { 
	border-bottom: 1px solid #FFFFFF;
	text-align: left;
	font-size: 16px;
	line-height: 24px;
}
	.fNavsp li { 
		border-top: 1px solid #FFFFFF;
		border-bottom: 1px solid #D9D9D9;
		padding: 10px;
	}
	.fNavsp li a {
		background: url(../img/fnavsp_arw.gif) no-repeat right center;
		-webkit-background-size: 12px 12px;
		background-size: 12px 12px;
		display: block; 
	}
	#footer .fBtn {
		width: 60%;
	}
	@media screen and (max-width: 640px) {
	#footer .fBtn {
		width: 98%;
	}
	}
	

/* --------------------------------------
    COPY
--------------------------------------- */


/* --------------------------------------
    PAGETOP
--------------------------------------- */
#page-topsp {
	background: #BBBBBB;
	width: 180px;
	margin: 20px auto 0px auto;
}
	#page-topsp a {
		background: url(../img/arw_pgtop.gif) no-repeat 30px center;
		-webkit-background-size: 12px 12px;
		background-size: 12px 12px;
		text-decoration: none;
		padding: 10px 0px 10px 50px;
		display: block;
	}


/* --------------------------------------
    SPECIAL_AREA
--------------------------------------- */
#specialArea { padding: 1%;}
@media screen and (max-width: 640px) {
	#specialArea .ttlBar .ttlWrap {
		-webkit-background-size: 55px 25px;
		background-size: 55px 25px;
		padding: 8px 8px 8px 70px;
		font-size: 16px;
		line-height: 24px;
	}
	#specialArea .ttlBar .ttlWrap h2 {
		font-size: 22px;
		line-height: 30px;
	}
}

	
/* --------------------------------------
    LIST
--------------------------------------- */
.listBox {
	width: 100%; 
}		
	.listBox .Outer {
		width: 100%; 
	}
	.listBox ul {
		padding-bottom: 20px;
	}
		.listBox li {
			width: 33.333%;
			min-height: 345px;
			margin-right: 0px;
			padding: 0px 1%;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
		}
		.listBox li img { 
			width: 100%;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
		}
		.listBox li .ttl {
			font-size: 18px;
			line-height: 22px;
		}
		
		
/* --------------------------------------
    詳細ページ
--------------------------------------- */
	#itemDtl .thmArea {
		float: left;
		width: 40%;
		padding-right: 10px;
	}
	#itemDtl .thmAreasp { display: none !important;}
	
/* --------------------------
    画像切り替え部分
-------------------------- */
#itemDtl .thmArea .thmL { text-align: center;}
	#itemDtl .thmArea .thmS ul {
		padding: 0px 0px 1% 0px;
	}
	#itemDtl .thmArea .thmS ul:first-child {
		padding: 1% 0px 1% 0px;
	}
	#itemDtl .thmArea .thmS li {
		width: 18%;
		padding: 0px 1%;
	}
	#itemDtl .thmArea .thmS li a {
		background: none;
		text-align: center;
	}
@media screen and (max-width: 640px) {
	#itemDtl .thmArea {
		float: none;
		width: 70%;
		padding-right: 0px;
		margin: 0px auto 20px auto;
	}
}


/* --------------------------------------
    ページネーション
--------------------------------------- */
.pageNavsp { display: none !important;}


/* --------------------------------------
    TABLE
--------------------------------------- */
/* アンケート */
.tbl02 {
	border-bottom: 1px solid #EAEAEA;
	padding: 20px 0px;
}
.tbl02 dt {
    float: none;
	width: 100%;
	display: block;
	margin-right: 0px;
	padding: 0px 0px 5px 0px;
}
.tbl02 dd {
	margin-left: 0px;
	padding: 0px;
}


/* --------------------------------------
    FORM
--------------------------------------- */
.fTxt01 { width: 94%;}
.fTxt02 { width: 94%;}
.fTxtarea01 { width: 94%;}


/* --------------------------------------
    BUTTON
--------------------------------------- */
.btnArea span { 
	font-size: 14px;
}

/* グレー */
.btnArea .btn01 {
	width: 100%;
	display: block;
	margin: 0px auto 2% auto;
}
	.btnArea .btn01 a {
		-webkit-background-size: 12px 12px;
		background-size: 12px 12px;
		padding: 10px 0px;
		font-size: 18px;
		line-height: 20px;
	}

/* 赤 */
.btnArea .btn02 {
	width: 100%;
	display: block;
	margin: 0px auto 2% auto;
}
	.btnArea .btn02 a {
		-webkit-background-size: 12px 12px;
		background-size: 12px 12px;
		padding: 10px 0px;
		font-size: 18px;
		line-height: 20px;
	}
	
@media screen and (max-width: 640px) {
	.btnArea .btn01 a {
		font-size: 16px;
		line-height: 20px;
	}
	.btnArea .btn02 a {
		font-size: 16px;
		line-height: 20px;
	}
}


/* --------------------------------------
    COMMON_ELEMENTS
--------------------------------------- */