@charset "utf-8";

/* ==============================================
ブロック共通
    * #container から指定することで、ヘッダー・フッターには適用していない。
/* ============================================= */
.block_outer {
	clear:both;
}
.side {
    overflow-x: hidden; /* IE6 表示乱れ防止 */
}
#container .block_outer {
    margin-bottom: 20px;
}
.block_outer .block_body {
	padding:0;
    background-color: #fff;
}

/* タイトル
----------------------------------------------- */
.block_outer h2 {
	font-size:110%;
	margin-bottom:10px;
}
.main .block_outer h2 {
	padding-left:1px;
	border-left:#ccc 10px solid;
}
.main .block_outer h2 .title {
	background-color:#eee;
	color:#333;
	padding:2px 0 2px 5px;
}
#side .block_outer h2 {
	padding-left:1px;
	border-left:#8E0B17 10px solid;
}
#side .block_outer h2 .title {
	background-color:#C30E22;
	color:#FFF;
	padding:2px 0 2px 5px;
}

/* ***********************************************
▼各機能ブロックの指定
/*********************************************** */

/* ===============================================
▼フォントサイズ
=============================================== */
/*サイドカラムに配置*/
.fontsize_area #fontsize_body {
	text-align:left;
}
.fontsize_area #fontsize_body #text {
	position:relative;
	top:2px;
	display:inline-block;
}
.fontsize_area #fontsize_body #fontsize {
	display:inline-block;
}

/*ヘッダーに配置*/
#header_utility .fontsize_area {
	position:relative;
	top:12px;
}
#header_utility .fontsize_area #fontsize_body {
	text-align:right;
}

/* ===============================================
▼検索
=============================================== */
/* レスポンシブナビ・サイドカラム配置 */
.search_area dl.formlist {
    margin-bottom: 8px;
    width: 100%;
	text-align:left;
}
.search_area dl.formlist select {
	width:100%;
}
.search_area .search_price_belt {
	margin-top:10px;
	padding-top:10px;
	border-top:#CCC 1px dotted;
}
.search_area .search_price_belt li {
	text-align: left;
	margin-bottom:5px;
}

.popup_search .search_area h2 {
	display:none;
}
.popup_search .search_area .search_price_belt {
}

/* ===============================================
▼現在のカゴの中
=============================================== */
/* レスポンシブナビ・サイドカラム配置 */
.cart_area {
	clear:both;
	text-align:left;
}
.cart_area .information {
}
.cart_area .information .total {
	margin-bottom:10px;
}
.cart_area .postage {
	margin-bottom:10px;
}
.cart_area img {
	max-width:100%;
}
.cart_area .content {
	background:#FFF;
	padding:5px
}
.cart_area .cartin_item {
	margin-bottom:5px;
}
.cart_area .cartin_item .left {
	float:left;
	width:44%;
}
.cart_area .cartin_item .right {
	float:right;
	width:54%;
}
.cart_area .cartin_item .name {
	color:#000;
}
.cart_area .cartin_item .price {
	color:#000;
	font-size:100%;
}
.cart_area .sotyo {
	margin-bottom:10px;
}
.cart_area a.btn {
	margin-bottom:5px;
}
.cart_area #cartin_off {
	font-size:120%;
}

.popup_cart .information {
	margin-bottom:10px;
}
.popup_cart .cart_area .postage {
	margin:0;
	padding-top:10px;
}

/* ===============================================
▼【ヘッダー】カゴの中
=============================================== */
#cart_header_area {
	position:absolute;
	top:50px;
	right:0;
	width:250px;
}
#cart_header_area .information {
	border-bottom:1px solid #CCC;
	padding:0 10px;
	cursor:pointer;
}
#cart_header_area .information:hover {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
#cart_header_area #left {
	float:left;
}
#cart_header_area #right {
	float:right;
	position:relative;
	top:10px;
}
#cart_header_area #right span {
	font-size:16px;
}
#cart_header_area .glyphicon {
	font-size:26px;
}
#cart_header_area #cart_off {
	position:absolute;
	top:5px;
	left:45px;
	font-size:14px;
}
#cart_header_area #cart_on {
	position:absolute;
	top:0;
	left:30px;
	font-size:14px;
}
#cart_header_area .cart_content {
	position:relative;
	z-index:11;
	width:250px;
	text-align:left;
	background:#ddd;
	padding:8px;
}
#cart_header_area .cart_content img {
	max-width:100%;
}
#cart_header_area .cart_content .content {
	background:#FFF;
	padding:5px
}
#cart_header_area .cart_content .cartin_item {
	margin-bottom:5px;
}
#cart_header_area .cart_content .cartin_item .left {
	float:left;
	width:44%;
}
#cart_header_area .cart_content .cartin_item .right {
	float:right;
	width:54%;
}
#cart_header_area .cart_content .cartin_item .name {
	color:#000;
}
#cart_header_area .cart_content .cartin_item .price {
	color:#000;
	font-size:110%;
	font-weight:bold;
}
#cart_header_area .cart_content .sotyo {
	margin-bottom:10px;
}
#cart_header_area .cart_content a.btn {
	margin-bottom:5px;
}
#cart_header_area .cart_content #cartin_off {
	font-size:120%;
}

/*スマホのプルダウンで非表示*/
.header_nav_btn #cart_header_area .information {
	display:none;
}

/* ===============================================
▼グローバルナビ　PC
=============================================== */
#global_nav_area {
	display:none;
}

@media print, screen and (min-width: 1020px) {
	
#global_nav_area {
	display: block;
}

