@charset "UTF-8";

/* slick-theme.css */
/* Slider */
.slick-loading .slick-list
{
    background: #fff url("https://www.onlinestore-zerogact.com/css/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url("https://www.onlinestore-zerogact.com/font/slick.eot");
    src: url("https://www.onlinestore-zerogact.com/font/slick.eot?#iefix") format('embedded-opentype'), url("https://www.onlinestore-zerogact.com/font/slick.woff") format('woff'), url("https://www.onlinestore-zerogact.com/font/slick.ttf") format('truetype'), url("https://www.onlinestore-zerogact.com/css/fonts/slick.svg#slick") format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 25px;
    height: 25px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 1;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 25px;
    line-height: 1;
    opacity: 1.0;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -10px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -10px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.slick-arrow:before{
    content:""!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
  }

  .slick-next:before{
    background: url(https://www.onlinestore-zerogact.com/images/slide_r.png)!important;
    background-size: contain!important;
  }

  .slick-prev:before{
    background: url(https://www.onlinestore-zerogact.com/images/slide_l.png)!important;
    background-size: contain!important;
  }

/* slick.css */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
    border: solid 1px #e5e5e5;
    margin: 0px 0px;
    outline: none;
    cursor: pointer;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


.slick-initialized .slick-slide a {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.thumb a{
    pointer-events: none;
    outline: none;
}
.slick-initialized .slick-slide a:hover{
    opacity :0.8;
}

.thumb{
    margin: 10px auto 100px auto;
    width: 710px;
}
.slider img,
.thumb img{
	height: 100%;
	width: 100%;
}

/*slick setting*/
.slick-prev:before,
.slick-next:before{
    color: #14106e;
}


/* tab.css */
/* CSS Document */

body{
    font-family:-apple-system,’Lucida Grande’,‘Helvetica Neue’,’Hiragino Kaku Gothic ProN’,‘游ゴシック’,’メイリオ’,meiryo,sans-serif;
    -webkit-text-size-adjust: 100%;
}

html {
  -webkit-overflow-scrolling: touch;
}

.tab_area{
    padding: 5px 0 0 0 !important;
    border-bottom: solid 1px #d6d6d6;
    border-top: solid 1px #d6d6d6;
    margin: 0;
}

.container{
    max-width: 400px;
    margin: auto;
}

.tabContainer {
    overflow-x: auto;
}

.tabContainer::-webkit-scrollbar {
  display: none;
}


.tab{
    display: table;
    width: 170%;
}

.tab__button{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-bottom: solid 5px #FFF;
    padding: 5px 0;
}

.tab__button.active{
    border-bottom: solid 5px #0a9fec;
}

.tab__button a{
    padding: 5px 4px;
    color: #444;
    display: block;
    text-decoration: none;
    font-size: 12px;
    word-break: keep-all;
}
.tab__button a:hover{
    color: #444;
}

.contents__content{
    text-align: center;
    /* background: #d5e7ff; */
}

.contents__content div{
    /* clear: left; */
}
li.read-more01{
    margin: 0 0 10px !important;
}
.btn-readmore01{
    clear: both;
    overflow: hidden;
}
#mp_ta_info + .btn-readmore01{
    margin: 0 0 30px 0;
}
.btn-readmore01 a{
    text-align: center !important;
    display: block !important;
    padding: 15px 0;
    margin: 20px 0 0 0;
    background: #0a9fec;
    border: solid 1px #0a9fec;
    color: #FFF !important;
    text-decoration: none;
}

.contents__content div a{
    display: table;
    width: 100%;
    text-decoration: none;
    color:#222;
    text-align: left;
    line-height: 1.5em;
    font-size: 14px;
    height: 73% !important;
}

.contents__content div a span{
    display: table-cell;
    padding-left: 10px;
    padding-right: 10px;
}





/* 新着商品 */
#newarrivalItems  {
	clear:both;
}

#newarrivalItems .content_area .itemlist_bottom {
	float: left;
	width: 49%;
	box-sizing: border-box;
	padding: 3px;
	min-height: 160px;
	text-align: center;
	font-size: 0.7em;

}
#newarrivalItems .content_area .itemlist_bottom li {
	border:0 !important;
}

