@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:700");
@import url('https://fonts.googleapis.com/css?family=Dosis&display=swap');
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url('https://fonts.googleapis.com/css?family=Bangers&display=swap');

body {
	width: 100%;
	font-size: 14px;
	line-height: 140%;
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 400;
	color: #111;
	margin: 0;
	padding: 0;
}

a {
	color: #007ebe;
	text-decoration: none;
	outline: none;
}

a:visited {
	color: #007ebe;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}

br.clear {
	height: -9999px !important;
	clear:both;
	display: none;
}

.copylight {
	text-align: center;
	letter-spacing: 1px;
	padding-bottom: 20px;
}

/* サイドカテゴリ */
#side_category iframe {
	width: 230px;
	height: 245px;
	margin-bottom: 30px;
}

/* サイドカテゴリ（トレラン） */
#side_category_trail iframe {
	width: 230px;
	height: 4473px;
	margin-bottom: 30px;
}

/* メインのイベントバナー */
#main_all_event iframe {
	width: 780px;
	height: 620px;
}

/* ホットワード */
.hotword iframe {
	width: 1040px;
	height: 30px;
	margin-top: 20px;
}

/* サイドバーのイベントバナー */
#side_event iframe {
	width: 230px;
	height: 1455px;
}

/* サイドバーのイベントバナー（トレラン） */
#side_event_trail iframe {
	width: 230px;
	height: 1096px;
}



/* iframeの高さ調整
========================================================= */
/* お知らせエリア */
#main_osirase iframe {
	width: 1040px;
	height: 36px;
	margin: 50px auto 0 auto;
	display: block;
}
#main_calendar iframe {
    width: 1040px;
    height: 300px;
    margin: 0 auto;
    display: block;
}

/* ヘッダー全体 */
#top_header iframe {
	width: 1040px;
	height: 402px;
	margin: 50px auto 40px auto;
}

/* 楽天バナー */
.raukten_banner_area iframe {
	width: 406px;
	height: 52px;
	overflow: hidden;
}

/* ヘッダーカテゴリ */
.header_category iframe {
	width: 870px;
	height: 120px;
}

/* 送料エリア(青色のバー) */
.postage iframe {
	width: 1040px;
	height: 35px;
	margin: 20px 0;
}

/* トップページのメイン新着アイテム */
#main_newitem_top iframe {
	width: 1040px;
	height: 650px;
}

/* メイン新着アイテム */
#main_newitem iframe {
	width: 780px;
	height: 570px;
}

/* トップページのイベントバナー */
#top_event iframe {
	width: 1040px;
	height:326px;
	margin: 0 auto;
	padding: 0 20px;
	display: block;
}

/* フッター */
#footer iframe {
	width: 1040px;
	height: 1160px;
	margin: 0 auto;
	padding: 0 20px;
	display: block;
}

/* 予備 */
.newitem_slide iframe {
	width: 96%;
	height: auto;
	padding: 0;
	margin: 0 2% !important;
}

/* 予備 */
#main_recommend iframe {
	width: 780px;
	height: 566px;
}

/* 予備 */
#main_apilist iframe {
	width: 780px;
	height: 774px;
	margin: 0 20px;
}



/* rakuten products_page
========================================================= */
/*.shop_point_rate {
	width: 1087px !important;
	line-height: 140% !important;
	text-align: center !important;
	letter-spacing: 1px !important;
	margin: 0 20px 5px 20px !important;
	padding: 10px 0 !important;
	color: #007ebe !important;
	background: #f7f7f7 !important;
	border: none !important;
	overflow: hidden !important;
	display: block !important;
}

.shop_point_rate font {
	font-size: 12px !important;
}

.shop_point_rate img {
	height: 12px !important;
	width: auto !important;
	margin: 3px 5px 0 0 !important;
}*/

#asuraku_available {
	width: 1087px !important;
	line-height: 140% !important;
	text-align: center !important;
	letter-spacing: 1px !important;
	margin: 0 20px 5px 20px !important;
	border: none !important;
	overflow: hidden !important;
	display: block !important;
}

#asuraku_available font {
	font-size: 16px !important;
	font-weight: bold;
	color: #bf0000;
}