/* ========== ▼1階層 ========== */
header nav {
	position: absolute;
	top:122px;
	z-index:10;
	font-size:110%;
	width:100%;
	background:#C30E22;
	border-top:1px solid #8E0B17;
	border-bottom:1px solid #8E0B17;
	height:40px;/* ★バーの高さ */
}
header nav #global_nav_area {
	width:980px;
	margin:0 auto;
}
/* ▼文字背景 */
ul#global_nav_menu > li {
    float:left;
	background:none;
	padding-left:10px;
	padding-right:10px;
	padding-top:9px;/* ★メニュー項目の位置*/
	height:38px;/* ★バーの高さからborderの太さ(1＋1)pxを引く */
}
/* ▼文字背景色マウスオーバー */
ul#global_nav_menu > li:hover {
	background:#8E0B17;
}
/* ▼文字色 */
ul#global_nav_menu > li > a {
	color:#fff !important;
	font-weight:bold !important;
}
/* ▼文字色マウスオーバー */
ul#global_nav_menu > li > a:hover {
	color:#fff !important;
}
/* ========== ▲1階層 ========== */

/* ▼2階層以下のリンク */
ul#global_nav_menu li a {
    display:block;
	width:100%;
	text-decoration:none;
	position:relative;
	font-weight:normal;
	color:#333;/*文字色*/
}
ul#global_nav_menu li a:hover {
	color:#000;/*文字色マウスオーバー*/
}

/* ▼2階層以下の表示 */
ul#global_nav_menu li > ul.global_nav_menu_sub {
    position:absolute;
	display:none;
}
ul#global_nav_menu li ul.global_nav_menu_sub li {
	float:none;
	text-align:left;
	padding:5px 10px;
	position:relative;
	width:150px;/*横幅設定①*/
	z-index:11;
	background: #fff;/*背景色*/
}
ul#global_nav_menu li ul.global_nav_menu_sub li:hover {
	background: #eee;/*背景色マウスオーバー*/
}
ul#global_nav_menu:after {
    height:0;
    visibility:hidden;
    content:".";
    display:block;
    clear:both;
}
/* ▼3階層以下 */
ul.global_nav_menu_sub li ul.global_nav_menu_sub{
	position:relative;
	width:100%;
	z-index:11;
	top:0;
	left:150px; /*横幅設定①と同じ*/
}

/*▼プルダウンのボックス全体共通デザイン*/
#global_nav_area ul.global_nav_menu_sub {
	background: #FFF;
	/* box-shadow */
	box-shadow:2px 2px 5px 2px rgba(1,1,1,0.14);
	-moz-box-shadow:2px 2px 5px 2px rgba(1,1,1,0.14);
	-webkit-box-shadow:2px 2px 5px 2px rgba(1,1,1,0.14);
	/* border-radius */
	border-radius:3px 3px 3px 3px ;
	-moz-border-radius:3px 3px 3px 3px ;
	-webkit-border-radius:3px 3px 3px 3px ;
	/* border */
	border:1px solid #ffffff;
}
}

.drawer-nav {
	padding-top:50px;
}

/* ===============================================
▼グローバルナビ　スマホ
=============================================== */
.pure-container .pure-drawer {
	padding:0;
	font-size:110%;
}
.pure-container .category_area {
	margin-bottom:10px;
}
.pure-container .title {
	padding:10px;
	color:#FFF;
	background:#333;
	border-top:1px solid #ccc;
}
.pure-drawer li a {
	padding:10px;
    padding-left: 20px;
	border-bottom:#f5f5f5 1px solid;
}
.pure-drawer li.level1 p a {
    display: block;
    padding-left: 10px;
	background:#fff;
	color:#333;
}
.pure-drawer li.level1 > p > a {
	background:#f7f7f7;
	border-bottom:#ddd 1px solid;
}
.pure-drawer li.level1 li p a {
	padding-left:25px;
}
.pure-drawer li.level1 p a:hover {
	background:#666;
	color:#FFF;
}

@media print, screen and (min-width: 1020px) {
.pure-container {
	display: none;
	background:#f7f7f7;
}
}

/* ===============================================
▼トップページ画像スライド
=============================================== */

/* 画像サイズを変更する場合
① js/jquery.amazingslider/bloc_top_image.js→ width:980, height:373,  
② アップロード時のサイズ設定を変更→ パラメータ設定 TOP_MAIN_WIDTHとTOP_MAIN_HEIGHT
*/

.amazingslider-thumbnails {
	display:none;
}

/* ===============================================
▼カテゴリ
=============================================== */
#category_area li {
	padding:5px 0 5px 0;
	margin-bottom:0;
}
#category_area li.level1 {
    border-bottom: dotted 1px #666;
}
#category_area li a {
    display: block;
	padding-left:0px;
	color:#555;
}
#category_area li.level1 > p > a {
	padding-left:0px;
}
#category_area li a:hover {
	color:#000;
	font-weight:bold;
}
#category_area a.onlink {
    color: #000;
	font-weight:bold;
}
#category_area .number {
	color:#666;
	font-weight:normal;
}
/*選択時のグレー背景*/
#category_area li.onmark {
	background:#f7f7f7;
}

/*----------------------
　アコーディオン
------------------------*/
#category_area ul#categorytree {
	padding-left:5px;
}
#category_area ul#categorytree li {
	padding:5px 0 5px 0;
	margin-bottom:0;
}
#category_area ul#categorytree li a {
	padding-left:10px;
}
#category_area ul#categorytree li.level1 {
	position:relative;
}
#category_area ul#categorytree li.level1 p.parent {
	background-image:none;
	position:relative;
    padding-left: 3px;
}
#category_area ul#categorytree li.level1 p.parent span.glyphicon {
	position:absolute;
	top:2px;
	left:0px;
	color:#999;
}
#category_area ul#categorytree li.level1 p.parent a {
	cursor:pointer;
	margin-right:30px;
}
#category_area ul#categorytree li.level1 a.arrow {
	position:absolute;
	top:5px;
	right:0;
	color:#999;
}
#category_area ul#categorytree li.level1 a.arrow:hover {
	color:#333;
}
#category_area ul#categorytree li.level1 .no_children {
	padding-left:18px;
}

