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

html, body {
	/*min-height: 100%;*/
	background-color: transparent;
	}

html {
	font-size: 62.5%;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	/*overflow-y:hidden;*/
	}

body {
	/*height: 100%;*/
	font-family:  YuGothic, '游ゴシック', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.4rem;
	line-height: 1.6;
	/*overflow-y:hidden;*/
	}

#itemlist_container {
	overflow: hidden;
	}
	#itemlist_container li {
		width: 100%;
		border-bottom: 1px solid #E5E5E5;
		background-color: #FFF;
		}
		#itemlist_container li a {
			display: block;
			box-sizing: border-box;
			width: 100%;
			padding: 2px 42px 2px 2px;
			background: url(../../common/images/itemlist_arrow.svg) no-repeat right 30px center / 5px 8px;
			color: #000;
			text-decoration: none;
			overflow: hidden;
			-webkit-transition: all .3s ease;
			-moz-transition: all .3s ease;
			-ms-transition: all .3s ease;
			-o-transition: all .3s ease;
			transition: all .3s ease;
			}
			#itemlist_container li a:hover,
			#itemlist_container li a:active {
				opacity: 0.4;
				}
			#itemlist_container li figure {
				display: block;
				float: left;
				width: 52px;
				height: 52px;
				margin: 0 8px 0 0;
				background-color: rgba(0,0,0,0.15);
				}
			#itemlist_container li h2 {
				margin: 4px 0 3px 0;
				line-height: 1.1;
				font-size: 13px;
				font-weight: bold;
				}
			#itemlist_container li p {
				margin-bottom: 6px;
				line-height: 1.4;
				font-size: 12px;
				}
				#itemlist_container li p em {
					margin-right: 10px;
					}
				#itemlist_container li p span {
					}
					
					
.item_msg {
	padding: 80px 0;
	text-align: center;
	color: #000;
	line-height: 1.5;
	font-size: 12px;
	}
	.item_msg a{
		color: #555;
		text-decoration: none;
		}
	
@media (max-width: 280px) {
	#itemlist_container li a {
		padding: 2px 17px 2px 2px;
		background: url(../../common/images/itemlist_arrow.svg) no-repeat right 5px center / 5px 8px;
		}
	#itemlist_container li p br {
		display: none;
	}
	
	.item_msg {
	color: #FFF;
	}
	.item_msg a{
		color: #CCC;
		text-decoration: none;
		}

}