#asuraku_available img {
	height: 18px !important;
	width: auto !important;
	margin: 1px 5px 0 0 !important;
}

.onajicategory {
	width: 100%;
	text-align: right;
	margin-top: 5px;
	padding-bottom: 10px;
	overflow: hidden;
}

.onajicategory a {
	font-size: 90%;
	letter-spacing: 1px;
	display: inline-block;
}

.floating-cart-options-table {
	font-size: 11px !important;
	margin: 20px 0 !important;
}

#rakutenLimitedId_aroundCart select {
	margin-bottom: 20px;
	padding: 5px;
	width: 383px;
	font-family: "メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	letter-spacing: 0.05em;
}

#rakutenLimitedId_aroundCart select {
	font-size: 13px !important;
	font-weight: normal !important;
	display: inline-block !important;
}

#rakutenLimitedId_aroundCart td span.choice {
	display: block;
	margin-bottom: 5px;
	padding: 7px;
	width: 366px;
	font-family: "メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	font-size: 12px !important;
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #da0e0e;
	border-left: #733027 solid 3px;
	background: f3f3f3;
}

.dsf-disclaimer-container {
	padding-bottom: 20px;
}

span.inventory_title {
	font-family: "メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

td.exT_sdtext {
	width: 800px !important;
	float: left !important;
	overflow: hidden !important;
}



span.lossleader_price1 {
	display: none !important;
}

#allShopsRecommendWidget {
	width: 100% !important;
}

span.lossleader_price2 {
	color: #333 !important;
	font-size: 80% !important;
	font-weight: normal !important;
	display: block !important;
	margin: 5px 0 10px 0 !important;
}

#rnkInShopPartsArea {
	width: 100% !important;
}

td.inventory_choice_name {
	font-family: meiryo,verdana !important;
	padding: 8px !important;
	background: #f3f3f3 !important;
}

#rakutenLimitedId_aroundCart .inventory {
	padding: 5px 8px !important;
}

.inventory font {
	font-size: 10px !important;
	line-height: 120% !important;
}

span.item_name {
	display: block !important;
}

.catch_copy {
	font-size: 13px !important;
	line-height: 18px !important;
	padding-bottom: 10px !important;
	display: block !important;
}

.item_name b {
	font-size: 14px !important;
	line-height: 160% !important;
	padding: 16px !important;
	color: #333 !important;
	background: #f3f3f3 !important;
	display: inline-block;
}

span.item_desc {
	line-height: 160% !important;
	font-size: 12px !important;
	margin-top: 10px !important;
	display: block !important;
}

.item_desc iframe {
	width: 567px !important;
	height: 530px !important;
	margin: 20px 0 0 0 !important;
	background: #fff !important;
}

.item_desc iframe:nth-of-type(2) {
	margin: 0 0 0 0 !important;
}

#rakutenLimitedId_aroundCart .deliveryMethod {
	line-height: 160% !important;
	font-weight: bold !important;
	color: red !important;
}

#rakutenLimitedId_aroundCart .deliveryInformation_title {
	line-height: 160% !important;
}

#rakutenLimitedId_aroundCart .deliveryInformation {
	padding: 10px !important;
	border: 2px #ccc solid !important;
}

#rakutenLimitedId_aroundCart .deliveryMethod li {
	margin: 0 10px 0 0 !important;
	border: none !important;
}

td.sdtext {
	letter-spacing: 1px !important;
	line-height: 160% !important;
}
</style>



/* header
========================================================= */
header {
	width: 1040px;
	margin: 0 auto;
	overflow: hidden;
}

#header_logomenu {
	overflow: hidden;
}

@media (max-width:500px) {
	.logo {
		padding: 20px;
	}
}

.logo li {
	float: left;
}

.logo li:nth-of-type(1) {
	height: 62px;
	line-height: 62px;
	margin-right: 30px;
}

@media (max-width:500px) {
	.logo li:nth-of-type(1) {
		height: 35px;
		line-height: 35px;
		margin-right: 20px;
	}
}

.logo li:nth-of-type(1) img {
	width: 169px;
	height: auto;
	vertical-align: middle;
}

@media (max-width:500px) {
	.logo li:nth-of-type(1) img{
		width: 130px;
	}
}