/* ===============================================
▼新着情報
=============================================== */
#news_area .block_body {
	border:none;
}
#news_area .news_title a {
	display:block;
	padding:3px 0 3px 10px;
}
#news_area .news_title a span,
#news_area .news_title a span:hover {
	color:#666;
}
#news_area .news_title a:hover {
	background:#f7f7f7;
}
#news_area .rss {
	margin-left:5px;
}
#news_area .rss a {
	color:#333;
	font-size:90%;
}

/* ===============================================
▼多機能クーポン
=============================================== */
#coupon_area {
	clear:both;
	margin-bottom:5px;
}
#coupon_area .block_body {
	border:none;
}
#coupon_area #title {
	font-size:120%;
	padding:5px;
	background-color:#eee;
	font-weight:bold;
	margin-bottom:10px;
}
#coupon_area .date_area {
	margin-bottom:10px;
}
#coupon_area .date_area .name {
	font-weight:bold;
	padding-left:10px;
	color: #F33;
}
#coupon_area .date_area .discount {
	font-weight:normal;
	color:#000;
}
#coupon_area .date_area .coupon_comment {
	margin-bottom:5px;
	padding-left:10px;
}
#coupon_area .date_area .condition {
	padding:5px 10px;
	border-bottom:1px dashed #ddd;
}
#coupon_area .date_area .condition .txt {
	margin-bottom:3px;
}
#coupon_area .date_area .condition .txt span {
	background:#eee;
	padding:1px 5px;
	color:#333;
}

/* ===============================================
▼ランディングページメニュー
=============================================== */
.landing_button_like li {
	list-style:outside;
	list-style-type:square;
	margin-left:20px;
	margin-bottom:10px;
	line-height:1.2em;
}

/* ===============================================
▼ソーシャルブックマーク
=============================================== */
.socialbtn {
	clear:both;
	background-color:#F7F7F7;
	border:1px solid #CCC;
	padding:5px 5px 0 5px;
	margin-bottom:15px;
}
.socialbtn #date {
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
}
.socialbtn_box div {
	padding:0 5px 5px 0;
	float:left;
	clear:both;
}
#side .socialbtn {
	margin-left:7%;
	margin-right:7%;
}
@media print, screen and (min-width: 460px) {
.socialbtn_box div {
	clear: none;
}
}

/* ===============================================
▼ランキング
=============================================== */
/*メインカラム配置*/
#ranking_area li {
	width:100%;
	margin-bottom:15px;
}
#ranking_area li .left {
	float:left;
	width:48%;
}
#ranking_area li .right {
	float:right;
	width:48%;
}
#ranking_area .name {
	clear:both;
	padding-top:5px;
}
#ranking_area .rank {
	font-size:120%;
	padding:2px 0;
	text-align:center;
	background-color:#eee;
	margin-bottom:5px;
	line-height:1.5em;
}
#ranking_area #rank_1 {
	color:#E10000;
}
#ranking_area #rank_2 {
	color: #006AD5;
}
#ranking_area #rank_3 {
	color: #006C00;
}
#ranking_area #rank_4 {
	color: #B58300;
}
#ranking_area #rank_5 {
	color: #9B009B;
}
#ranking_area li .image img {
	max-width:100%;
}

@media print, screen and (min-width: 460px) {
#ranking_area li {
	width:18.4%;
	float:left;
	margin-bottom:15px;
}
#ranking_area li.left {
	margin-right:2%;
}
#ranking_area li .left {
	float:none;
	width:100%;
}
#ranking_area li .right {
	float:none;
	width:100%;
}

}
@media print, screen and (min-width: 1020px) {
#ranking_area li {
	width:18.4%;
	float:left;
	margin-bottom:15px;
}
#ranking_area li.left {
	margin-right:2%;
}
#ranking_area li .left {
	float:none;
	width:100%;
}
#ranking_area li .right {
	float:none;
	width:100%;
}

/*レフトカラム配置*/
aside #ranking_area li {
	width:100%;
	margin-bottom:15px;
}

aside #ranking_area li .left {
	float:left;
	width:48%;
}
aside #ranking_area li .right {
	float:right;
	width:48%;
}
aside #ranking_area .name {
	clear:both;
}
}

/* ===============================================
▼QRコードの自動生成
=============================================== */
.qrcode_area {
	display:none;
}
@media print, screen and (min-width: 460px) {
.qrcode_area {
	display:block;
}
.qrcode_area {
	margin-bottom:20px;
	background:url(../img/common/img_mobile.png) no-repeat right bottom;
}
.qrcode_area .qrcode_box {
	overflow:hidden;
	border:1px solid #CCC;
	width:95px;
	height:95px;
}
.qrcode_area .qrcode {
	position:relative;
	top:-8px;
	left:-8px;
}
}

/* 商品詳細ページ　→contents.css */

/* ===============================================
▼カテゴリースライドメニュー
=============================================== */
#category_slide {
	clear:both;
	position: relative;
	height:30px;
	background-color: #EEE;
	overflow:hidden;
}
#category_slide #wrapper {
	width:100%;
	margin:0 12px;
	height:30px;
	overflow: hidden;
}
#category_slide #carousel_category a {
	display: block;
	float: left;
	padding:8px 15px 0 15px;
	height:30px;
	font-size:120%;
	background:url(../img/background/bg_category_slide_item.png) repeat-y right;
}
#category_slide #carousel_category a.no_0 {
	background:url(../img/background/bg_category_slide_item.png) repeat-y right #ddd;
}
#category_slide #prev_category, 
#category_slide #next_category {
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	top:0;
	background:#666;
	text-align:center;
}
#category_slide #prev_category:hover, 
#category_slide #next_category:hover {
	background:#999;
}
#category_slide #prev_category {
	left: 0px;
}
#category_slide #next_category {
	right: 0px;
}
#category_slide #prev_category span, 
#category_slide #next_category span {
	position:relative;
	top:7px;
	color:#FFF;
}