#newarrivalItems .tab_area ul li {
	width: 20%;
	height: 40px;
	padding-top: 12px;
}


/* タブ表示 */
.tab_area ul {
	border-bottom: #666 dotted 1px;
	width: 100%;
	list-style: none;
	padding: 0;
}
.tab_area ul li {
	display: block;
	float: left;
	border: 1px solid #fff;
	background-color: #eee;
	-webkit-box-sizing : border-box;
	-moz-box-sizing : border-box;
	box-sizing : border-box;
	font-size: x-small;
	text-align: center;
}
.tab_area ul li:hover {
	background: #999;
	color: #fff;
	cursor: pointer;
}
/*コンテンツ部分の表示領域を固定してはみ出さないようにする*/
.content_area {
	position: relative;
	width: 100%;
}
.content_area .content_block, .content_area .content_blocky {
	padding: 2% 2% 2% 2%;
	width: 100%;
	-webkit-box-sizing : border-box;
	-moz-box-sizing : border-box;
	box-sizing : border-box;
}
.content_area ul {
	width: 100%;
	list-style: none;
	padding: 0;
}
.content_area li {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3px;
	/* min-height: 160px; */
	text-align: left;
	font-size: 0.7em;
}
.content_area ul.oneRow li {
	width: 100%;
}
.content_area ul.twoRow li {
	width: 49%;
}
.content_area ul.threeRow li {
	width: 33%;
}
.content_area li img {
	width: 100%;
	height: auto;
	max-width: unset !important;
	max-height: unset !important;
}
.content_area .cut img {
	width: 95px;
	height: auto;
	overflow: hidden;
}
.content_area li p {
	margin: 3px 0 0 0;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/**フリータブ**/
section .listmenu li{
    font-weight: normal !important;
    border-bottom: dotted 1px #CCC;
    line-height: 240%;
    width: 100%;
}
#mp_ta_freepage{
    text-align: left;
    font-size: 11px;
    line-height: 180%;
    margin: 5px 0 0 0;
}
section .listmenu{

    margin: 0 !important;
}

/**ピックアップタブ**/

ul.pickup-list{}
ul.pickup-list li{
    width: 48%;
    border: solid 1px #d0e4ef;
    margin: 0 0 20px 0;
    padding: 0;
    background: #FFF;
    float: left;
}


ul.pickup-list li:nth-child(odd){
    clear: both;
}
ul.pickup-list li:nth-child(even){
	float: right;
}
ul.pickup-list li a{
    text-align: center;
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    font-size: 13px;
    letter-spacing: 0.05em;
}

#nav {

}

.fixed {
  position: fixed;
  top: 0;
  z-index: 999;
  background: #FFF;
}

#tabitem07{
    background: #FFF;
}


/** 人気ランキング調整 **/

#tabitem04 .cataloglist .box:before{
	color: #FFF;
	padding: 1px 6px;
	position: relative;
	top: -6px;
}

#tabitem04 .cataloglist .box:nth-child(1):before{
	content: '1';
	background: #e2d23b;
}

#tabitem04 .cataloglist .box:nth-child(2):before{
	content: '2';
	background: #b6b6b6;
}

#tabitem04 .cataloglist .box:nth-child(3):before{
	content: '3';
	background: #cca978;
}

#tabitem04 .cataloglist .box:nth-child(4):before{
	content: '4';
	background: #050505;
}

#tabitem04 .cataloglist .box:nth-child(5):before{
	content: '5';
	background: #050505;
}

#tabitem04 .cataloglist .box:nth-child(6):before{
	content: '6';
	background: #050505;
}

#tabitem04 .cataloglist .box:nth-child(7):before{
	content: '7';
	background: #050505;
}

#tabitem04 .cataloglist .box:nth-child(8):before{
	content: '8';
	background: #050505;
}

#tabitem04 .cataloglist .box:nth-child(9):before{
	content: '9';
	background: #050505;
}

#tabitem04 .cataloglist .box:nth-child(10):before{
	content: '10';
	background: #050505;
}

.itemname{
    font-size: 11px;
    line-height: 140%;
    margin: 7px 0 5px 0;
}

.initial_price{
    font-size: 11px;
    line-height: 100%;
}

#tabitem01{
    padding: 0;
}