@media (max-width:500px) {
	.logo li:nth-of-type(2) img{
		width: 80px;
	}
}

.menu {
}

@media (max-width:500px) {
	.menu {
		width: calc(100% - 40px);
		padding: 0 20px 40px 20px;
	}
}

.menu ul:nth-of-type(1) {
	font-size: 9px;
	margin-bottom: 16px;
	float: right;
	overflow: hidden;
}

.menu ul:nth-of-type(1) li {
	height: 43px;
}

@media (max-width:500px) {
	.menu ul:nth-of-type(1) li {
		margin-bottom: 10px;
	}
}

.menu li {
	text-align: center;
	padding: 0 10px;
	float: left;
}

.menu li:nth-of-type(6) {
	line-height: 43px;
}

.menu li a {
	text-align: center;
	color: #111;
	display: block;
}

.menu li img {
	width: 22px;
	height: 22px;
	margin-bottom: 2px;
}

.menu li:nth-of-type(6) img {
	width: 60px;
	height: auto;
	vertical-align: middle;
}

.menu ul:nth-of-type(2) {
	font-size: 11px;
	float: right;
	overflow: hidden;
}

.menu ul:nth-of-type(2) li {
	line-height: 120%;
	letter-spacing: 1px;
	padding: 0 6px;
	border-right: 1px #999 solid;
}

@media (max-width:500px) {
	.menu ul:nth-of-type(2) li {
		margin-bottom: 5px;
	}
}

.menu ul:nth-of-type(2) li:nth-of-type(6) {
	padding: 0 0 0 6px;
	border: none;
}



/* search_form
========================================================= */
.search_form {
	width: 619px;
	height: 52px;
	padding-top: 20px;
	margin: 0;
	float: left;
	overflow: hidden;
}

@media (max-width:500px) {
	.search_form {
		width: 100%;
		padding: 0;
	}
}

.search_form form {
	width: 619px;
	height: 52px;
	margin: 0;
}

@media (max-width:500px) {
	.search_form form {
		width: 100%;
	}
}

.search_form form input {
	vertical-align: bottom;
}

.search_form input[type=text] {
	width: 501px;
	height: 52px;
	line-height: 52px;
	font-size: 100%;
	letter-spacing: 1px;
	padding: 0 20px;
	margin: 0;
	color: #666;
	background: #f1f1f1;
	border: none;
	border-radius: 0 0 0 0 !important;
	-webkit-border-radius: 0 0 0 0 !important;
	-moz-border-radius: 0 0 0 0 !important;
}

@media (max-width:500px) {
	.search_form input[type=text] {
		width: calc(100% - 118px);
	}
}

.search_form input[type=submit] {
	width: 78px;
	height: 52px;
	line-height: 52px;
	text-indent: -9999px;
	padding: 0;
	margin: 0;
	border: none;
	background: url(../img/site_parts/search.png) 50% 50% no-repeat #434343;
	border-radius: 0 0 0 0 !important;
	-webkit-border-radius: 0 0 0 0 !important;
	-moz-border-radius: 0 0 0 0 !important;
}

@media (max-width:500px) {
	 {

	}
}



/* raukten_banner_area
========================================================= */
.raukten_banner_area {
	width: 406px;
	margin: 20px 0 0 15px;
	overflow: hidden;
	float: left;
}

@media only screen and (max-width: 480px) {
	.raukten_banner_area {
		width: 100% !important;
		margin: 0 !important;
	}
}

@media (max-width: 900px) {
	.raukten_banner_area {
		top: 119px;
		right: 0;
}
}

@media only screen and (max-width: 480px) {
	.raukten_banner_area iframe {
		width: 100% !important;
	}
}

.raukten_banner_area a {
	display: inline-block;
	padding: 0;
	margin: 0;
	float: right;
}



/* hotword
========================================================= */
.hotword {
	width: 1040px;
	margin: 0 auto;
	overflow: hidden;
}

@media only screen and (max-width: 480px) {
	.hotword {
		width: 100%;
		padding-bottom: 20px;
	}
}

.hotword dt,
.hotword dd {
	float: left;
}

.hotword dt {
	line-height: 30px;
	font-family: 'Bangers', cursive;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 1px;
	padding: 0 20px 10px 0;
}