/* ===============================================
▼ティッカー（流れるメッセージ）
=============================================== */
#block_ticker_area #ticker-1 {
	overflow:hidden;
	border:none;
	height:20px;
	margin-bottom:10px;
}
#block_ticker_area .message {
	float:left;
	display:inline;
	margin-right:20px;
	background:url(../img/icon/ico_arrow_03.gif) 0 4px no-repeat;
	padding-left:12px;
}

/* ===============================================
▼FAQ
=============================================== */
#faq_aea .glyphicon {
	font-size:22px;
	padding-right:5px;
}
#faq_aea .txt {
	position:relative;
	top:-5px;
}

/* ===============================================
▼ガイドリンク
=============================================== */
#guide_area {
}
#guide_area li {
    margin-bottom: 5px;
}
#guide_area li span {
	font-size:10px;
	color:#999;
}
ul.button_like li {
    margin: 0;
}

/* ===============================================
▼ログイン（ヘッダー用）
=============================================== */
#header_login_area {
	text-align:left;
}
#header_login_area dl {
	margin-bottom:10px;
}
#header_login_area a {
	text-align:center;
	margin-top:5px;
}
#header_login_area p#welcome {
	line-height:1.8em;
}
#header_login_area .up_btn {
	margin-bottom:10px;
}

/* ===============================================
▼ログイン（サイド用）
=============================================== */
#container #login_area .block_body p {
    margin-bottom: 5px;
}
#container #login_area dl.formlist {
    margin-bottom: 8px;
    width: 100%;
}
#container #login_area dl.formlist dt {
    margin-bottom: 3px;
    font-size: 90%;
}
#container #login_area dl.formlist dd {
    margin-bottom: 5px;
    text-align: left;
}

/* ===============================================
▼カレンダー
=============================================== */
#calender_area table {
    background: #fff;
    border: 1px solid #ccc;
    width: 100%;
    margin: 0 auto 5px;
}
#calender_area table td {
    padding: 1px 0;
    border: 1px solid #ccc;
    text-align:center;
	background:url(../img/background/bg_calender_td.png) repeat-x bottom;
}
#calender_area th {
    padding: 1px 0;
    background: #fff;
    border: 1px solid #ccc;
    text-align: center;
	background:url(../img/background/bg_calender_th.png) repeat-x bottom;
}
#calender_area table .month {
}
#calender_area .off {
    color: #f00;
	background:url(../img/background/bg_calender_off.png) repeat-x bottom;
}
#calender_area .information {
	text-align: right;
}
@media print, screen and (min-width: 1020px) {
#calender_area table td,
#calender_area th {
    padding: 1px 3px;
}
}

/* ===============================================
▼最近チェックした商品
=============================================== */
#recent_area .block_body {
	border:none;
	margin-bottom:0;
}

/* 表示番号1 by jQuery.carouFredSel
----------------------------------------------- */
#recent_area #carousel_area {
	position: relative;
}
#recent_area #wrapper {
	position: relative;
	width: 88%;
	left: 6%;
	overflow:hidden;
}
#recent_area #carousel_recent {
	display:none;
}
#recent_area #carousel_recent .item {
	float: left;
	position: relative;
	margin:0 5px;
	line-height:1.1em;
	letter-spacing:0;
}
#recent_area #carousel_recent .image {
	text-align: left;
}
#recent_area #carousel_recent .image img {
	max-width:100%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#recent_area #carousel_recent .image img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#recent_area #carousel_recent .name {
	text-align:left;
	font-size:85%;
}
#prev_recent {
	position:absolute;
	top:0;
	left: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-prev.png) no-repeat center center;
	background-size:15px 25px;
}
#next_recent {
	position:absolute;
	top:0;
	right: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-next.png) no-repeat center center;
	background-size:15px 25px;
}
#prev_recent:hover {
	background: url(../img/button/gui-prev_on.png) no-repeat center center;
	background-size:15px 25px;
}
#next_recent:hover {
	background: url(../img/button/gui-next_on.png) no-repeat center center;
	background-size:15px 25px;
}
@media print, screen and (min-width: 460px) {
#recent_area #wrapper {
	width: 92%;
	left: 4%;
}
#recent_area #carousel_recent .item {
	margin:0 10px;
	line-height:1.6em;
	letter-spacing:1px;
}
#recent_area #carousel_recent .name {
	font-size:100%;
}
#prev_recent {
	width:4%;
}
#next_recent {
	width:4%;
}
}

/* 表示番号2
----------------------------------------------- */
#recent_area .cfspace { /*表示番号3共通*/
	margin-bottom:0;
}
#recent_area .pattern_2 .left {
	width:100%;
	margin-bottom:20px;
}
#recent_area .pattern_2 .right {
	width:100%;
	margin-bottom:20px;
}
#recent_area .pattern_2 .productImage {
	float:left;
	width:44%;
	margin-right:1%;
}
#recent_area .pattern_2 .productImage img {
	max-width:100%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#recent_area .pattern_2 .productImage img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#recent_area .pattern_2 .productContents {
	float:right;
	width:50%;
}
#recent_area .pattern_2 .productContents h3 {
	font-weight:normal;
}
#recent_area .cfspace {
	margin-bottom:10px;
}
@media print, screen and (min-width: 460px) {
#recent_area .cfspace { /*表示番号3共通*/
	margin-bottom:10px;
}
#recent_area .pattern_2 .left {
	float:left;
	width:47%;
	margin-bottom:0;
}
#recent_area .pattern_2 .right {
	float:right;
	width:47%;
	margin-bottom:0;
}
}