#tabitem01 #mp_ta_freepage{
    margin: 0;
}

/**タブ3カラム**/
.contents__content ul li div.box{width: 31.3%;padding: 3% 0% 12% 0%;margin: 3% 3% 1% 0 !important;}

.contents__content ul li div.box.sold-out{
    padding: 3% 0% 10% 0%;
}

.contents__content ul li div.box:nth-child(odd){
    clear: none;
}
.contents__content ul li div.box:nth-child(even){
    float: left;
}
.contents__content ul li div.box:nth-child(3n){
    margin: 3% 0 1% 0 !important;
}
.contents__content ul li div.box:nth-child(3n+1){
    clear: both;
}

.contents__content ul li>div.box.sold-out:nth-child(1),
.contents__content ul li>div.box.sold-out:nth-child(2),
.contents__content ul li>div.box.sold-out:nth-child(3){
    padding: 0% 0% 10% 0%;
}
.contents__content ul li>div.box:nth-child(1),
.contents__content ul li>div.box:nth-child(2),
.contents__content ul li>div.box:nth-child(3){
    padding: 0% 0% 12% 0%;
}

.contents__content #tabitem04 ul li>div.box:nth-child(1),
.contents__content #tabitem04 ul li>div.box:nth-child(2),
.contents__content #tabitem04 ul li>div.box:nth-child(3){
    padding: 3% 0% 16% 0%;
}


.contents__content ul li div.box:nth-last-child(1),
.contents__content ul li div.box:nth-last-child(2),
.contents__content ul li div.box:nth-last-child(3){margin-bottom: 0 !important;}



/**ヘッドラインカラム調整**/
ul.pickup_column2{
	overflow: hidden;
}
ul.pickup_column2 li{
    padding: 0;
    width: 50%;
    float: left;
}
ul.pickup_column2 li:nth-child(2n+1){
    clear: both;
}
ul.pickup_column3{
	overflow: hidden;
}
ul.pickup_column3 li{
    padding: 0;
    width: 33.3%;
    float: left;
}
ul.pickup_column3 li:nth-child(3n+1){
    clear: both;
}

/* header_cart.css */
/* CSS Document */

/* お店ページに会員カート情報表示（SMP01） */
#headerbox {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    display: table;
    box-sizing: border-box;
    vertical-align: middle;
}

#headerbox a {
    color: #282828;
    display: inline-block;
    position: relative;
}

#logo {
    width:25%;
    display: table-cell;
    vertical-align: middle;
}

#member_info {
    width:55%;
    display: table-cell;
    vertical-align: middle;
    line-height: 140%;
    font-size: 13px;
    padding: 0 0 0 5%;
    text-align: right;
}

#member_info .memberrank {
    font-size: 11px;
    border: 1px dotted #010101;
    padding: 5px;
    margin: 5px 0 0 0;
}

#member_info .memberrank .point_twrap {
    display: inline-block;
}

#hbtnbox {
    width: 20%;
    /* vertical-align: middle; */
    display: table-cell;
    text-align: right;
}

#hbtnbox img {
    width: 60px;
    height: auto;
}

span.item_cnt  {
    position: absolute;
    right: 9px;
    top: 5px;
    border-radius: 50%;
    min-width: 17px;
    text-align: center;
    padding: 3px 1px;
    border: 1px solid #FF6F6F;
    background-color: #ff6f6f;
    color: #fff;
}

/* お店ページに会員カート情報表示（非表示設定） */
.member_info_cart_info {
    display: none;
}

.member_info_cart_info .account_guest {
    display: none;
}

.member_info_cart_info .rank_name_0 {
    display: none;
}

.member_info_cart_info .rankup_none {
    display: none;
}

.member_info_cart_info .nrank_prc_0 {
    display: none;
}

.member_info_cart_info .nrank_cnt_0 {
    display: none;
}

.member_info_cart_info .firstname_guest {
    display: none;
}

.member_info_cart_info .more_maru_1 {
    display: none;
}

.member_info_cart_info .free_shipping_0 {
    display: none;
}

.member_info_cart_info .shipping_box_none {
    display: none;
}

.member_info_cart_info .pointmember_none {
    display: none;
}

.member_info_cart_info .rankmember_none {
    display: none;
}