@media only screen and (max-width: 480px) {
	.hotword dt {
		padding: 10px 20px 0 0;
	}
}

.hotword dd a {
	line-height: 30px;
	font-size: 12px;
	margin: 0 10px 10px 0;
	padding: 0 10px;
	color: #111;
	background: #f1f1f1;
	display: inline-block;
}

@media only screen and (max-width: 480px) {
	.hotword dd a {
		font-size: 10px;
		margin: 10px 10px 0 0;
	}
}

.hotword dd a:visited {
	text-decoration: none;
	color: #111;
}

.hotword dd a:hover {
	text-decoration: none;
	background: #f7f7f7;
}



/* souryou
========================================================= */
.souryou {
	line-height: 35px;
	font-size: 11px;
	letter-spacing: 1px;
	text-align: center;
	margin: 0;
	color: #fff;
	background: #2a579f;
	overflow: hidden;
}

@media only screen and (max-width: 480px) {
	.souryou {
		line-height: 140%;
		font-size: 10px;
		padding: 10px 0;
	}
}

@media only screen and (max-width: 480px) {
	.souryou span {
		line-height: 140%;
		display: block;
	}
}



/* header_category
========================================================= */
.header_category {
	width: 1040px;
	border-top: 1px #111 solid;
	border-bottom: 1px #111 solid;
	margin: 0 auto;
	overflow: hidden;
}

.header_category dl {
	width: 170px;
	text-align: center;
	padding-top: 43px;
	float: left;
}

.header_category dt {
	font-family: 'Roboto Condensed', 'Hiragino Kaku Gothic ProN', Meiryo,sans-serif;
	font-size: 24px;
	font-weight: 700;
}

.header_category dd {
	font-size: 12px;
	padding-top: 5px;
}

#category .slick-dotted.slick-slider {
	padding: 0 30px;
}

#category .pickup_name a {
	text-align: center;
	font-size: 10px;
	color: #111;
}

#category .slick-dots {
	display: none !important;
}

#category li img {
	width: 90%;
	padding: 0 5%;
	margin-bottom: 5px;
}

@media only screen and (max-width: 480px) {
	#category li img {
		width: 100%;
		padding: 0;
		margin-bottom: 0;
	}
}

#category .prev {
	line-height: 40px;
	font-family: 'Dosis', sans-serif;
	font-size: 36px;
	font-weight: 400;
	padding: 0 8px 0 10px;
	color: #333;
	position: absolute;
	left: 0;
	top: 28%;
	z-index: 1001;
	display: inline-block;
}

@media only screen and (max-width: 480px) {
	#category .prev {
		top: 20%;
	}
}

#category .next {
	line-height: 40px;
	font-family: 'Dosis', sans-serif;
	font-size: 36px;
	font-weight: 400;
	padding: 0 8px 0 10px;
	color: #333;
	position: absolute;
	right: 0;
	top: 28%;
	z-index: 1001;
	display: inline-block;
}

@media only screen and (max-width: 480px) {
	#category .next {
		top: 20%;
	}
}

#category .pickup_name a {color: #111;}
#category .pickup_name a:visited {color: #111;}

#category .pickup_name p {
	width: 94%;
	padding: 0 3%;
	margin-bottom: 3px;
	line-height: 120%;
	font-size: 12px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

@media only screen and (max-width: 480px) {
	#category .pickup_name p {
		font-size: 10px;
	}
}

#category .pickup_price {
	width: calc(100% - 14px);
	font-family: 'Roboto Condensed', 'Hiragino Kaku Gothic ProN', Meiryo,sans-serif;
	line-height: 120%;
	text-align: right;
	font-size: 16px;
	font-weight: 500;
	padding-right: 14px;
	margin-bottom: 20px;
	display: block;
}

.slick-dots li button:before {
	content: '●' !important;
}



/* tabs
========================================================= */
.tabs {
	margin: 0 0 70px 0;
	background: #f7f7f7;
	display: block;
	overflow: hidden;
}

@media screen and (max-width: 600px) {
	.tabs {
		margin: 0 0 50px 0;
	}
}