/* 表示番号3
----------------------------------------------- */
#recent_area .pattern_5 .left {
	float:left;
	width:18%;
	margin-bottom:10px;
	margin-right:2.5%;
}
#recent_area .pattern_5 .right {
	float:right;
	width:18%;
	margin-bottom:10px;
}
#recent_area .pattern_5 .productImage {
	position:relative;
	text-align:center;
	width:100%;
	float:none;
}
#recent_area .pattern_5 .productImage img {
	max-width:100%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#recent_area .pattern_5 .productImage img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#recent_area .pattern_5 .productContents {
	width:100%;
	float:none;
}
#recent_area .pattern_5 .productContents h3 {
	font-weight:normal;
}


/* ===============================================
▼おすすめ商品
=============================================== */
#recommend_area .block_body {
	border:none;
	margin-bottom:0;
}

/* 表示番号1 by jQuery.carouFredSel
----------------------------------------------- */
#recommend_area #carousel_area {
	position: relative;
}
#recommend_area #wrapper {
	position: relative;
	width: 88%;
	left: 6%;
	overflow:hidden;
}
#recommend_area #carousel_recommend {
	display:none;
}
#recommend_area #carousel_recommend .item {
	float: left;
	position: relative;
	margin:0 5px;
	line-height:1.1em;
	letter-spacing:0;
}
#recommend_area #carousel_recommend .image {
	text-align: left;
}
#recommend_area #carousel_recommend .image img {
	max-width:100%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#recommend_area #carousel_recommend .image img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#recommend_area #carousel_recommend .name {
	text-align:left;
	font-size:85%;
}
#prev_recommend {
	position:absolute;
	top:0;
	left: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-prev.png) no-repeat center center;
	background-size:15px 25px;
}
#next_recommend {
	position:absolute;
	top:0;
	right: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-next.png) no-repeat center center;
	background-size:15px 25px;
}
#prev_recommend:hover {
	background: url(../img/button/gui-prev_on.png) no-repeat center center;
	background-size:15px 25px;
}
#next_recommend:hover {
	background: url(../img/button/gui-next_on.png) no-repeat center center;
	background-size:15px 25px;
}
@media print, screen and (min-width: 460px) {
#recommend_area #wrapper {
	width: 92%;
	left: 4%;
}
#recommend_area #carousel_recommend .item {
	margin:0 10px;
	line-height:1.6em;
	letter-spacing:1px;
}
#recommend_area #carousel_recommend .name {
	font-size:100%;
}
#prev_recommend {
	width:4%;
}
#next_recommend {
	width:4%;
}
}

/* 表示番号2
----------------------------------------------- */
#recommend_area .cfspace { /*表示番号3共通*/
	margin-bottom:0;
}
#recommend_area .pattern_2 .left {
	width:100%;
	margin-bottom:20px;
}
#recommend_area .pattern_2 .right {
	width:100%;
	margin-bottom:20px;
}
#recommend_area .pattern_2 .productImage {
	float:left;
	width:44%;
	margin-right:1%;
}
#recommend_area .pattern_2 .productImage img {
	max-width:100%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#recommend_area .pattern_2 .productImage img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#recommend_area .pattern_2 .productContents {
	float:right;
	width:50%;
}
#recommend_area .pattern_2 .productContents h3 {
	font-weight:normal;
}
#recommend_area .cfspace {
	margin-bottom:10px;
}
@media print, screen and (min-width: 460px) {
#recommend_area .cfspace { /*表示番号3共通*/
	margin-bottom:10px;
}
#recommend_area .pattern_2 .left {
	float:left;
	width:47%;
	margin-bottom:0;
}
#recommend_area .pattern_2 .right {
	float:right;
	width:47%;
	margin-bottom:0;
}
}

/* 表示番号3
----------------------------------------------- */
#recommend_area .pattern_5 .left {
	float:left;
	width:18%;
	margin-bottom:10px;
	margin-right:2.5%;
}
#recommend_area .pattern_5 .right {
	float:right;
	width:18%;
	margin-bottom:10px;
}
#recommend_area .pattern_5 .productImage {
	position:relative;
	text-align:center;
	width:100%;
	float:none;
}
#recommend_area .pattern_5 .productImage img {
	max-width:100%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#recommend_area .pattern_5 .productImage img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#recommend_area .pattern_5 .productContents {
	width:100%;
	float:none;
}
#recommend_area .pattern_5 .productContents h3 {
	font-weight:normal;
}

/* ===============================================
▼ピックアップ商品
=============================================== */
#pickup_area .block_body {
	border:none;
}

/* 表示番号1 by jQuery.carouFredSel
----------------------------------------------- */
#pickup_area #carousel_area {
	position: relative;
}
#pickup_area #wrapper {
	position: relative;
	width: 88%;
	left: 6%;
	overflow:hidden;
}
#pickup_area #carousel_pickup {
	display:none;
}
#pickup_area #carousel_pickup .item {
	float: left;
	position: relative;
	margin:0 5px;
	line-height:1.1em;
	letter-spacing:0;
}
#pickup_area #carousel_recommend .image {
	text-align: center;
}
#pickup_area #carousel_pickup .image img {
	max-width:100%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#pickup_area #carousel_pickup .image img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#pickup_area #carousel_pickup .name {
	text-align:left;
	font-size:85%;
}
#prev_pickup {
	position:absolute;
	top:0;
	left: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-prev.png) no-repeat center center;
	background-size:15px 25px;
}
#next_pickup {
	position:absolute;
	top:0;
	right: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-next.png) no-repeat center center;
	background-size:15px 25px;
}
#prev_pickup:hover {
	background: url(../img/button/gui-prev_on.png) no-repeat center center;
	background-size:15px 25px;
}
#next_pickup:hover {
	background: url(../img/button/gui-next_on.png) no-repeat center center;
	background-size:15px 25px;
}
@media print, screen and (min-width: 460px) {
#pickup_area #wrapper {
	width: 92%;
	left: 4%;
}
#pickup_area #carousel_pickup .item {
	margin:0 10px;
	line-height:1.6em;
	letter-spacing:1px;
}
#pickup_area #carousel_pickup .name {
	font-size:100%;
}
#prev_pickup {
	width:4%;
}
#next_pickup {
	width:4%;
}
}

