@charset "utf-8";
/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2003-2007 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet.css 5952 2007-03-03 06:18:46Z drbyte $
 */


body {
	margin: 0;
	font-family: 'Kosugi Maru', sans-serif;
	font-size: 75%;
	color: #000000;
	background-color: #ffffff;
}

body, button, input, label, select, td, textarea{font-family: 'Kosugi Maru', sans-serif!important;}
a { transition: all 0.2s ease }
a img {border: none; }
.biggerText { font-size: 1.2em; }
.clearBoth { clear: both; }
HR { height: 1px; margin-top: 0.5em; border: none; border-bottom: 1px solid #9a9a9a; }
/*#logo, */.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg { float: left; }

option{font-family: メイリオ;}

/* ---------------------------------------------------
	common Set
--------------------------------------------------- */
.flexSet {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: space-between;
}

/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	line-height: 1.8em;
	padding: 0.2em;
	border: 1px solid #000000;
	bottom: 0;
    position: fixed;
	z-index: 999;
	width:730px;
	height:2em;
	font-size:1.5em;
	text-align:center;
	vertical-align:middle;margin: 0 auto;
	max-width: 1056px;
    width: 100%;
}

.messageStackWarning, .messageStackError {
	background-color: #ff0000;
	color: #ffffff;
}

.messageStackSuccess {
	background-color: #99FF99;
	color: #000000;
}

.messageStackCaution {
	background-color: #FFFF66;
	color: #000000;
}

/*wrappers - page or section containers*/
#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 100%;
	vertical-align: top;
	max-width:1055px;
}

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em;
}

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
	margin: auto;
}

#tagline {
	color:#000000;
	font-size: 2em;
	text-align : center;
	vertical-align: middle;
}

#sendSpendWrapper {
	border: 1px solid #cacaca;
	float: right;
	margin: 0em 0em 1em 1em;
}

.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
	margin: 0;
	width: 47%;
}

.wrapperAttribsOptions {
	margin: 0.3em 0em;
}

/*navigation*/

.navSplitPagesResult {}
.navSplitPagesLinks {}
.navNextPrevCounter {
	margin: 0em;
	font-size: 0.9em;
}
.navNextPrevList {
	display: inline;
	white-space: nowrap;
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
}

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
	margin: 0em;
	background-color: #9a9a9a;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	width: 100%;
}

#navMain ul, #navSupp ul, #navCatTabs ul  {
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	text-align: center;
	line-height: 1.5em;
}

#navMain ul li, #navSupp ul li, #navCatTabs ul li {
	display: inline;
}

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
	text-decoration: none;
	padding: 0em 0.5em;
	margin: 0 auto;
	color: #ffffff;
	white-space: nowrap;
	vertical-align:middle;
}

#navEZPagesTOCWrapper {
	font-weight: bold;
	float: right;
	height: 1%;
	border: 1px solid #000000;
}

#navEZPagesTOC ul {
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	line-height: 1.5em;
}

#navEZPagesTOC ul li {
	white-space: nowrap;
}

#navEZPagesTOC ul li a {
	padding: 0em 0.5em;
	margin: 0;
}

#navCategoryIcon, .buttonRow, #indexProductListCatDescription {
	margin: 0.5em;
}

#navMainSearch {
	float: right;
}

#navBreadCrumb {
	background-color: #cc9900;
}

#navEZPagesTop {
	background-color: #ffff33;
}

#navBreadCrumb, #navEZPagesTop {
	font-size: 0.95em;
	font-weight: bold;
	margin: 0em;
	padding: 0.5em;
}

#navColumnOne {
	background-color: #FFCC99;
}

#navColumnTwo {
	background-color: #00BFBF;
}

/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
	vertical-align: top;
}

/*.content,*/ #productDescription, .shippingEstimatorWrapper {
	/*font-size: 1.2em;*/
	padding: 0.5em;
}

.alert {
	color: #FF0000;
	margin-left: 0.5em;
}
.advisory {}
.important {
	font-weight: bold;
}
.notice {}
.rating{}
.gvBal {
	float: right;
}
.centerColumn, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
	padding: 0.8em;
}

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
	font-size: 0.9em;
}

/*Shopping Cart Display*/
#cartAdd {
	float: right;
	text-align: center;
	margin: 1em;
	border: 1px solid #000000;
	padding: 1em;
}

.tableHeading TH {
	border-bottom: 1px solid #cccccc;
}

.tableHeading, #cartSubTotal {
	background-color: #e9e9e9;
	 }

#cartSubTotal {
	border-top: 1px solid #cccccc;
	font-weight: bold;
	text-align: right;
	line-height: 2.2em;
	padding-right: 2.5em;
}

.tableRow, .tableHeading, #cartSubTotal {
	height: 2.2em;
}

.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay   {
	padding: 0.5em 0em;
}

.cartUnitDisplay, .cartTotalDisplay {
	text-align: right;
	padding-right: 0.2em;
}

#scUpdateQuantity {
	width: 2em;
}

.cartQuantity {
	width: 4.7em;
}