/*.horizontal li {
	background: #eceef1;
	float: left;
}

.horizontal li a {
	font-family: 'Fjalla One', sans-serif;
	font-size: 80%;
	font-weight: 500;
	text-decoration: none;
	letter-spacing: 1px;
	padding: 14px 14px 14px 15px;
	display: inline-block;
}*/

.horizontal li {
	width: 20%;
	background: #eceef1;
	float: left;
}

@media screen and (max-width: 600px) {
	.horizontal li {
		width: 33.3333%;
		background: #eceef1;
	}
}

.horizontal li a {
	font-size: 80%;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	letter-spacing: 1px;
	padding: 14px 0 14px 0;
	color: #111;
	display: block;
}

.horizontal li a:hover {
	color: #666;
}

.horizontal .active {
	background: #f7f7f7 !important;
}

.tab_contents {
	width: 100%;
	padding: 40px 0 0 0;
	background: #f7f7f7;
	display: block;
	overflow: hidden;
}

@media screen and (max-width: 600px) {
	.tab_contents {
		padding: 30px 0 0 0;
	}
}



/* wrapper
========================================================= */
.wrapper{
	width: 100%;
	line-height: 120%;
	margin: 0 auto;
}

.contentInner {
	display: flex;
	flex-wrap:wrap;
	margin-bottom: 50px;
}

.contentInner {
	list-style:none;
}

.contentInner li {
	width: calc(100%/5);
	padding: 0;
	margin-bottom: 30px;
}

@media screen and (max-width: 600px) {
	.contentInner li {
		width: calc(100%/3);
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 600px) {
	.contentInner li:nth-child(n + 13) {
		display: none;
	}
}

.contentInner li dl {
	margin: 0 10px;
}

@media screen and (max-width: 600px) {
	.contentInner li dl {
		margin: 0 5px;
	}
}

.contentInner li dl dt{
	height: 140px;
	margin-bottom: 10px;
	overflow: hidden;
}

@media screen and (max-width: 430px) {
	.contentInner li dl dt {
		height: 120px;
		margin-bottom: 5px;
	}
}

@media screen and (max-width: 390px) {
	.contentInner li dl dt {
		height: 110px;
		margin-bottom: 5px;
	}
}

@media screen and (max-width: 340px) {
	.contentInner li dl dt {
		height: 96px;
		margin-bottom: 5px;
	}
}

.contentInner li dl dt a{
	display: block;
}

.contentInner li dl dt a img{
	width: 100%;
	height: auto;
}

.contentInner li dl dd {
	margin: 0;
	font-size: 90%;
	margin-bottom: 5px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.contentInner li dl dd a {
	color: #111;
	display: block;
}

.contentInner li dl dd a:visited {
	color: #111;
}

.contentInner li dl dd.itemPrice{
	width: calc(100% - 5px);
	line-height: 120%;
	font-family: 'Roboto Condensed', 'Hiragino Kaku Gothic ProN', Meiryo,sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	color: #111;
}

.contentInner li dl dd.itemPrice span{
	font-size: 80%;
}

.contentInner li dl dd.itemValue{
	letter-spacing: 1px;
}

.contentInner li dl dd.itemValue span{
	font-size: 20px;
}



/* title
========================================================= */
.main_title {
	line-height: 100%;
	font-family: 'Roboto Condensed', 'Hiragino Kaku Gothic ProN', Meiryo,sans-serif;
	font-weight: 700;
	letter-spacing: 2px;
	text-align: center;
	font-size: 32px;
	margin: 0 0 5px 0;
}

@media screen and (max-width: 800px) {
	.main_title {
		font-size: 22px !important;
	}
}

.main_title span {
	font-size: 24px;
	margin: 0 5px;
	display: inline-block;
}

@media screen and (max-width: 800px) {
	.main_title span {
		font-size: 20px !important;
		margin: 0 2px;
	}
}

.main_title2 {
	line-height: 120%;
	font-weight: 700;
	letter-spacing: 2px;
	text-align: center;
	font-size: 11px;
	font-weight: 400;
	margin-bottom: 30px;
	color: #999;
}

@media screen and (max-width: 800px) {
	.main_title2 {
		font-size: 10px;
		margin-bottom: 30px;
	}
}

#newitem_title {
	margin-bottom: 20px;
	border-bottom: 1px #111 solid;
}

@media screen and (max-width: 600px) {
	#newitem_title {
	}
}

