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

.columnSet.indexArchiveList {
	
}


.columnSet.indexArchiveList .date {
	
}


.more.desc {
	margin-top: 40px;
}

/*
.more a {
	line-height: 64px;
	display: block;
	width: 300px;
	height: 64px;
	margin: 0 auto;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	background: url(/smahoto/know/hiyori/images/index/bg_details_@2x.png) no-repeat 0 0;
	background-size: 300px;
}
*/
/*
.more a {
	line-height: 1.0;
	display: block;
	margin: 0 auto;
	padding: 2em 1em;
	
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	
	border: 1px solid #ccc;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	
	box-shadow: 0 1px 2px #fff inset;
		
	background-image: url(/smahoto/know/hiyori/images/index/bg_detailsA_@2x.png), -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #eef0ea));
	background-image: url(/smahoto/know/hiyori/images/index/bg_detailsA_@2x.png), -webkit-linear-gradient(top, #eef0ea 0%, #f7f7f7 100%);
	background-image: url(/smahoto/know/hiyori/images/index/bg_detailsA_@2x.png), -moz-linear-gradient(top, #eef0ea 0%, #f7f7f7 100%);
	background-image: url(/smahoto/know/hiyori/images/index/bg_detailsA_@2x.png), -ms-linear-gradient(top, #eef0ea 0%, #f7f7f7 100%);
	background-image: url(/smahoto/know/hiyori/images/index/bg_detailsA_@2x.png), linear-gradient(top, #eef0ea 0%, #f7f7f7 100%);
	
	background-repeat: no-repeat,  no-repeat;
	background-position: bottom right,  bottom right;
	background-size: 22px auto, auto;
	
}
*/


.more {
	line-height: 1.4;
	display: block;
	margin: 0 auto;
	padding: 0;
	
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	
	border: 1px solid #ccc;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	
	box-shadow: -2px -2px 0 #fff inset, 2px 2px 0 #fff inset;
		
	background: #f7f7f7;
}

.more:hover {
	box-shadow: none;
	background-color: #ea528f;
}

.more a {
	line-height: 1.1;
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 2em 1em;
	
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}

.more a:link,
.more a:active,
.more a:visited {
	text-decoration: none;
	color: #313131;	
}

.more a:hover {
	text-decoration: none;
	color: #fff;
}

.more a:before {
	position: absolute;
	right: 6px;
	bottom: 6px;
	
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 16px 16px;
	border-color: transparent transparent #ea528f transparent;
}

.more a:hover:before {
	border-color: transparent transparent #ffffff transparent;
}


#mainGraphic {
	width: 100%;
}

#mainGraphic.fit {
	overflow: visible;
}

#mainGraphic.original {
	overflow: scroll;
}


#mainGraphic p {
	margin: 0;
	padding: 0;
}


#mainGraphic img {
	display: block;
	width: 100%;
	height: auto
}

#mainGraphic .lazy img {
    display: block;
    background: url(/smahoto/common/images/bg_load.gif) no-repeat center;
    background-size: 32px auto;
}

#btnToggleGraphic {
	width: 5em;
	margin: 5px auto;
	padding: 5px;
	border: 1px solid #ccc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	text-align: center;
	box-shadow: 0 0 0 #fff inset;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f0f0f0);
	background: -ms-linear-gradient(#fff, #f0f0f0);
	background: linear-gradient(#fff, #f0f0f0);

}


.desc .pageNav {
	margin-top: 15px	
}


#mainContents #mainGraphic img {
	display: block;
}

/* lazy */
#mainContents #mainGraphic .lazy {
	display: none;
}