/* 表示番号2
----------------------------------------------- */
#pickup_area .cfspace { /*表示番号3共通*/
	margin-bottom:0;
}
#pickup_area .pattern_2 .left {
	width:100%;
	margin-bottom:20px;
}
#pickup_area .pattern_2 .right {
	width:100%;
	margin-bottom:20px;
}
#pickup_area .pattern_2 .productImage {
	float:left;
	width:44%;
	margin-right:1%;
}
#pickup_area .pattern_2 .productImage img {
	max-width:100%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#pickup_area .pattern_2 .productImage img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#pickup_area .pattern_2 .productContents {
	float:right;
	width:50%;
}
#pickup_area .pattern_2 .productContents h3 {
	font-weight:normal;
}
#pickup_area .cfspace {
	margin-bottom:10px;
}
@media print, screen and (min-width: 460px) {
#pickup_area .cfspace { /*表示番号3共通*/
	margin-bottom:10px;
}
#pickup_area .pattern_2 .left {
	float:left;
	width:47%;
	margin-bottom:0;
}
#pickup_area .pattern_2 .right {
	float:right;
	width:47%;
	margin-bottom:0;
}
}

/* 表示番号3
----------------------------------------------- */
#pickup_area .pattern_5 .left {
	float:left;
	width:18%;
	margin-bottom:10px;
	margin-right:2.5%;
}
#pickup_area .pattern_5 .right {
	float:right;
	width:18%;
	margin-bottom:10px;
}
#pickup_area .pattern_5 .productImage {
	position:relative;
	text-align:center;
	width:100%;
	float:none;
}
#pickup_area .pattern_5 .productImage img {
	max-width:100%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#pickup_area .pattern_5 .productImage img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#pickup_area .pattern_5 .productContents {
	width:100%;
	float:none;
}
#pickup_area .pattern_5 .productContents h3 {
	font-weight:normal;
}

/* ===============================================
▼新商品スライド
=============================================== */
#new_item_area .block_body {
	border:none;
	margin-bottom:0;
}
/* 表示番号1
----------------------------------------------- */
#new_item_area #carousel_area {
	position: relative;
}
#new_item_area #wrapper {
	position: relative;
	width: 88%;
	left: 6%;
	overflow:hidden;
}
#new_item_area #carousel_new_item {
	display:none;
}
#new_item_area #carousel_new_item .item {
	float: left;
	position: relative;
	margin:0 5px;
	line-height:1.1em;
	letter-spacing:0;
}
#new_item_area .sphone_flick_area .item,
#new_item_area #carousel_new_item .image {
	position:relative;
}
#new_item_area #carousel_new_item .image img.photo {
	max-width:100%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#new_item_area #carousel_new_item .image img.photo:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#new_item_area #carousel_new_item .name {
	text-align:left;
	font-size:85%;
}
#prev_new_item {
	position:absolute;
	top:0;
	left: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-prev.png) no-repeat center center;
	background-size:15px 25px;
}
#next_new_item {
	position:absolute;
	top:0;
	right: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-next.png) no-repeat center center;
	background-size:15px 25px;
}
#prev_new_item:hover {
	background: url(../img/button/gui-prev_on.png) no-repeat center center;
	background-size:15px 25px;
}
#next_new_item:hover {
	background: url(../img/button/gui-next_on.png) no-repeat center center;
	background-size:15px 25px;
}
@media print, screen and (min-width: 460px) {
#new_item_area #wrapper {
	width: 92%;
	left: 4%;
}
#new_item_area #carousel_new_item .item {
	margin:0 10px;
	line-height:1.6em;
	letter-spacing:1px;
}
#new_item_area #carousel_new_item .name {
	font-size:100%;
}
#prev_new_item {
	width:4%;
}
#next_new_item {
	width:4%;
}
}

/* 表示番号2
----------------------------------------------- */
#new_item_area .pattern_2 .left {
	width:100%;
	margin-bottom:10px;
}
#new_item_area .pattern_2 .right {
	width:100%;
	margin-bottom:10px;
}
#new_item_area .pattern_2 .productImage {
	float:left;
	width:44%;
	margin-right:1%;
	position:relative;
}
#new_item_area .pattern_2 .productImage img.photo {
	max-width:100%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#new_item_area .pattern_2 .productImage img.photo:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#new_item_area .pattern_2 .productContents {
	float:right;
	width:50%;
}
#new_item_area .pattern_2 .productContents h3 {
	font-weight:normal;
}
#new_item_area .pattern_2 .productContents .comment {
	display: block;
}
@media print, screen and (min-width: 460px) {
#new_item_area .pattern_2 .left {
	float:left;
	width:47%;
}
#new_item_area .pattern_2 .right {
	float:right;
	width:47%;
}
}

/* 表示番号3
----------------------------------------------- */
#new_item_area .pattern_5 .left {
	float:left;
	width:18%;
	margin-bottom:10px;
	margin-right:2.5%;
}
#new_item_area .pattern_5 .right {
	float:right;
	width:18%;
	margin-bottom:10px;
}
#new_item_area .pattern_5 .productImage {
	position:relative;
	text-align:center;
	width:100%;
	float:none;
}
#new_item_area .pattern_5 .productImage img.photo {
	max-width:100%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#new_item_area .pattern_5 .productImage img.photo:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#new_item_area .pattern_5 .productContents {
	width:100%;
	float:none;
}
#new_item_area .pattern_5 .productContents h3 {
	font-weight:normal;
}

/* ▼NEWアイコン自動表示（すべて共通）
----------------------------------------------- */
#new_item_area span.label {
	position:absolute;
	top:2px;
	left:2px;
	padding:3px;
	z-index:1;
	font-size:12px;
}

