footer{
	position: relative;
}
#hero
{
	background-image: url('../image/panel.jpg');
	background-size:100% auto;
}
.hero img
{
	-webkit-filter: drop-shadow(0px 3px 10px rgba(255,255,255,.8));
		filter: drop-shadow(0px 0px 10px rgba(255,255,255,.8));
}
.comic-link{
	display:block;
	height: 64px;
	line-height: 64px;
	background-color: #C1AD99;
	margin: 10px 0;
	color: #363636;
	border-radius: 4px;
	-webkit-transition: all .3s;
	transition: all .3s;
}
@media screen and (max-width:1023px){
.comic-link{
	font-size: 16px;
}
}
@media screen and (min-width:1024px){
.comic-link{
	font-size: 32px;
}
}
.comic-link:hover{ background-color: #F6E9DA; }
.comic-link .comic-ico{ display: inline; vertical-align: middle; }
.comic-link .comic-text{ display: inline-block; vertical-align: top; }

@media screen and (max-width:1023px){
.flex-info
{
	min-height: 200px;
	text-align: center;
}
}
@media screen and (min-width:1024px){
.flex-info
{
	min-height: 200px;
	max-width: 400px;
}
}
.info-inner
{
	background-color: #C1AD99;
	border-radius: 4px;
	padding: 20px;
}
a .info-inner{
	color: #363636;
	-webkit-transition: all .3s;
	transition: all .3s;
}
a .info-inner:hover{
	background-color: #F6E9DA;
}

.flex-info .title { margin: 8px 0 20px 0; }
.flex-info .info-icon { font-size: 70px; }
.comic-index { max-width: 400px; }
.comic-index div { margin: 8px 0; }
.topbutton { z-index: 32; }
.drawer-nav { z-index: 31; }/* グローバルメニューが30 */
.drawer-hamburger{
	background-color: #ffffff;
	padding: 14px 12px 24px;
}
.drawer-hamburger:hover{
	background-color: #ffffff;
}
.socialButton{
	border-radius: 4px;
	padding: 20px;
	color: #ffffff;
	text-align: center;
	margin: 0 14px 10px;
}
.socialButton.twitter { background-color: #55acee; }
.socialButton.fb { background-color: #3B5998; }
.socialButton.line { background-color: #00b900; }
.retTop{
	width: 200px;
	max-width: 40%;
	position: absolute;
	right: 0;
	top: -60px;
	z-index: 10;
}
.topic-button{
	margin-left: 40px;
}
.product .imgbox{
	max-width: 800px;
	max-height: 600px;
	margin: 48px auto;
}
.product article img{ max-width:75px; }
.customer-comment{ margin: 32px 0; }
.customer-comment > p{ margin: 16px 0; }
.info { max-width: 800px; 
		margin: 0 auto;}
.info .container { width: auto; }
.info-message { position: relative; }
.info-message p { text-indent: 1em; line-height:2rem }
/*.hiddenblock.text{
	height: 100px;
	overflow: hidden;
}
.blockswitch{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 30px;
	padding-top: 60px;
	text-align: center;
	line-height: 30px;
	background: linear-gradient(180deg, rgb(255, 255, 255,0) 0%, rgb(255, 255, 255,1) 70%);
	cursor: pointer;
	transition: bottom 0.2s;
}*/