@charset "utf-8";

/*-------------------------------------------------------------------------------------------

REFINE CUSTOM STYLESHEET

スタイルシートをカスタマイズする場合は、style.cssを編集する代わりにこちらに
記述してください。そうすることで、テンプレートがアップデートされた場合でも、
このページをコピー＆ペーストするだけで、簡単に新バージョンのテンプレートに、
自分のカスタムを反映させることができます。

-------------------------------------------------------------------------------------------*/


/* popular-postsの矢印を消す */

.widget.popular-posts li {
padding-left: 0;
}

.widget.popular-posts li a:before {
display: inline;
content: none;
}

.widget.popular-posts a img {
float: left;
margin-right: 10px;

}

.widget.popular-posts li {
zoom:1;
}

.widget.popular-posts li:after {
content:"";
display:table;
clear:both;
}




/* オリジナル大（横幅いっぱい） */

.btn_m {
	display: block;
	margin: 0 20px 20px;
	padding: 18px 20px 16px;
	color: #fff !important;
	text-align: center;
	text-decoration: none !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.66);
	letter-spacing: 1px;
	font-size: 18px;
	font-size: 1.39rem;
	line-height: 1.5;
}

/* オリジナル小（文字数の幅に合わせる） */

.btn_n {
	display: inline-block;
	margin: 0 0 20px;
	padding: 0.9em 1.5em;
	color: #fff !important;
	text-align: center;
	text-decoration: none !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.66);
	font-size: 15px;
	font-size: 1.16rem;
	line-height: 1;
}

/* オリジナル中（横幅いっぱい） */

.btn_c {
	display: block;
	margin: 10px 0 10px;
	padding: 0.9em 1.5em;
	color: #fff !important;
	text-align: center;
	text-decoration: none !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.66);
	font-size: 15px;
	font-size: 1.16rem;
	line-height: 1;
}


/* オリジナル練習（文字数の幅に合わせる） */

.btn_a {
	display: block;
	margin: 0 20px 20px;
	padding: 0.9em 1.5em;
	color: #fff !important;
	text-align: center;
	text-decoration: none !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.66);
	font-size: 6px;
	font-size: 1.16rem;
	line-height: 5;
}



/* 色・緑(オリジナル) */

.btn-green2 {
	border: 1px solid #90D24E;
	background: #1EAA39 url("img/shortcodes/bg-btn.png") repeat-x left center;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 #7EA835, 0 2px 3px rgba(0, 0, 0, 0.33);
}

/* 色・オレンジ(オリジナル) */

.btn-orange2 {
	border: 1px solid #fa9e14;
	background: #ed8823 url("img/shortcodes/bg-btn.png") repeat-x left center;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 #7EA835, 0 2px 3px rgba(0, 0, 0, 0.33);
}


/* 色・赤 */

.btn-red2 {
	border: 1px solid #fa0026;
	background: #f60e0b url("img/shortcodes/bg-btn.png") repeat-x left center;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 #fa0026, 0 2px 3px rgba(0, 0, 0, 0.33);
}




/* 色・ハイライト */

.btn-red:hover, .btn-blue:hover, .btn-green:hover, .btn-green2:hover, .btn-orange2:hover, .btn-orange:hover, .btn-black:hover, .btn-rakuten:hover, .btn-yahoo:hover, .btn-amazon:hover, .btn-option:hover {
	background-image: url("img/shortcodes/bg-btn-hover.png");
}


/* 色・エンジ(楽天) */

.btn-rakuten {
	border: 1px solid #be0000;
	background: #be0000 url("img/shortcodes/bg-btn.png") repeat-x left center;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 #be0000, 0 2px 3px rgba(0, 0, 0, 0.33);
}



/* 色・赤(ヤフー) */

.btn-yahoo {
	border: 1px solid #fa0026;
	background: #f60e0b url("img/shortcodes/bg-btn.png") repeat-x left center;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 #fa0026, 0 2px 3px rgba(0, 0, 0, 0.33);
}




/* 色・オレンジ(アマゾン) */

.btn-amazon {
	border: 1px solid #f79b34;
	background: #f79b34 url("img/shortcodes/bg-btn.png") repeat-x left center;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 #f79b34, 0 2px 3px rgba(0, 0, 0, 0.33);
}


/* オリジナル売場へ（横幅いっぱい） */

.btn_u {
	display: block;
	margin: 0 0 0px;
	padding: 12px 1px 10px;
	color: #fff !important;
	text-align: center;
	text-decoration: none !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.66);
	font-size: 15px;
	font-size: 1.16rem;
	line-height: 1.3;
}

/* スマホ表示時の余⽩を変更 */
@media(max-width: 1000px) {
.header-bar-inner,
.banner-inner,
.glovalnavi-inner,
.container-inner,
.footer-menu-inner,
.footer-inner {
padding-right: 5px !important;
padding-left: 5px !important;
}
.entry,
.main .widget {
margin: 0 0 10px !important;
}
.main-inner > .entry,
.main-inner > .widget {
padding: 10px !important;
}
.main-inner > .entry .entry-title,
.main-inner > .widget .widget-title {
top: -10px !important;
margin: 0 -10px !important;
}
}