.member_info_cart_info .memberrank_none_none {
    display: none;
}

.member_info_cart_info #member_info_none_none {
    display: none;
}

/* accordion.css */
/* CSS Document */

/* アコーディオン開閉ボタン */
.formbar .accordion-open {background-image:url("https://www.onlinestore-zerogact.com/img/theme11/minus.png") ;background-repeat : no-repeat; background-position : 97% center; padding-right:50px;}
.formbar .accordion-open.active {background-image:url("https://www.onlinestore-zerogact.com/img/theme11/plus.png");background-repeat : no-repeat; background-position : 97% center;}

	/*-----------------------------------------
		header
	-----------------------------------------*/
	#member {
		display: none;
		top: 0;
		right: 0;
		position: fixed;
	}
	#headerInner {
		width: auto;
		height: auto;
		z-index: 999999999;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		transition: .3s;
	}
	#subNav{
    display: none;
    background-color: rgba(0,0,0, 0.50);
    padding: 150% 5% 75% 5%;
}
	#headerInner #tagLine {
		position: relative;
		background: #000;
		top: 0;
		left: 0;
		padding: 11px 0;
		line-height: 100%;
		font-size: 9px;
		font-weight: normal;
		text-align: center;
		color: #FFF;
	}
	#headerInner #logo {
		position: relative;
		bottom: 0;
		left: 0;
		margin: 15px 0;
		width: auto;
		text-align: center;
	}
	#headerInner #logo img {
		width: 186px;
		height: 46px;
	}
	#headerInner div.tel {
		display: none;
	}
	#headerInner #globalNav {
		display: none;
	}
	#headerInner #smartNav {
		display: block;
		font-size: 12px;
	}
	#headerInner #smartNav ul {
		display: table;
		border-top: 1px solid #DFDFDF;
		border-bottom: 1px solid #DFDFDF;
		width: 100%;
		padding: 0;
		background: #FFF;
	}
	#headerInner #smartNav li {
		display: table-cell;
		line-height: 100%;
		text-align: center;
		width: 20%;
	}
	#headerInner #smartNav li a {
		display: block;
		padding: 35px 0 25px 0;
		text-decoration: none;
	}
	#headerInner #smartNav li.login a {
		background: url(https://www.onlinestore-zerogact.com/images//mypage.svg) no-repeat 50% 10px;
		-webkit-background-size: 20px 17px;
		background-size: 20px 17px;
	}
	#headerInner #smartNav li.cart a {
		background: url(https://www.onlinestore-zerogact.com/images//cart.svg) no-repeat 50% 10px;
		-webkit-background-size: 20px 17px;
		background-size: 20px 17px;
		text-align: center;
	}
	#headerInner #smartNav li.tel a {
		background: url(https://www.onlinestore-zerogact.com/images//home.svg) no-repeat 50% 10px;
		-webkit-background-size: 20px 17px;
		background-size: 20px 17px;
	}
	#headerInner #smartNav li.search a {
		background: url(https://www.onlinestore-zerogact.com/images//search.svg) no-repeat 50% 10px;
		-webkit-background-size: 20px 17px;
		background-size: 20px 17px;
	}
	#headerInner #smartNav li.menu a {
		position: relative;
	}
	#headerInner #smartNav li.menu a span {
		display: block;
		position: absolute;
		background: #4b4b4b;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
		width: 18px;
		height: 2px;
		margin-left: -12px;
		left: 53%;
	}
	@media (max-width: 420px) {
		#headerInner #smartNav li.menu a span {
		left: 54%;
		}
	}
	#headerInner #smartNav li.menu a span:nth-child(1) {
		top: 12px;
	}
	#headerInner #smartNav li.menu a span:nth-child(2) {
		top: 18px;
	}
	#headerInner #smartNav li.menu a span:nth-child(3) {
		top: 24px;
	}
	body.menu #headerInner #smartNav li.menu a span:nth-child(1) {
		top: 18px;
		transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
	}
	body.menu #headerInner #smartNav li.menu a span:nth-child(2) {
		opacity: 0;
	}
	body.menu #headerInner #smartNav li.menu a span:nth-child(3) {
		top: 18px;
		transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		-o-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg);
	}
		#subNav .search .keyword {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		padding: 3.34375vw 0 3.34375vw 3.34375vw;
		float: left;
		width: 80%;
		font-size: 16px;
		border: none;
		background: #EEE;
		height: 50px;
	}


	.keyword::-webkit-input-placeholder {
    color: #AAA;
    font-size:14px;
	}
	.keyword:-ms-input-placeholder {
    color: #AAA;
    font-size:14px;
	}
	.keyword::-moz-placeholder {
    color: #AAA;
    font-size:14px;
	}
	.keyword::-placeholder {
    color: #AAA;
    font-size:14px;
	}



	#subNav .search .button {
		-webkit-appearance: none;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		float: right;
		font-size: 16px;
		margin: 0;
		background: #009ef6;
		border: none;
		color: #FFF;
		padding: 3.34375vw 0;
		width: 20%;
		height: 50px;
	}

		/*-----------------------------------------
		mainMenu
	-----------------------------------------*/
	#mainMenu {
		display: block;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		background: #d5e7ff;
		-webkit-overflow-scrolling: touch;
		position: fixed;
		bottom: -100%;
		height: 100%;
		overflow: auto;
		z-index: 9999999;
		width: 100%;
	}
	#wrapper {
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		width: 100%;
	}
	body.menu #mainLayer {
		position: fixed;
		background: #000;
		opacity: 0.4;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 90;
	}
	body.menu #wrapper {
		margin-bottom: -100%;
	}
	body.menu #mainMenu {
		bottom: 0;
		left: 0;
	}
	body.menu #mainMenu ul{
    overflow: hidden;
    padding: 2%;
}
	body #mainMenu ul li{
    width: 48.75%;
    float: left;
    list-style-type: none;
    background: #FFF;
    margin: 0 0 2% 0;
    }
    body.menu #mainMenu ul li:nth-child(2n){
    float: right;
}
    body.menu #mainMenu ul li:nth-child(2n+1){
    clear: both;
}
	body.menu footer,
	body.menu #cart-footer {
		margin-bottom: -100%;
	}
	#mainMenu .button {
		padding: 13px 15px 10px 15px;
		font-size: 13px;
	}
	#mainMenu .button a {
		text-decoration: none;
	}
	#mainMenu .button .login{
		float: left;
		margin-bottom: 10px;
		width: 48%;
		line-height: 100%;
		text-align: center;
	}
	#mainMenu .button .cart {
		float: right;
		margin-bottom: 10px;
		width: 48%;
		line-height: 100%;
		text-align: center;
	}
	#mainMenu .button .login a,
	#mainMenu .button .cart a {
		display: block;
		background: #FFF;
		padding: 35px 0 10px 0;
	}
	#mainMenu .button .login a {
		margin-right: 1px;
		-webkit-background-size: 13px 16px;
		background-size: 13px 16px;
	}
	#mainMenu .button .cart a {
		margin-left: 1px;
		-webkit-background-size: 20px 17px;
		background-size: 20px 17px;
	}
	#mainMenu .button .member {
		clear: both;
		margin-bottom: 5px;
	}
	#mainMenu .button .member a,
	#mainMenu .button .favorite a {
		display: block;
		background: #f6f0f0;
		line-height: 100%;
		text-align: center;
	}
	#mainMenu .button .member a span,
	#mainMenu .button .favorite a span {
		display: inline-block;
		padding: 10px 0;
	}
	#mainMenu .button .member a span {
		-webkit-background-size: 7px 15px;
		background-size: 7px 15px;
		padding-left: 15px;
	}
	#mainMenu .button .favorite a span {
		-webkit-background-size: 17px 15px;
		background-size: 17px 15px;
		padding-left: 24px;
	}
	#mainMenu .delivery {
		background: #EC8261;
		margin: 10px 15px 10px 15px;
		padding: 0 10px;
		line-height: 140%;
		font-size: 15px;
		font-weight: bold;
		color: #FFF;
	}
	#mainMenu .delivery .day {
		border-bottom: 1px solid #F1A189;
		padding: 10px 0 10px 32px;
		-webkit-background-size: 26px 20px;
		background-size: 26px 20px;
	}
	#mainMenu .delivery .free {
		padding: 10px 0 10px 32px;
		-webkit-background-size: 27px 15px;
		background-size: 27px 15px;
	}
	#mainMenu .new a {
		display: block;
		background: #FFF;
		margin: 0 15px 15px 15px;
		padding: 10px 0;
		line-height: 100%;
		text-decoration: none;
		text-align: center;
		font-size: 14px;
	}
	#mainMenu .new a span {
		-webkit-background-size: 5px 8px;
		background-size: 5px 8px;
		padding-left: 10px;
	}
	#mainMenu .category ul,
	#mainMenu .brand ul,
	#mainMenu .feature ul,
	#mainMenu .guide ul {
		line-height: 140%;
		padding: 5px 0;
		font-size: 13px;
	}
	#mainMenu .category .title,
	#mainMenu .brand .title,
	#mainMenu .feature .title,
	#mainMenu .guide .title {
		position: relative;
		border-top: 1px solid #DDD;
		padding: 10px 15px;
		line-height: 160%;
		color: #333;
		font-size: 13px;
	}
	#mainMenu .category ul li,
	#mainMenu .brand ul li,
	#mainMenu .feature ul li,
	#mainMenu .guide ul li {
		margin: 0 15px 10px 15px;
	}
	#mainMenu .category ul li a,
	#mainMenu .brand ul li a,
	#mainMenu .feature ul li a,
	#mainMenu .guide ul li a {
		display: block;
		text-decoration: none;
		padding-left: 13px;
		color: #333;
	}
	#mainMenu .category ul li a.external span,
	#mainMenu .brand ul li a.external span,
	#mainMenu .feature ul li a.external span,
	#mainMenu .guide ul li a.external span {
		-webkit-background-size: 9px 8px;
		background-size: 9px 8px;
		padding-right: 16px;
	}
	#mainMenu .title em {
		margin-left: 10px;
		font-size: 11px;
		font-weight: normal;
	}
	#mainMenu .title.open {
		background: #f4f4f4;
	}
	#mainMenu .category ul.open,
	#mainMenu .brand ul.open,
	#mainMenu .feature ul.open,
	#mainMenu .guide ul.open {
		background: #f4f4f4;
	}
	#mainMenu .title span,
	.header_area .category dt span,
	article #main-column #JournalList #sitemap .search dt span,
	#footerInner #productSearch dt span {
		display: block;
		position: absolute;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
		width: 10px;
		height: 2px;
		margin-top: -1px;
		top: 50%;
	}
	#mainMenu .title span:nth-child(2),
	.header_area .category dt span:nth-child(2),
	article #main-column #JournalList #sitemap .search dt span:nth-child(2),
	#footerInner #productSearch dt span:nth-child(2) {
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
	}
	#mainMenu .title.open span:nth-child(2),
	.header_area .category dt.open span:nth-child(2),
	article #main-column #JournalList #sitemap .search dt.open span:nth-child(2),
	#footerInner #productSearch dt.open span:nth-child(2) {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
	}
	#mainMenu .title span {
		background: #6f6f6f;
		right: 15px;
	}
	#mainMenu .company li a {
		padding: 10px 15px;
		line-height: 160%;
		text-decoration: none;
		color: #333;
		font-size: 13px;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 50px;
		text-align: center;
	}
	#mainMenu .company li:last-child a{
    border-bottom: 1px solid #DDD;
}
	#mainMenu .company li a.external {
	}
	#mainMenu .banner ul {
		border-top: 1px solid #DDD;
		padding-top: 5px;
	}
	#mainMenu .banner ul li {
		margin: 10px 15px 0 15px;
	}
	#mainMenu .banner ul li.blog {
		margin-bottom: 10px;
	}
	#mainMenu .banner ul li a {
		text-decoration: none;
	}
	#mainMenu .banner ul li a:hover {
		text-decoration: none;
	}
	#mainMenu .banner ul li.blog a {
		display: block;
		-webkit-background-size: 25px 31px;
		background-size: 25px 31px;
		padding: 0 0 0 10px;
		line-height: 60px;
		height: 60px;
		text-align: center;
		font-size: 15px;
		color: #2D2713;
	}
	#mainMenu .banner ul li.mailmagazine a {
		display: block;
		-webkit-background-size: 43px 50px;
		background-size: 43px 50px;
		padding: 13px 0 0 0;
		height: 47px;
		line-height: 100%;
		text-align: center;
		font-size: 15px;
		color: #1A3D44;
	}
	#mainMenu .banner ul li.mailmagazine span {
		display: block;
		margin-top: 6px;
		font-size: 12px;
		color: #000;
	}
	#mainMenu .other ul {
		padding: 10px 0 15px 0;
		line-height: 160%;
		font-size: 13px;
	}
	#mainMenu .other ul li {
		margin: 5px 15px 0 15px;
	}
	#mainMenu .other ul li a {
		-webkit-background-size: 4px 6px;
		background-size: 4px 6px;
		padding-left: 10px;
		text-decoration: none;
		color: #333;
	}
	#mainMenu .smp-midashi{
    position: relative;
    padding: 13px 15px;
    line-height: 160%;
    color: #FFF;
    font-size: 13px;
    background: #009ef6;
    }
    #mainMenu .smp-midashi p{
    margin: 0;
    padding: 0;
    border: none;
    color: #FFF;
}
    .company ul{
    padding: 0;
}