.cartNewItem {
	color: #33CC33;
	position: relative;  /*do not remove-fixes stupid IEbug*/
}

.cartOldItem {
	color: #660099;
	position: relative;   /*do not remove-fixes stupid IEbug*/
}

.cartBoxTotal {
	text-align: right;
	font-weight: bold;
}

.cartRemoveItemDisplay {
	width: 3.5em;
}

.cartAttribsList {
	margin-left: 1em;
}

#mediaManager {
	width: 50%;
	margin: 0.2em;
	padding: 0.5em;
}
.mediaTitle {
	float: left;
}
.mediaTypeLink {
	float: right;
}

.normalprice, .productSpecialPriceSale {
	text-decoration: line-through;
}

.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
	color: #ff0000;
}

.orderHistList {
	margin: 1em;
	padding: 0.2em 0em;
}

#cartBoxListWrapper ul, #ezPageBoxList ul {
	list-style-type: none;
}

#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
	margin: 0;
	padding: 0.2em 0em;
}

#cartBoxEmpty, #cartBoxVoucherBalance {
	font-weight: bold;
}

.totalBox {
	width: 5.5em;
	text-align: right;
	padding: 0.2em;
}

.lineTitle, .amount {
	text-align: right;
	padding: 0.2em;
}

.amount {
	width: 5.5em;
}

/*Image Display*/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
	margin: 0em 1em 1em 0em ;
}

.categoryIcon {}

#cartImage {
	margin: 0.5em 1em;
}

/*Attributes*/
.attribImg {
	width: 20%;
	margin: 0.3em 0em;
}

.attributesComments {}

/*list box contents*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
	margin: 1em 0em;
}

/*sideboxes*/
.columnLeft {}

h3.leftBoxHeading, h3.leftBoxHeading a {
	font-size: 1.1em;
	color: #ffffff;
}

.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
	margin: 0em;
	background-color: #80C51F;
        background: -moz-linear-gradient(top, #8dd22d, #67AD03);
        background: -webkit-gradient(linear, left top, left bottom, from(#8dd22d), to(#67AD03));
        -moz-border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
        behavior:url("includes/PIE.htc");
        position:relative;
	padding: 0.5em 0.2em;
}

.leftBoxContainer, .rightBoxContainer {
	/*border: 1px solid #ffffff;*/
	margin-bottom: 1.5em;
}

.sideBoxContent {
	background-color: #ffffff;
	padding: 0.4em;
}

h3.rightBoxHeading, h3.rightBoxHeading a {
	font-size: 1.1em;
	color: #ffffff;
}
/*
.rightBoxHeading {
	margin: 0em;
	background-color: #663366;
	padding: 0.2em 0em;
}
*/
h3.leftBoxHeading a:hover {
	color: #ffffff;
	text-decoration: none;
}

h3.rightBoxHeading a:hover {
	color: #ffffff;
	text-decoration: none;
}

.rightBoxContent {
	background-color: #ffffff;
	margin-bottom: 1em;
}

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
	text-align: center;
}

#bestsellers .wrapper {
	margin: 0em 0em 0em 1.5em;
}

#bestsellers ol {
	padding: 0;
	margin-left: 1.1em;
}

#bestsellers li {
	padding: 0;
	margin: 0.3em 0em 0.3em 0em;
}

#bannerboxHeading {
	background-color: #0000CC;
}

#upProductsHeading {
	text-align: left;
}

#upDateHeading {
	text-align: right;
}

/*misc*/
.back {
	float: left;
}

.forward, #shoppingCartDefault #PPECbutton {
	float: right;
}

.bold {
	font-weight: bold;
}

.rowOdd {
	background-color: #E8E8E8;
	height: 1.5em;
	vertical-align: top;
}

.rowEven {
	background-color: #F0F0F0;
	height: 1.5em;
	vertical-align: top;
}

.hiddenField {
	display: none;
}
.visibleField {
	display: inline;
}

CAPTION {
	/*display: none;*/
}

#myAccountGen li, #myAccountNotify li {
	margin: 0;
}

.accountTotalDisplay, .accountTaxDisplay {
	width: 20%;
	text-align: right;
	/*vertical-align: top*/
}

.accountQuantityDisplay {
	width: 10%;
	vertical-align: top
}

TR.tableHeading {
	background-color: #cacaca;
	height: 2em;
}

#siteMapList {
	width: 90%;
	float: right;
}

.ratingRow {
	margin: 1em 0em 1.5em 0em;
}

LABEL#textAreaReviews {
	font-weight: normal;
	margin: 1em 0em;
}

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
	background-color: #ffffff;
}
.information {padding: 10px 3px; line-height: 150%;}

#shoppingcartBody #shippingEstimatorContent {
	clear: both;
}

.seDisplayedAddressLabel {
	background-color:#85C285;
	text-align: center;
}
.seDisplayedAddressInfo {
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
}
#seShipTo {
	padding: 0.2em;
}

#navCatTabs .category-top {
	font-weight: bold;
	font-size: 1.2em;
}


/*---------------------------------------
iframe -index-
---------------------------------------*/