/* ===============================================
▼送料無料・カタログ案内
=============================================== */
#freedeliv_area {
	border:#999 5px solid;
	margin-bottom:10px;
}
#freedeliv_area .rule_area {
	padding:5px;
}
#freedeliv_area .rule_area .otoku {
	padding:5px;
	margin-bottom:3px;
	border:#999 1px solid;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	background:#f7f7f7;
}
#freedeliv_area .rule_area .rule {
	color: #F00;
	font-size:120%;
}
#freedeliv_area .rule_area .box2 {
	text-align:center;
	font-size:150%;
	padding-top:3px;
	color:#F00;
}
#freedeliv_area .ichiritu {
	padding:5px;
	background-color:#999;
	color:#FFF;
	line-height:1.3em;
}

#catalog_area {
	padding:5px;
	background-color:#f7f7f7;
	border:1px solid #ccc;
}

/* ===============================================
▼ご注文の流れ・インフォメーション
=============================================== */
/*共通*/
#info_area2 {
	margin-bottom:20px;
}
#info_area .block_body,
#info_area2 .block_body {
	border:none;
}
.title_info {
	background-color:#555;
    color:#fff;
    font-size: 14px;
	font-weight: bold;
	text-align:center;
	padding:3px 0;
	margin-bottom:10px;
}

/*ご注文の流れ*/
#info_area {
	margin-bottom:15px;
}
#info_area .image img {
	padding:0;
	border:none;
	background:none;
}
#info_area .step {
	margin:0 5px;
}
#info_area .step_box {
	width:100%;
}
#info_area .step .title, #info_area .step .title_last {
	font-size:120%;
	padding-left:5px;
}
#info_area .step .title_last {
	background:none;
}
#info_area .step_box .image {
	text-align:center;
	background-color:#EFEFEF;
	padding-top:5px;
}
#info_area .step_box .text {
	border:5px solid #EFEFEF;
	border-top:none;
	padding:5px;
	font-size:90%;
	letter-spacing:1px;
	margin-bottom:10px;
}
@media print, screen and (min-width: 460px) {
#info_area .step_box {
	width:25%;
	float:left;
}
#info_area .step {
	margin:0 5px;
}
#info_area .step .title, #info_area .step .title_last {
	margin-bottom:5px;
	background:url(../img/icon/ico_arrow_info.png) no-repeat center right;
	min-height:16px;
}
#info_area .step .title_last {
	background:none;
}
#info_area .step_box .text {
	min-height:120px; /*テキストエリアの高さ調整*/
	margin-bottom:0;
}
}

/*インフォメーション*/
#info_area2 .box {
	margin-bottom:10px;
}
#info_area2 #left {
	width:100%;
}
#info_area2 #right {
	width:100%;
}
#info_area2 h3 {
	color:#333;
	font-size:110%;
}
#info_area2 h3 span {
	color:#ccc;
}
#info_area2 .box #message {
	margin-bottom:10px;
}
#info_area2 .box table {
	margin:0 0 15px 0;
}
#info_area2 .box table .payment_method {
	font-weight:bold;
}
#info_area2 .box table td {
	line-height:1.4em;
}
#info_area2 #left .box .image {
	margin:-14px 0 15px 0;
}
#info_area2 #left .box .image img {
	border:none;
	padding:0;
	margin:0;
	max-width:100%;
}
#info_area2 #right .content .sphone_none {
	display:none;
}
#info_area2 #right .content .sphone {
	display: inline;
}
#info_area2 #shop {
	border:1px solid #999;
	background-color:#F7F7F7;
	padding:10px;
	margin-top:5px;
}
#info_area2 .box.soryo a {
	display:inline-block;
	margin:3px 0;
}
@media print, screen and (min-width: 460px) {
#info_area2 #left {
	float:left;
	width:48%;
}
#info_area2 #right {
	float:right;
	width:48%;
}
#info_area2 #right .content .sphone_none {
	display:inline;
}
#info_area2 #right .content .pc_none {
	display:none;
}
#info_area2 #right .content .sphone {
	display:none;
}
}


/* ===============================================
■スマホ用フリック■
最近チェックした商品、おすすめ商品、ピックアップ商品、新商品
商品詳細ページの規格画像
=============================================== */

.sphone_flick_area {
	overflow:hidden;
}
.sphone_flick_area .flick_view {
    width: 280px;
    padding: 5px 0;
    margin: 0 auto;
	overflow:hidden;
}
.sphone_flick_area .item {
	float:left;
	width:280px;
	margin-right:0;
	margin-bottom:15px;
	position:relative;
	z-index:10;
	display:block;
	height:100%;
}
.sphone_flick_area .item .photo {
	float:left;
	width:50%;
}
.sphone_flick_area .item img {
	max-width:100%;
    float: left;
}
.sphone_flick_area .item .item_content {
    width: 50%;
    float: right;
    text-align: left;
}
.sphone_flick_area .pointer {
	clear:both;
	position:relative;
	margin-right:10px;
	text-align: center;
}
.sphone_flick_area .pointer span {
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 6px;
	border: 1px solid #fff;
	background:#ccc;
}
.sphone_flick_area .pointer span.current {
	background:#666;
}
.sphone_flick_area .pointer .icon {
	width:80%;
	margin:0 auto;
	margin-top:3px;
}
.sphone_flick_area .pointer .prev_btn {
	position:absolute;
	top:3px;
	left:0;
	width:10%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-prev.png) no-repeat center center;
	background-size:10px 15px;
}
.sphone_flick_area .pointer .next_btn {
	position:absolute;
	top:3px;
	right:0;
	width:10%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-next.png) no-repeat center center;
	background-size:10px 15px;
}


/* ===============================================
▼グローバルナビ　スマホ ■ドロワーメニュー
=============================================== */

/**************
## Container ##
**************/
.pure-container {
  position: relative;
  height: 100%;
  -webkit-overflow-scrolling: touch;
}