/* calendar_11.css */
/********** 定休日カレンダー S-ホワイト **********/

/***** レイアウト *****/
#pi_calendar div.subc_cal_cont {
	margin:5px;
	padding:10px 20px 15px;
}

#pi_calendar div.cal_wrapper table.cal {
	width:100%;
	border-collapse:collapse;
}

#pi_calendar div.cal_wrapper table.cal tr td {
	text-align:center;
	font-size:85%;
	line-height:3;
}

#pi_calendar div.cal_wrapper table.cal tr:nth-child(1) th {
	padding:10px 0 0;
}

#pi_calendar div.cal_wrapper table.cal tr:nth-child(1) th p.month {
	display:inline-block;
	margin:0.5em 0;
}

#pi_calendar div.cal_wrapper table.cal tr:nth-child(1) th input.prev {
	float:left;
	-webkit-appearance:none;
	-webkit-border-radius:: 0;
}

#pi_calendar div.cal_wrapper table.cal tr:nth-child(1) th input.next {
	float:right;
	-webkit-appearance:none;
	-webkit-border-radius:: 0;
}

#pi_calendar div.cal_wrapper table.cal tr:nth-child(1) th input {
	background:none;
	padding:0.5em;
	font-size:80%;
	line-height:1;
	font-family:monospace;
	cursor:pointer;
}