#newitem_title h2 {
	font-size: 16px;
	margin-bottom: 10px;
	display: inline-block;
}

@media screen and (max-width: 800px) {
	#newitem_title h2 {
		font-size: 14px;
	}
}

#newitem_title a {
	font-size: 11px;
	font-weight: 500;
	color: #111;
	padding: 5px 20px;
	color: #fff;
	background: #111;
	float: right;
	display: inline-block;
}

@media screen and (max-width: 600px) {
	#newitem_title a {
		font-size: 10px;
		padding: 5px 10px;
	}
}

#newitem_title a:visited {
	text-decoration: none;
	color: #fff;
}

#newitem_title a:hover {
	text-decoration: none;
	color: #fff;
	background: #666;
}



/* iframe
========================================================= */
.slick-dotted.slick-slider {
	margin: 0 !important;
	padding: 0;
}

@media screen and (max-width: 800px) {
	.slick-dotted.slick-slider {
		margin: 20px 0;
	}
}

@media screen and (max-width: 500px) {
	.slick-dotted.slick-slider {
		margin: 0 0 20px 0;
	}
}

#top_header {
	padding: 0 20px;
}

#header-iframe {
	margin: 50px auto 20px auto;
	display: block;
	overflow: hidden;
}

#main_osirase {
	display: block;
}

.sp_osirase {
	width: 100%;
	overflow: hidden;
}

.sp_osirase iframe {
	width: 100%;
	height: 50px;
}

@media screen and (max-width: 500px) {
	#main_newitem iframe {
		width: 92%;
		height: 312px;
		padding: 0;
		margin: 0 4%;
	}
}

@media screen and (max-width: 420px) {
	#main_newitem iframe {
		height: 287px;
	}
}

@media screen and (max-width: 380px) {
	#main_newitem iframe {
		height: 276px;
	}
}

@media screen and (max-width: 330px) {
	#main_newitem iframe {
		height: 260px;
	}
}

@media screen and (max-width: 500px) {
	#main_all_event iframe {
		width: 98%;
		height: 250px;
		padding: 0;
		margin: 0 1%;
	}
}

@media screen and (max-width: 420px) {
	#main_all_event iframe {
		height: 214px;
	}
}

@media screen and (max-width: 380px) {
	#main_all_event iframe {
		height: 202px;
	}
}

@media screen and (max-width: 330px) {
	#main_all_event iframe {
		height: 186px;
	}
}

.sp_cate {
	width: 100%;
}

.sp_cate iframe {
	width: 100%;
}

@media screen and (max-width: 500px) {
	.sp_cate iframe {
		height: 120px;
	}
}

@media screen and (max-width: 420px) {
	.sp_cate iframe {
		height: 100px;
	}
}

@media screen and (max-width: 380px) {
	.sp_cate iframe {
		height: 94px;
	}
}

@media screen and (max-width: 330px) {
	.sp_cate iframe {
		height: 83px;
	}
}

@media screen and (max-width: 500px) {
	.sp_postage iframe {
		width: 100%;
		height: 50px;
	}
}

@media screen and (max-width: 420px) {
	.sp_postage iframe {
		width: 100%;
		height: 50px;
	}
}

@media screen and (max-width: 380px) {
	.sp_postage iframe {
		width: 100%;
		height: 50px;
	}
}

@media screen and (max-width: 330px) {
	.sp_postage iframe {
		width: 100%;
		height: 50px;
	}
}

.sp_hotword {
	width: 100%;
}

.sp_hotword iframe {
	width: 96%;
	margin: 10px 4% 0 4%;
}

@media screen and (max-width: 500px) {
	.sp_hotword iframe {
		height: 100px;
	}
}

@media screen and (max-width: 420px) {
	.sp_hotword iframe {
		height: 100px;
	}
}

@media screen and (max-width: 380px) {
	.sp_hotword iframe {
		height: 100px;
	}
}

@media screen and (max-width: 330px) {
	.sp_hotword iframe {
		height: 140px;
	}
}