/************
## Toggler ##
************/
.pure-toggle {
  left: -9999px;
  position: absolute;
  top: -9999px;
}

.pure-toggle:focus ~ .pure-toggle-label {
  border-color: #1fc08e;
  color: #1fc08e;
}

.pure-toggle-label {
  display: none;
  cursor: pointer;
  display: block;
  position: absolute;
  top: 0px;
  z-index: 201;
  color: #5d809d;
  width: 50px;
  height: 50px;
  -webkit-transition: all 400ms ease-in-out;
          transition: all 400ms ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.pure-toggle-label:hover {
  border-color: #1fc08e;
  color: #1fc08e;
}

.pure-toggle-label:hover .pure-toggle-icon,
.pure-toggle-label:hover .pure-toggle-icon:before,
.pure-toggle-label:hover .pure-toggle-icon:after {
  background-color: #ccc;
}

.pure-toggle-label:active {
  -webkit-tap-highlight-color: transparent;
}

.pure-toggle-label .pure-toggle-icon,
.pure-toggle-label .pure-toggle-icon:before,
.pure-toggle-label .pure-toggle-icon:after {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 4px;
  width: 30px;
  cursor: pointer;
  background: #fff;
  display: block;
  content: '';
  -webkit-transition: all 500ms ease-in-out;
          transition: all 500ms ease-in-out;
}

.pure-toggle-label .pure-toggle-icon {
  transform: translate3d(-50%, -4px, 0);
  -webkit-transform: translate3d(-50%, -4px, 0);
}

.pure-toggle-label .pure-toggle-icon:before {
  transform: translate3d(-50%, -12px, 0);
  -webkit-transform: translate3d(-50%, -12px, 0);
}

.pure-toggle-label .pure-toggle-icon:after {
  transform: translate3d(-50%, 8px, 0);
  -webkit-transform: translate3d(-50%, 8px, 0);
}

/*▼ボタンの位置*/
.pure-toggle-label[data-toggle-label='left'] {
  left: auto;
  right: 10px;
}

.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label:not([data-toggle-label='left']) {
  opacity: 0;
  z-index: -1;
}

.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] {
  border-color: #1fc08e;
  color: #1fc08e;
}

.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon {
  background-color: transparent;
}

.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:before,
.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:after {
  top: 0;
}

.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:before {
  -ms-transform: translateX(-50%) rotate(45deg);
      transform: translateX(-50%) rotate(45deg);
  -webkit-transform: translateX(-50%) rotate(45deg);
}

.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:after {
  -ms-transform: translateX(-50%) translateY(-10px) rotate(-45deg);
      transform: translateX(-50%) translateY(-10px) rotate(-45deg);
  -webkit-transform: translateX(-50%) translateY(-10px) rotate(-45deg);
  top: 10px;
}

/***********
## Drawer ##
***********/
.pure-drawer {
  position: absolute;
  top: 46px;
  left: 0;
  z-index:199;
  height: auto;
  visibility: hidden;
  background-color: #fff;
  border-bottom:#333 40px solid;
  padding-bottom:20px;
  -webkit-transition-property: all;
          transition-property: all;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
    width: 300px;
}

/*********************
## Pusher Container ##
*********************/
.pure-pusher-container {
  position: relative;
  height: 100%;
  overflow: hidden;
}

/***********
## Pusher ##
***********/
.pure-pusher {
  position: relative;
  height: 100%;
  overflow-y: auto;
  left: 0;
  z-index: 2;
  background-color: #fff;
  -webkit-transition-property: -webkit-transform;
          transition-property: transform;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

/*******************
## Pusher Overlay ##
*******************/
.pure-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition-property: opacity;
          transition-property: opacity;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.pure-toggle[data-toggle='left']:checked ~ .pure-overlay[data-overlay='left'] {
  left: 300px;
}

.pure-toggle[data-toggle='left']:checked ~ .pure-overlay[data-overlay='left'] {
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 2;
}

/********************************
## Fallback for older browsers ##
********************************/
.no-csstransforms3d .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
  left: 100%;
}

@media only screen and (min-width: 40.063em) {
  .no-csstransforms3d .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
    left: 300px;
  }
}

@media only screen and (min-width: 64.063em) {
  .no-csstransforms3d .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
    left: 300px;
  }
}


/****************************************
## Effect - Scale and Rotate Pusher ##
****************************************/
/* DRAWER */
[data-effect='pure-effect-scaleRotate'] .pure-drawer {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}

[data-effect='pure-effect-scaleRotate'] .pure-drawer[data-position='left'] {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

[data-effect='pure-effect-scaleRotate'] .pure-drawer[data-position='right'] {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

[data-effect='pure-effect-scaleRotate'] .pure-drawer[data-position='top'] {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

[data-effect='pure-effect-scaleRotate'] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'],
[data-effect='pure-effect-scaleRotate'] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'],
[data-effect='pure-effect-scaleRotate'] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* PUSHER CONTAINER */
[data-effect='pure-effect-scaleRotate'] .pure-pusher-container {
  -webkit-perspective: 1500px;
  perspective: 1500px;
}

/* PUSHER */
[data-effect='pure-effect-scaleRotate'] .pure-pusher-container .pure-pusher {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}

[data-effect='pure-effect-scaleRotate'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(100px, 0, -600px) rotateY(-20deg);
  transform: translate3d(100px, 0, -600px) rotateY(-20deg);
}

[data-effect='pure-effect-scaleRotate'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(100px, 0, -600px) rotateY(20deg);
  transform: translate3d(100px, 0, -600px) rotateY(20deg);
}

[data-effect='pure-effect-scaleRotate'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(0, 0, -100px) rotateX(20deg);
  transform: translate3d(0, 0, -100px) rotateX(20deg);
}

/* OVERLAY */
[data-effect='pure-effect-scaleRotate'] .pure-overlay {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-delay: 250ms;
          transition-delay: 250ms;
}