#pi_calendar div.subc_cal_cont .cap ul {
	margin:5px 0 0;
	padding:0;
}

#pi_calendar div.subc_cal_cont .cap li {
	display:inline-block;
	overflow:hidden;
	padding:0 10px 0 0;
	font-family:monospace;
	font-size:85%;
}

#pi_calendar div.subc_cal_cont .cap li > span:nth-child(1) {
	padding:0 2px 0 0;
	line-height:1.2;
	font-size:120%;

}

#pi_calendar div.subc_cal_cont .cap .cap-info {
    line-height:1.4;
	margin:10px 0 0;
	font-size:90%;
}

/***** 配色 *****/
#pi_calendar {
	color:#333;
}

#pi_calendar div.subc_cal_cont {
	background:#fff;
}

#pi_calendar div.cal_wrapper table.cal tr td.cal_dispdate {
	border:1px solid #ddd;
	background:#fff;
}

#pi_calendar div.cal_wrapper table.cal tr:nth-child(1) th input {
	border:1px solid #ddd;
	background:#fff;
	color:#333;
}

#pi_calendar div.subc_cal_cont .cap .ico_cap01 {
    color:#6cf;
}

#pi_calendar div.subc_cal_cont .cap .ico_cap02 {
    color:#f00;
}

#pi_calendar div.subc_cal_cont .cap .ico_cap03 {
    color:#ff0;
}

#pi_calendar div.cal_wrapper table.cal tr td div.Today {
    background:#eee;
    color:#6cf;
    font-weight:bold;
}

#pi_calendar div.cal_wrapper table.cal tr td div.ccolor1{
	background:#f00;
}

#pi_calendar div.cal_wrapper table.cal tr td div.ccolor2{
	background:#ff0;
}