@media screen and (max-width: 500px) {
	#main_apilist iframe {
		width: 96%;
		height: auto;
		margin: 0 2% !important;
	}
}

@media screen and (max-width: 500px) {
	.newitem_slide iframe {
		width: 100%;
		margin: 0 !important;
	}
}

#main_recommend {
	margin-bottom: 20px;
}

@media screen and (max-width: 500px) {
	#main_recommend {
		width: 92%;
		margin: 0 4% !important;
	}
}

@media screen and (max-width: 500px) {
	#main_recommend iframe {
		width: 100%;
		height: auto;
		margin: 0 0 40px 0 !important;
	}
}



/* sp_contents
========================================================= */
#sp_contents {
}



/* osirase
========================================================= */
.osirase li {
	line-height: 40px;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 1px;
	text-align: center;
	background: #f7f7f7;
	border-bottom: 1px #ccc solid;
}

.osirase li a {
	line-height: 140%;
	font-weight: normal;
	text-decoration: underline;
	padding: 10px;
	color: red;
	background: #f7f7f7;
	display: block;
}

.osirase li a:visited {
	text-decoration: underline;
	color: red;
	background: #f7f7f7;
}



/* top_banner
========================================================= */
#top_banner {
	overflow: hidden;
}

#top_banner img {
	width: 96%;
	height: auto;
	padding: 0;
	margin: 0 2%;
}

@media screen and (max-width: 500px) {
	#top_banner img {
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
	}
}



/* newitem
========================================================= */
#newitem {
	width: 100%;
	padding-bottom: 50px;
	overflow: hidden;
}

@media only screen and (max-width: 480px) {
	#newitem {
		padding-bottom: 30px;
	}
}

#newitem .slick-dots {
	bottom: -10px !important;
}

@media only screen and (max-width: 480px) {
	#newitem .slick-dotted.slick-slider {
		margin-bottom: 10px !important;
	}
}

#newitem li img {
	width: 96%;
	padding: 0 2%;
	margin-bottom: 5px;
}

#newitem .next{
	line-height: 100%;
	font-family: 'Dosis', sans-serif;
	font-size: 30px;
	font-weight: 400;
	letter-spacing: 2px;
	padding: 2px 8px 10px 10px;
	background: rgba(68,68,68,0.3);
	color: #fff;
	position: absolute;
	right: 0;
	top: 40%;
	z-index: 1001;
	display: inline-block;
}

#newitem .prev {
	line-height: 100%;
	font-family: 'Dosis', sans-serif;
	font-size: 30px;
	font-weight: 400;
	letter-spacing: 2px;
	padding: 2px 8px 10px 10px;
	background: rgba(68,68,68,0.3);
	color: #fff;
	position: absolute;
	left: 0;
	top: 40%;
	z-index: 1001;
	display: inline-block;
}

@media screen and (max-width: 500px) {
	#newitem .prev {
		line-height: 40px;
		font-family: 'Dosis', sans-serif;
		font-size: 36px;
		font-weight: 400;
		padding: 0 8px 0 10px;
		color: #333;
		background: none;
		position: absolute;
		left: 0;
		top: auto;
		bottom: -16px;
		z-index: 1001;
		display: inline-block;
	}
}

@media screen and (max-width: 500px) {
	#newitem .next {
		line-height: 40px;
		font-family: 'Dosis', sans-serif;
		font-size: 36px;
		font-weight: 400;
		padding: 0 8px 0 10px;
		color: #333;
		background: none;
		position: absolute;
		right: 0;
		top: auto;
		bottom: -16px;
		z-index: 1001;
		display: inline-block;
	}
}

#newitem .pickup_name a {color: #111;}
#newitem .pickup_name a:visited {color: #111;}

#newitem .pickup_name p {
	width: 94%;
	padding: 0 3%;
	margin-bottom: 3px;
	line-height: 120%;
	font-size: 12px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

#newitem .pickup_price {
	width: calc(100% - 14px);
	font-family: 'Roboto Condensed', 'Hiragino Kaku Gothic ProN', Meiryo,sans-serif;
	line-height: 120%;
	text-align: right;
	font-size: 16px;
	font-weight: 500;
	padding-right: 14px;
	margin-bottom: 20px;
	display: block;
}

