@charset "UTF-8";
@media screen and (max-width: 640px) {

/* スマホ用CSS ↓*/

/* -------------- トップページ：メッセージ -------------- */

div.msg {
	padding: 10px;
	width: 90%;
}

/* -------------- トップページ：お知らせ -------------- */

div.top-left,
div.top-right {
	width: auto;
	padding: 0 0.25em;
	margin-top: 1em;
	float: none;
}



div.top-information dl dt {
	margin-left: 0;
	clear: both;
}

/* -------------- トップページ：カタログ拡材 -------------- */

div.top-catalog {
	margin-top: 1em;
}


div.top-catalog dl {
	width: auto;
	margin-bottom: 1em;
	height: 180px;
	padding: 20px 15px;
	float: left;
	background: #eeefef;
	border-left: 5px solid #bbd372;
	overflow: hidden;
	position: relative;
}

div.top-catalog dl:first-child {
	margin-right: 0;
}

div.top-sns {
	border: 1px solid #ddd;
}

div.top-sns li.twitter {
	width: auto;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;

}

div.top-sns li.twitter iframe{
	width: calc(100vw - 0.25em)!important;
}


div.top-catalog dl dd.kana {
	font-size: 0.8rem;
}

div.top-catalog dl dd.txt {

}

div.top-banner ul li img {
	width: 70%;
}


/* -------------- トップページ：bxslider -------------- */

section {
	width: auto;
}

/* スマホ用CSS ↑*/

}