#leftBlock {
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
	position: static;
	border-radius: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}

/*追加用*/
body .spnDrawer button[type="button"] {
    display: none;
}
/*pagetop*/
#pageTop {
	position: fixed;
	bottom: 20px;
	right: 100px;
	z-index: 1500;
}
#pageTop a {
    padding: 10px 20px 10px 31px;
    background: #fff;
    border-radius: 5px;
    border: 1px #000 solid;
    font-weight: bold;
    position: relative;
    color: #000;
    opacity: 1;
    transition: 0.2s linear;
}
#pageTop a:before {
    content: "";
    border: 7px solid #000;
    border-color: transparent transparent #000 transparent;
    border-width: 7px 5px 7px 5px;
    display: inline-block;
    position: absolute;
    left: 11px;
    top: 8px;
}
#pageTop a:hover {
    opacity: 0.5;
}

/*検索 ------------------------------------------------------------*/
#advSearchDefault input {
    display: inline;
}
#advSearchDefault .centeredContent input[type="text"] {
    width: 380px;
}
#advSearchDefault .centeredContent {
    text-align: left;
    padding-left: 18px;
}
#advSearchDefault .floatingBox {
    margin-bottom: 20px;
}
body #advSearchDefault  fieldset select {
    margin-left: 18px;    
}
#advSearchDefault fieldset legend {
    font-size: 18px;
}
#advSearchDefault fieldset:first-of-type > legend {
}
body #advSearchDefault fieldset > fieldset legend {
    border-left: none;
    display: inline;
    width: auto;
    float: left;
    overflow: hidden;
    padding-left: 18px;
    font-size: 15px;
    line-height: 2em;
}

/*メンテナンス ------------------------------------------------------------*/
#maintenanceDefault #mntBlock {
    width: 95%;
    margin: 0px auto;
}
#maintenanceDefault .mntTop,
#maintenanceDefault .mntTime {
	align-items: center;
}

#maintenanceDefault .mntTop {
	justify-content: space-around;
}
#maintenanceDefault .mntTop p {
	font-family: "Noto Sans Japanese";
	font-size: 42px;
	color: #dc0000;
	font-weight: bold;
}
#maintenanceDefault .mntTop p i {
	font-style: normal;
	display: block;
	font-weight: bold;
}

#maintenanceDefault .mntTime {
	margin: 10px 0px 0 0;
}
#maintenanceDefault .mntTime p {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 10px 0;
}
#maintenanceDefault .mntTime p span {
	background: #7cbd23;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 2px 4px;
}

#maintenanceDefault .mntTxt  {
	border: 1px solid #777777;
	width: 100%;
	margin: 0px auto;
	padding: 10px 8px;
	box-sizing: border-box;
	font-size: 15px;
}
#maintenanceDefault .mntTxt p {
	font-size: 20px;
	font-weight: bold;
	margin: 20px 0 0 0;
}








@media only screen and ( min-width: 768px) and ( max-width: 1055px ) {
#leftBlock {
    width: 100%;
}

}
@media screen and (max-width: 767px){
	#leftBlock {
		/* display: none; */
		width: 300px;
		position:fixed;
	}
	#leftBlock #sideWrapper {
		width:270px;
		margin: 0px auto;
	}

/*ドロワーボタン*/
	body .spnDrawer button[type="button"] {
		display: block;
		background: #fff;
	}
	button.drawer-toggle.drawer-hamburger {
		position: absolute;
		z-index: 99999;
		padding: 0 2%;
		top: 0;
		left: 7px;
	}
	.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
		height: 5px !important;
	}
	.spnDrawer button.drawer-toggle.drawer-hamburger span + span {
		font-size: 1em;
		display: block;
		/* margin-top: 13px; */
	}
	body#indexHomeBody.drawer-open #leftBlock {
		display: block;
		margin-right: 0px;
	}
	.drawer--left .drawer-nav {
		/* left: -16.25rem; */
		/* -webkit-transition: left .6s cubic-bezier(.19,1,.22,1); */
		/* transition: left .6s cubic-bezier(.19,1,.22,1); */
		left: -300px !important;
	}
	.drawer--left .drawer-hamburger,
	.drawer--left.drawer-open .drawer-nav,
	.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
		left: 0 !important;
	}
/*スマホ用------------------------------------------------
@media screen and (max-width: 640px){*/

	
	
	/*pagetop*/
	#pageTop {
		bottom: 0;
		right: 0;
		width: 15%;
		z-index: 9999999;
	}
	#pageTop a {
		display: block;
		border: none;
		border-radius: 0;
		padding: 10px 0px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background: #000;
	}
	#pageTop a:before {
		border-color: transparent transparent #fff transparent;
		border-width: 15px 10px;
		top: -5px;
		left: 35%;
	}
}

@media screen and (max-width: 640px){*/
	body#indexHomeBody.drawer-open #leftBlock {
		width: 70%;
	}
	
	.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	width:100%;
    position: relative;
    z-index: 1;
    float: left;
    margin-top: 70px;
    text-align: left;
    font-size: 14px;
	height: auto;	
}

}