.slick-dots li button:before {
	content: '●' !important;
}



/* eventlist
========================================================= */
#eventlist {
	width: 100%;
	padding-bottom: 60px;
	overflow: hidden;
	position: relative;
}

@media only screen and (max-width: 480px) {
	#eventlist {
		padding-bottom: 30px;
	}
}

@media only screen and (max-width: 480px) {
	#eventlist .slick-dotted.slick-slider {
		margin-bottom: 20px !important;
	}
}

#eventlist li img {
	width: 96%;
	padding: 0 2%;
	margin-bottom: 5px;
}

#eventlist .pickup_name p {
	width: 92%;
	line-height: 140%;
	font-size: 12px;
	letter-spacing: 1px;
	padding: 0 4%;
	margin-bottom: 16px;
	padding: 0 4%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

@media screen and (max-width: 600px) {
	#eventlist .pickup_name p {
		line-height: 120%;
		font-size: 10px !important;
		margin-bottom: 10px;
	}
}

#eventlist .pickup_name a {
	color: #111 !important;
}

#eventlist .slick-dots {
	bottom: -20px;
}

@media screen and (max-width: 600px) {
	#eventlist .slick-dots {
		bottom: -20px;
	}
}

#eventlist .prev {
	line-height: 40px;
	font-family: 'Dosis', sans-serif;
	font-size: 36px;
	font-weight: 400;
	padding: 0 8px 0 10px;
	color: #333;
	position: absolute;
	left: 0;
	bottom: -24px;
	z-index: 1001;
	display: inline-block;
}

#eventlist .next {
	line-height: 40px;
	font-family: 'Dosis', sans-serif;
	font-size: 36px;
	font-weight: 400;
	padding: 0 8px 0 10px;
	color: #333;
	position: absolute;
	right: 0;
	bottom: -24px;
	z-index: 1001;
	display: inline-block;
}



/* header
========================================================= */
#header {
	width: 1110px;
	margin: 0 auto 13px auto;
	padding: 0 20px;
	overflow: hidden;
}



/* container
========================================================= */
#container {
	width: 1040px;
	margin: 0 auto 30px auto;
	padding: 0 20px;
	overflow: hidden;
}



/* sidebar
========================================================= */
#sidebar {
	width: 230px;
	margin-right: 30px;
	float: left;
	overflow: hidden;
}



/* sidebar_cate
--------------------------------------------------------- */
.sidebar_cate {
	margin-bottom: 30px;
	padding-top: 1px;
	overflow: hidden;
}

.sidebar_cate dl {
	margin-top: -1px;
}

.sidebar_cate dt a {
	line-height: 62px;
	font-size: 75%;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 0 6px 0 8px;
	color: #444;
	background: #f7f7f7;
	display: block;
}

.sidebar_cate dt img {
	width: auto;
	max-width: 36px;
	height: auto;
	max-height: 36px;
	margin-right: 10px;
	vertical-align: middle;
}

.sidebar_cate dt a:visited {
	text-decoration: none;
	color: #444;
}

.sidebar_cate dt a:hover {
	text-decoration: none;
	background: #eee;
}

.sidebar_cate dd a {
	line-height: 120%;
	font-size: 65%;
	padding: 13px 7px 13px 8px;
	color: #444;
	background: url(../img/site_parts/arrow_02.gif) 97% 50% no-repeat;
	background-size: 4px 8px;
	-moz-background-size: 4px 8px;
	-webkit-background-size: 4px 8px;
	-o-background-size: 4px 8px;
	-ms-background-size: 4px 8px;
	border-bottom: 1px #eee solid;
	display: block;
}

.sidebar_cate dd a:hover {
	text-decoration: none;
	color: #444;
	background: url(../img/site_parts/arrow_02.gif) 97% 50% no-repeat #f9f9f9;
	background-size: 4px 8px;
	-moz-background-size: 4px 8px;
	-webkit-background-size: 4px 8px;
	-o-background-size: 4px 8px;
	-ms-background-size: 4px 8px;
}

.sidebar_cate dd a:visited {
	text-decoration: none;
	color: #444;
}



/* main
========================================================= */
#main {
	width: 780px;
	float: left;
	overflow: hidden;
}