/* 1-0 ALL Setting
 *----------------------------------------------------------------------*/
html{
	font-size: 62.5%;/*10px*/
}

/*************************************
新規バナー2点
**********************************/
.foot-banar {
    margin-top: 5%;
    margin-bottom: 5%;
}
.items .sysContent .sysItemBlock .sysHorizontal li {
    width: 33.33333% !important;
    padding: 0 20px;
}
body {
	color:#666666;
	font-size: 1.3rem;/*13px*/
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Lucida Grande",Verdana,"ＭＳ Ｐゴシック",sans-serif;
	line-height: 1.6;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.category {
    max-width: 750px;
    padding: 0 10px;
}
.title {
    margin: 20px auto !important;
    text-align: center;
}
.banar {
    width: 750px;
}
.sp {
    display: none;
}
.banar-item li {
   list-style: none;
   display: inline-block;
   width: 32%;
   padding: 0 !important;
   margin-bottom: 5px !important;
}
.pc {
        border: none !important;
        width: 100%;
}
.banar-item {
    margin: 0 auto;
    padding: 0 5px 0 10px;
    text-align: center;
}
#sysAll{
    max-width: 100%;
    background-color: transparent;
    padding: 0;
}
#sysWrap {
	max-width:980px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}
#sysHeader{
    margin: 0;
    padding: 0;
}
div#sysMain{
	width:76.530612244898%;/*750px*/
	margin:0 auto;
	padding:0;
}
div#sysAside{
	float:left;
	padding:0;
	margin-top: 0;
	width:20.408163265306%;/*200px*/
}
#sysFooter{
	margin:0;
	padding:0;
	background-color:#fdf5f5;
}
.sysContent{
	padding:0 !important;
}
a#sysItemCategory{
        color:blue;
}
a{
	color:#666666;
	text-decoration:none;
}
a:hover{
	color: blue;
}
img{
	vertical-align:bottom;
}
a:hover img {
	opacity:0.5;
	filter: alpha(opacity=50);
		-moz-filter: "alpha( opacity=50 )";
		-webkit-filter: "alpha( opacity=50 )";
		-o-filter: "alpha( opacity=50 )";
		-ms-filter: "alpha( opacity=50 )";
}
a:hover img.nohover {
	opacity:1;
	filter: alpha(opacity=100);
		-moz-filter: "alpha( opacity=100 )";
		-webkit-filter: "alpha( opacity=100 )";
		-o-filter: "alpha( opacity=100 )";
		-ms-filter: "alpha( opacity=100 )";
}

/* 1-1 Webkit appearance */
input[type=search],
input[type=text],
input[type=tel],
input[type=email],
input[type=password],
textarea{
   -webkit-appearance:none;
   padding:10px 5px !important;
   width: 100%;
   line-height: 2;
   background:#fff;
   border:1px solid #dddddd;
   border-radius:0;
}
input[type=submit]{
	-webkit-appearance:none;
   padding:10px 5px !important;
   line-height: 2;
}

/* 1-2 input Setting */
input[type=search] {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    line-height: 2.5;
    padding-left: 5px;
}

input[type=search]::-webkit-search-decoration {
    display: none;
}
input[type="radio"] {
    /*-webkit-appearance: none;  */
    display: inline-block;
    vertical-align: baseline;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    border: 1px solid rgb(212,212,212);
    cursor: pointer;
    border-radius: 100%;
}
input[type="radio"]:checked{
    background: #666 ;
}

/* 1-3 Content setting */
table {
 border-collapse: collapse;
 border-spacing: 0;
}
select{    height: 30px;}
p {  margin: 10px auto;}
h1,h2,h3,h4,h5,h6{ font-size: inherit;}

/* 2-0 Function Parts
 *----------------------------------------------------------------------*/
/* 2-1 Clearfix */
.p-clearfix:after,
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

/* 2-2 Holizontal Item Block */
.sysContent .sysItemBlock .sysHorizontal {
    letter-spacing: -.4em;
    text-align: center;
}
.sysContent .sysItemBlock .sysHorizontal li {
    width: 25%;
    float: none;
    display: inline-block;
    letter-spacing: normal;
    margin: 0;
    text-align: center;
    vertical-align: top;
}

/* 2-3 Vertical Item Block */

/* 2-4 Facebook */
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span,
.widget_facebook_likebox iframe { width: 100% !important;}

/* 2-5 Button */
#sysMypageReminder #sysMain input[type=submit],
.sysBackButton,
.sysNextSubmit {
    background: #666;  color: #fff;
    display: block;
    padding: 10px 15px;
    text-shadow: none;
    border-color: transparent;
    border-radius: 3px;
    width: 80%;
    height: 50px;
    margin: 0 auto;
}

/* 2-8 非表示コンテンツ(FB/タグマネージャ等用) */
.h-code{ display: none;}

/* 4-0 Page-Content
 *----------------------------------------------------------------------*/
/* 4-1 Archive Page */
/* 4-1-1 Free Area */

/* 4-1-2 Pankuzu List*/
.sysCategoryPankuzu,
.sysItemCategoryPankuzu {
    font-size: small;
    margin-bottom:20px;
    white-space: nowrap;
    overflow: hidden;
}
.sysCategoryPankuzu a,
.sysItemCategoryPankuzu a {
    padding: 5px 10px;
    text-decoration: none;
}

/* 4-1-3 Category View Mode */
.sysItemCategoryCtl {
    font-size: small;
}
.sysItemCategoryCtl a {
    display: inline-block;
    padding: 2px 4px;
    background: #f4f4f4;
    border: 1px solid #666;
    border-radius: 3px;
    text-decoration: none;
    margin: 2px 0;
}
.sysItemCategoryCtl .sysCurrent{
	background-color:#f4d4d0;
}

/* 4-1-4 Item PR Setting */
.sysItemPr {
    font-size: small;
    padding: 0 5px;
    background: #fff;
    border: 1px solid #666;
    border-radius: 3px;
    display: inline-block;
    font-weight: bold;
}

/* 4-1-5 Cart Button */
.sysCartButton {
    border: none;
    padding: 10px;
    margin: 5px 0;
    border-radius: 5px;
    background-color: #ef8379;
    color: #fff;
    cursor: pointer;
}
.sysCartButton:hover {
    background: #999;
}


/* 4-1-6  Archive List Item */
.sysItemList ul.sysList li .sysThumbnailImage {
    width: 40%;
    max-width: 200px;
}
/* 4-1-7  Archive Thumbnail Item */
.sysItemList ul.sysThumbnail li {
    display: inline-block;
	padding:5px 10px;
	margin-bottom: 20px;
    float: none;
    vertical-align: top;
    letter-spacing: normal;
}
.sysItemList ul.sysThumbnail li .sysThumbnailImage{
	text-align:center;
}
.sysItemList ul.sysThumbnail li img{
	width:auto;
	max-height:200px;
}
.sysItemList ul.sysThumbnail {
    letter-spacing: -.4em;
}
.sysItemList ul.sysThumbnail input {
    width: 100%;
    padding: 10px 0;
}

/* 4-1-8 Deliveries Table */
ul.SysDeliveriesTable {
  border-style: solid;
  border-width: 0px;
  list-style: none;
  display: table;
  margin: 0;
  padding: 0;
}
ul.SysDeliveriesTable > li {
  display: table-row;
}
ul.SysDeliveriesTable > li > div {
  border-style: solid;
  border-width: 1px;
  display: table-cell;
  padding:10px;
}

/* 4-2 Item Page */
/* 4-2-1 Item IMAGE */
.sysThumbnailImage > span,.sysThumbnailImage > br { display: none;}
.sysItemImages{
	margin-bottom: 30px;
	padding-right:20px;
}
.sysMainImage{
	margin-bottom: 10px;
}
.sysMainImage img{
	width:100%;
	height:auto;
}
.sysItemImages .sysImageList{
	text-align:left;
}
.sysItemImages .sysImageList li{
    display: inline-block;
    vertical-align: top;
    height: auto;
    width: 18.5%;
    line-height: 1;
    float: none;
	padding:0 0.5%;
	margin:0 0 10px;
}
.sysItemBlock .sysHorizontal li .sysItemImage{
	margin-bottom: 10px;
}
.sysItemImages .sysImageList li.sysCurrent img {
    border: 3px solid #ff8479;
}

/* 4-2-2 Item Name */
.sysItemName h1 {
	margin-bottom:10px;
	color:#666;
	font-size: 1.6rem;
	text-align:left;
}

/* 4-2-3 Order Area */
.orderArea {
	margin-bottom: 40px;
    letter-spacing: -.4em;
    text-align: center;
}
.orderArea > div {
    width: 50%;
    display: inline-block;
    letter-spacing: normal;
    text-align: right;
    vertical-align: top;
}
.orderArea > .orderArea > div{
    width: 100%;
    display: block;
}

/* 4-2-4 Item Page Titile （２０２４０７２２　コメント追加）
.sysItemName,
.sysExplanation > div > span,
.sysReview > span{
    display: block;
}
*/


/* 4-2-5 Item Explanation */
.sysExplanation table {
    width: 100%;
    text-align: center;
    border: 1px solid #999;
    line-height: 2;
}
.sysExplanation thead {
    text-align: center;
    color: #fff;
    background: #999;
}
.sysExplanation td {
    font-size: small;
    text-align: left;
    padding-left: 10px;
}


/* 4-2-7 System Button */
/*.sysLoginButton,*/
.sysButton {
    border: none;
    padding: 10px;
    margin: 5px 0;
    border-radius: 5px;
    background-color: #666;
    color: #fff;
    cursor: pointer;
}
/*.sysLoginButton,*/
.sysButton:hover {
    background: #999;
}
/*.sysLoginButton{
    display: block;
    width: 50%;
    margin: 10px auto;
    padding: 20px;
}
*/
/* 4-2-8 Item Text */
.sysDescription,.sysImageDescription{ font-size: 1.3rem;}
.sysDescription{
	margin-bottom: 40px;
}

/* 4-2-9 Item Gallary */
.sysImageListSimple li { margin-bottom: 20px;}

/* 4-2-10 Review */
.sysReview input{
    background: #666;
    color: #fff;
    text-shadow: none;
    border: 1px solid #999;
    border-radius: 3px;
    display: block;
    padding: 10px;
    margin: 5px auto;
    width: 50%;
}
.sysReview > br {
    display: none;
}
.sysReviewHistoryList {
    padding: 0 10px;
}
.sysReviewHistoryList li {
    margin-bottom: 5px;
    border-bottom: 1px dashed lightgray;
    padding: 5px 0;
}
.sysReviewHistoryList li:last-child { border: none;}

.sysNickname,
.sysEvaluation {
    display: inline-block;
    padding: 0 10px 0 0;
}
.sysNickname {
    font-size: large;
    font-weight: bold;
}
.sysReviewDatetime {
    font-size: small;
    text-align: right;
    padding-right: 20px;
}
.sysReviewText { font-size: small;}

/* 4-3 Free Page */
/* 4-3-1 TOP PAGE */

/* 4-4 Form Page */
/* 4-4-1 Cart Button Reset */
.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit,
.sysCart #sysMain input[type=submit],
.sysCart #sysMain button[type=submit],
.sysCart #sysMain button {
    background: #999;
    color: #fff;
    text-shadow: none;
	border:none;
}
.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit{
	background:#ff8479 !important;
}
.sysCartInDone{ margin: 0;}

/* 4-4-2 Form Page */
#sysMemberRegisterRegister #sysMain h2,
#sysMemberRegisterConfirm #sysMain h2,
#sysMemberRegisterIndex #sysMain h2,
#sysFormThanks #sysMain h2,
#sysFormConfirm #sysMain h2,
#sysFormIndex #sysMain h2 {
    color: #666;
    font-size: large;
	margin-bottom: 20px;
}
#sysMemberRegisterConfirm  #sysMain > form,
#sysMemberRegisterIndex #sysMain > form,
#sysFormConfirm #sysMain > form,
#sysFormIndex #sysMain > form { padding: 10px;}

#sysMypageReminder #sysMain input,
#sysMemberRegisterIndex #sysMain input,
#sysFormIndex #sysMain input {
    line-height: 15px;
    padding: 5px;
    font-size: small;
    margin: 5px auto;
}
#sysMain textarea { min-height: 75px;}

.sysZipcode button,
.sysZipcode .sysFormField { display: inline-block;}
.sysZipcode .sysFormLabel { display: block;}
.sysZipcode .sysFormField { width: 200px;}
.sysZipcode br{ display: none;}
.sysBirthday input { width: auto!important;}


/* 4-4-3 Form Confirm Page */
#sysMypageEditConfirm #sysMain .sysFormField,
#sysMemberRegisterConfirm #sysMain .sysFormField,
#sysFormConfirm #sysMain .sysFormField {
    border: 1px solid #999;
    line-height: 2;
    padding-left: 10px;
    font-size: small;
    border-radius: 3px;
    margin: 5px auto;
    min-height: 20px;
}

/* 4-5 MyPage */
/* 4-5-1 Mypage Index */
.sysMypage #sysMain > form,
.sysMypage #sysMain > div { padding: 5px 10px;}

/* 購入履歴 */
.sysOrderList {
    border: 1px solid rgb(212,212,212);
    padding: 10px;
    max-height: 400px;
    overflow-y: scroll;
}
.sysOrderList li {
    border-bottom: 1px dotted rgb(212,212,212);
    margin-bottom: 5px;
    padding-bottom: 5px;
}

/* マイページボタン */
.sysMypageNav > form {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}
.sysMypageNav .sysButton {
    width: 100%;
    display: block;
    line-height: 40px;
}

/* 4-5-2 Member Profile Editor */
#sysMypageEditDelivery #sysMain > form,
#sysMypageEditMember #sysMain > form{ padding: 10px;}
#sysMypageEditDelivery #sysMain input,
#sysMypageEditMember #sysMain input {
    line-height: 15px;
    padding: 5px;
    font-size: small;
    margin: 5px auto;
}

#sysMypageEditConfirm #sysMain > form { padding: 10px;}

/* 4-5-3 Special Point */
.sysSpecialPoint {
    overflow: hidden;
    letter-spacing: -.4em;
}
.sysSpecialPoint > div:nth-child(2n) {
    width: 60%;
}
.sysSpecialPoint > div {
    display: inline-block;
    letter-spacing: normal;
    padding: 5px 10px;
    border-bottom: 1px solid #d5d5d5;
}
.sysSpecialPoint > div:nth-child(2n+1) {
    width: 40%;
}

/* 4-5-4 Coupon List */
.sysCoupon {
    border: 1px solid #d5d5d5;
    margin: 10px;
}

/* 4-6 News Page */
.news-row {
    border-color: #999;
    border-style: solid;
    border-radius: 0px;
    border-width: 1px;
    box-shadow: 1px 1px 1px gray;
    margin-bottom: 10px;
}
.news-row > h1 {
    border-bottom: 1px solid #999;
    background-color: #999;
    color: #ffffff;
    font-size: large;
    padding: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(), to());
    background: -webkit-linear-gradient(top, , );
}
.sysNewsDetail { padding: 10px 20px;}

/* マイページ（複数配送先編集画面）*/
.sysSelectAddress{
	background:#fff;
	border: 1px solid #cfcfcf;
}
.sysSelectAddress div{
	margin-bottom: 20px;
}
.sysCart .sysSelectAddress input{
	background:#fff !important;
}
.sysSelectAddress a {
    display: block;
    text-decoration: none;
    padding: 10px;
}
.sysAccordion .sysSubTitle{
	text-decoration:none !important;
}
.sysCart .sysAccordion{
	font-weight:normal;
	background:#fdf5f5 url("https://www.mignon-ballet.com/img/layout/aro_bottom.png") no-repeat right 10px center;
	background-size:15px;
}
.sysCart .sysAccordion:hover{
	background:#fdf5f5 url("https://www.mignon-ballet.com/img/layout/aro_bottom.png") no-repeat right 10px center;
	background-size:15px;
}
.sysCart .sysUseDeliveries{
	margin-bottom: 20px;
    padding: 10px;
	font-size:15px;
	text-decoration:none;
	border: 1px solid #cfcfcf;
	background:#fdf5f5 url("https://www.mignon-ballet.com/img/layout/aro_bottom.png") no-repeat right 10px center;
	background-size:15px;
}
.sysSelectAddress .sysSubTitle{
	font-size:1.5rem;
}
.sysOtherAddress{
	margin-top: 20px;
}
.sysSelectAddress {
    margin: 10px 0;
}
.sysSelectAddress a:hover {
    background: #eee;
}


/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(https://www.mignon-ballet.com/img/layout/top/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #efefef;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #ff8479;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(https://www.mignon-ballet.com/img/layout/top/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(https://www.mignon-ballet.com/img/layout/top/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(https://www.mignon-ballet.com/img/layout/top/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(https://www.mignon-ballet.com/img/layout/top/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/*.sidr*/
.sidr {
  height:100%;
  display: block;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  width: 260px;
  overflow-x: hidden;
  overflow-y: auto;
  background: #fdf5f5;
}
.sidr .sidr_inner {
  padding:10px 10px 60px;
}
.sidr.right {
  left: auto;
  right: -260px;
}
.sidr.left {
  left: -260px;
  right:auto;
}
.sidr input[type="text"],
.sidr input[type="password"],
.sidr input[type="date"],
.sidr input[type="datetime"],
.sidr input[type="email"],
.sidr input[type="number"],
.sidr input[type="search"],
.sidr input[type="tel"],
.sidr input[type="time"],
.sidr input[type="url"],
.sidr textarea,
.sidr select {
  width: 100%;
  font-size: 13px;
  padding: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 10px;
  border-radius:0;
  background:#fff;
  border:1px solid #dcdcdc;
  display: block;
  clear: both;
}
.sidr input[type=checkbox] {
  width: auto;
  display: inline;
  clear: none;
}
.sidr input[type=button],
.sidr input[type=submit] {
  color: #333;
  background: #fff;
}
.sidr input[type=button]:hover,
.sidr input[type=submit]:hover {
  background: rgba(255, 255, 255, 0.9);
}

/***********************************
	.megamenu
***********************************/
.megamenu{
    width: 100%;
    margin: 0 auto;
	*zoom: 1;
}
.megamenu:before,
.megamenu:after {
    content: " ";
    display: table;
}
.megamenu:after {
    clear: both;
}
ul.megamenu_second_level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}
ul.megamenu__third-level {
    visibility: hidden;
    opacity: 0;
}
ul.megamenu__fourth-level {
    visibility: hidden;
    opacity: 0;
}
li.megamenu_list{
	position:relative;
}
li.megamenu_list ul.megamenu_second_level{
    position: absolute;
    top: 25px;
	left:0;
	width:250px;
    box-sizing: border-box;
	border:1px solid #cccccc;
	background:#fff;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
li.megamenu_list:hover ul.megamenu_second_level {
    top: 25px;
    visibility: visible;
    opacity: 1;
}


/***********************************
	検索ボックス
***********************************/
.search_bx form{
    overflow: hidden;
	padding:5px 0;
	border: 1px solid #dddddd;
}
.search_bx .sysItemSearchFormWord{
	float: left;
	width: 80%;
}
.search_bx input[type="search"] {
	height: 30px;
    border:none;
    padding: 5px;
    width: 100%;
}
.search_bx .sysSearchButton{
	overflow:hidden;
	float: left;
	display: block;
    width: 19%;
	height: 30px;
	margin:0;
	padding:0;
	text-indent:-999px;
	border-radius:0px;
    border:none;
	background:#fff url(https://www.mignon-ballet.com/img/layout/ico_search.png) no-repeat center center;
	background-size:20px;
	cursor:pointer;
}


/***********************************
	header
***********************************/
/*.header*/
.header,
.header_sp{
	background-color:#fdf5f5;
}
.header_inner .postage{
	width:300px;
	margin:0 50px 0 0;
	color:#ff8479;
	font-size:12px;
	font-weight:bold;
	padding-left:35px;
	/*background:url(https://www.mignon-ballet.com/img/layout/header/ico_truck.png) 10px center no-repeat;*/
	background-size:20px;
}
.h_search{
	margin-bottom: 0;
	background-color:#fff;
}

/*.header*/
.header .header_inner{
	max-width:980px;
	margin:0 auto;
	padding:10px 0;
}
.header .header_inner h1,
.header .header_inner .postage,
.header .h_search_bx_inner{
	float:left;
}
.header .header_inner h1{
	width:130px;
}
.header .h_search_bx_inner{
	width:360px;
	overflow:hidden;
}
.header .header_inner ul{
	float:right;
	width:130px;
}
.header .header_inner ul li{
	width:50%;
	float:left;
	text-align:center;
}
.header .header_inner ul li a{
	display:block;
	padding-top:35px;
	font-size:0.9rem;
	background-size:30px !important;
	background-position:top center;
	background-repeat:no-repeat;
}

/*.header*/
.header_sp .header_inner{
	position:relative;
	z-index:1;
	min-height:70px;
}
.header_sp .header_inner h1{
	position:absolute;
	top:10px;
	left:0;
	z-index:2;
	width:100%;
	text-align:center;
	margin: 0;
}
.header_sp .h_search_bx_inner{
	width:95%;
	padding:0 0 10px;
	margin:0 auto;
	overflow:hidden;
}
.header_sp .header_inner ul.h_sp_menu li{
	width:50px;
	height:60px;
	text-align:center;
	position:absolute;
	top:10px;
	z-index:10;
}
.header_inner ul li.hd_menu{left:5px;}
.header_inner ul li.hd_cart{right:5px;}

.header_sp .header_inner ul li a{
	display:block;
	padding-top:35px;
	font-size:0.9rem;
	background-position:top center;
	background-repeat:no-repeat;
}

/*PCスマフォ共通*/
.header_inner ul li.hd_menu a{background-image:url(https://www.mignon-ballet.com/img/layout/header/ico_menu.png);background-size:30px;}
.header_inner ul li.hd_cart a{background-image:url(https://www.mignon-ballet.com/img/layout/header/ico_cart.png);background-size:30px;}


/*PC用ヘッダー*/
/*メニュー情報*/
.header_inner .menu_inner{
	padding:20px;
}
.header_inner li.hd_menu ul.megamenu_second_level{
	top:57px;
}
.header_inner li.hd_menu ul.megamenu_second_level ul,
.header_inner li.hd_menu ul.megamenu_second_level li{
	float:none;
	width:100%;
	text-align:left;
}
.header_inner li.hd_menu ul.megamenu_second_level ul li a{
	display:block;
	padding: 8px 10px;
	font-size:1.2rem;
	background:url(https://www.mignon-ballet.com/img/layout/aro_right.png) center right 10px no-repeat;
	background-size:15px !important;
}

/*カート情報*/
.header_inner li.hd_cart ul.megamenu_second_level{
	top:57px;
}
.header_inner li.hd_cart .megamenu_second_level li{
	display:block !important;
	width:100%;
}
.header_inner .h_cart{
	padding:20px;
	font-size:1.2rem;
	font-weight:normal;
}
.header_inner .h_cart dl{
	margin-bottom: 10px;
	text-align:left;
}
.header_inner .h_cart dt,.h_cart dd{
	display:inline-block;
}
.header_inner .h_cart dd span{
	color:#ff7a6e;
	font-weight:bold;
}
.header_inner ul li.hd_cart .sysCartInfoCartIn a{
	overflow:hidden;
	display:block !important;
	padding:10px !important;
	text-indent:-999px;
	background:#ff8479 url(https://www.mignon-ballet.com/img/layout/system/btn_cart2.png) center center no-repeat !important;
	background-size:100px !important;
}
.header_inner ul li.hd_cart .sysCartInfoCartIn a:hover{
	background-color: #ff7a6e !important;
}


/*SP、TB用ヘッダー*/
/*sidr_inner内*//*ログイン*/
.h_login_bx_inner{
	margin:0 auto 30px;
	text-align:center;
}
.h_login_bx_inner .sysLoginButton{
	width:100%;
	margin:0 0 10px;
	padding:10px 0;
	background:#fdf5f5 !important;
	border:1px solid #666666;
	border-radius:0;
}
.sidr_inner .side_navi_ttl{
	margin-bottom: 30px;
}
.sidr_inner .h_navi_ttl{
	margin-bottom: 0;
}

/*ボタン*/
.btn_top_close{
	margin:0;
	font-size:50px;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:1;
}
.btn_bottom_close{
	text-align:center;
}
.btn_bottom_close:before{
	position:relative;
	top:3px;
	content:"×";
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:30px;
}


/*.h_navi*/
.h_navi{
	max-width:980px;
	margin:0 auto;
	text-align:center;
}
.h_navi .tabmenu{
	margin-bottom: 10px;
}
.h_navi .tab{
  margin:0;
  padding: 0;
  list-style: none;}

.h_navi .tab li{
  cursor: pointer;
  float:left;
  padding:20px 0;
  width: 14.28571428571429%;}

.h_navi .tab li.select{
	  color:#ef8379;
	  font-weight:bold;}

.h_navi .hide{
  display:none;}

.h_navi .cate_close{
	width:80%;
	max-width:300px;
	padding:7px 0 10px;
	color: #ef8379;
	border:1px solid #ef8379;
	text-align: center;
	cursor: pointer;}

.h_navi .cate_close:before{
	position:relative;
	top:3px;
	content:"×";
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:25px;
	line-height:1;
}

.h_navi .ttl_cate{
	margin-bottom:10px;
	text-align:center;
}
.h_navi .show{
	padding:20px 0;
	border: 1px solid #cfcfcf;
}
.h_navi .content ul{
	margin-bottom: 20px;
	font-size:0;
	text-align:center;
}
.h_navi .content ul li{
	display:inline-block;
	font-size:1.3rem;/*13px*/
	width:16.66666666666667%;
	vertical-align:top;
}
.h_navi .content ul li img{
	display:block;
	margin:0 auto;
}


/*.h_postage*/
.h_postage{
	width:95%;
	margin:0 auto 10px;
	color:#ef8379;
	border:1px solid #ef8379;
}
.h_postage .h_postage_btn{
	cursor:pointer;
	padding:5px;
	background: url(https://www.mignon-ballet.com/img/layout/ico_plus_red.png) center right 10px no-repeat;
	background-size:15px !important;
}
.h_postage .h_postage_btn.active{
	background:url(https://www.mignon-ballet.com/img/layout/ico_minus_red.png) center right 10px no-repeat;
}
.h_postage .h_postage_btn span{
	display:inline-block;
	font-size:1.1rem;
	font-weight:bold;
	padding:5px 0 5px 35px;
	background:url(https://www.mignon-ballet.com/img/layout/header/ico_truck.png) 10px center no-repeat;
	background-size:20px;
}
.h_postage .h_postage_box{
	width:90%;
	padding:10px 0;
	margin:0 auto;
	border-top:1px solid #ef8379;
}
.h_postage .h_postage_box div{
	margin-bottom: 10px;
	text-align:center;
	font-weight:bold;
}
.h_postage .h_postage_box div span{
	display:inline-block;
	margin-left:5px;
	font-size:1.1rem;
}
.h_postage .h_postage_box li{
	float:left;
	width:33.33333333333333%;
	padding-top:25px;
	color:#666;
	font-size:1.1rem;
	text-align:center;
	background-size:20px !important;
	background-position:top center !important;
	background-repeat:no-repeat;
}
.h_postage .h_postage_box li.pos_dm{background-image:url(https://www.mignon-ballet.com/img/layout/header/ico_dm.png)}
.h_postage .h_postage_box li.pos_neko{background-image:url(https://www.mignon-ballet.com/img/layout/header/ico_neko.png)}
.h_postage .h_postage_box li.pos_delivery{background-image:url(https://www.mignon-ballet.com/img/layout/header/ico_delivery.png)}



/***********************************
	footer
***********************************/
.footer{
	padding:40px 0;
	text-align:center;
}
.f_inner{
	max-width:980px;
	margin:0 auto;
	background:url(https://www.mignon-ballet.com/img/layout/footer/bg_footer.jpg) right bottom no-repeat;
	background-size:666px;
}
.f_inner .left{
	float:left;
	width:44.387755102041%;/*435px*/
}
.f_inner .left .mincho{
	color:#666;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.f_inner .left h2{
	max-width:360px;
	margin:0 auto 5px;
	padding-bottom:10px;
	font-size:20px;
	text-align:center;
	background: url(https://www.mignon-ballet.com/img/layout/top/ttl_bg.gif) center bottom no-repeat;
}
.f_inner .left .postage{
	max-width:360px;
	margin:0 auto 10px;
	padding:5px 10px;
	border:1px solid #ff958b;
}
.f_inner .left .contact_bx{
	margin-top:20px;
}
.f_inner .left .tel{
	font-size:30px;
}
.f_inner .left .hour{
	max-width:220px;
	margin:0 auto;
	color:#fff;
	border-radius:20px;
	background-color:#ff958b;
}

.f_inner .right{
	float:left;
	width:55.612244897959%;/*545px*/
	border-left:1px solid #cfcfcf;
}
.f_inner .f_navi{
	margin-bottom: 40px;
}
.f_inner .f_navi ul{
	float:left;
	width:50%;
}
.f_inner .f_navi ul li{
	padding:5px 0;
}

/*.f_page_top*/
.f_page_top{
	position:fixed;
	right:10px;
	bottom:20px;
	z-index:999;
	width:50px;
	height:58px;
}


/***********************************
	side
***********************************/
/*.slide_navi*/
.slide_navi{
	margin-bottom: 0;
}
.slide_navi .sysHeadline{
	padding:8px 10px;
	cursor:pointer;
	border-bottom: 1px solid #666666;
	background: url(https://www.mignon-ballet.com/img/layout/ico_plus.png) center right 10px no-repeat;
	background-size:15px !important;
}
.slide_navi .sysHeadline.active{
	background:#f4d4d0 url(https://www.mignon-ballet.com/img/layout/ico_minus.png) center right 10px no-repeat;
}
.slide_navi li{
    border-bottom: 1px solid #666666;
	background:#fffacd url(https://www.mignon-ballet.com/img/layout/aro_right.png) center right 10px no-repeat;
	background-size:15px;
}
.slide_navi li.sysText a{
	padding:8px 10px !important;
}

/*.side_navi_ttl*/
.side_navi_ttl{
	margin-bottom: 0;
}
.side_navi_ttl .sysHeadline{
	padding:0 !important;
}
.side_navi_ttl ul{
	border-top: 1px solid #666666;
}
.side_navi_ttl li{
	border-bottom: 1px solid #666666;
}
.side_navi_ttl a{
	display:block;
	padding:8px 10px;
	background:url(https://www.mignon-ballet.com/img/layout/aro_right.png) center right 10px no-repeat;
	background-size:15px;
}
.side_navi_ttl a:hover{
	background-color:#fffacd;
}
.side_navi_ttl .side_search_bx_inner{
	margin-bottom: 30px;
}


/*.side_navi_brands*/
.side_navi_brands{
	margin: 60px 0;
}
.side_navi_brands ul{
	overflow:hidden;
    display: flex;
    flex-wrap: wrap;
}
.side_navi_brands li{
	width:50%;
	padding:0 10px;
	margin-bottom:20px;
}

/*.side_checkitems*/
.side_checkitems{
	margin-bottom: 20px;
}
.side_checkitems .sysHeadline span{
	display:inline-block;
	padding:3px 0 3px 30px;
	background: url(https://www.mignon-ballet.com/img/layout/side/ico_checkitems.png) left center no-repeat;
	background-size:21px;
}
.side_checkitems .sysItemBlock .sysHorizontal li{
	width:33.33333333333333%;
	padding:0 20px;
	font-size:12px;
	text-align:left;
	line-height:1.2;
}

/***********************************
	TOPページ
***********************************/
/*TOPページ共通パーツ*/
.top_parts .sysHeadline{
	margin-bottom: 20px;
	padding:0 0 10px;
	font-weight:normal;
	text-align:center;
	background: url(https://www.mignon-ballet.com/img/layout/top/ttl_bg.gif) center bottom repeat-x;
}
.top_parts .sysHeadline img{
	display:block;
	margin:0 auto 5px;
}
.top_btn a{
	width:260px;
	display:block;
	margin:0 auto 60px;
	padding:15px 20px;
	text-align:center;
	border:1px solid #666666;
}
.top_btn a:hover{
	border-color:#ff8479;
}


/*.main_slider*/
.main_slider{
	max-width:980px;
	margin:0 auto;
}

/*.top_main_bn*/
.top_main_bn{
	max-width:980px;
	margin:0 auto 60px;
}
.top_main_bn ul{
	overflow:hidden;
}
.top_main_bn li{
	float:left;
	width:25.714285714286%;/*252px*/
	margin-right:2.959183673469%;/*29px*/
        margin-bottom: 14px;
}
.top_main_bn li:first-child,.top_main_bn li:nth-child(2){
	width:48.5204081632655%;
	margin-bottom:1.4795918367345%;/*14.5px*/
}

.top_main_bn li:nth-child(2){
	margin-right: 0;
}
.top_main_bn li:nth-child(3){
	width:48.5204081632655%;/*418px*/
    margin-right: 2.7%;
}
.top_main_bn li:nth-child(4){
    width:48.5204081632655%;
	margin-bottom:1.4795918367345%;/*14.5px*/
    margin-right: 0;
}
.top_main_bn li:nth-child(5){
    display: none;
}
.top_main_bn li:nth-child(6){
	width:48.5204081632655%;
    margin-right: 2.7%;
}

.top_main_bn li:nth-child(7){
    display: none;
}
.top_main_bn li:nth-child(8){
    width: 48.65306122449%;
    margin-right: 0;
}

.top_main_bn li:nth-child(9){
	display: none;
}

.top_main_bn li:nth-child(10){
	display: inline;
    width: 48.65306122449%;
    margin-right: 2.5%;
}

.top_main_bn li:nth-child(11){
	display: none;
}

.top_main_bn li:nth-child(12){
	display: inline;
    width: 48.65306122449%;
    margin-right: 0;
}

.top_main_bn li:nth-child(13){
	display: inline;
    width: 48.65306122449%;
    margin-right: 2.5%;

}

.top_main_bn li:nth-child(14){
	display: inline;
    width: 48.65306122449%;
    margin-right: 0;
}

.top_main_bn li:nth-child(15){
	display: none;
}

.top_main_bn li:nth-child(16){
	display: none;
}

.top_main_bn li:nth-child(17){
	display: inline;
    width: 48.65306122449%;
    margin-right: 2.5%;
}

.top_main_bn li:nth-child(18){
	display: none;
}

.top_main_bn li:nth-child(19){
	display: inline;
    width: 48.65306122449%;
    margin-right: 0;
}

.top_main_bn li:nth-child(20){
	display: none;
}

/*.top_category_bn*/
.top_category_bn{
	text-align:center;
	/*background: url(https://www.mignon-ballet.com/img/layout/top/bg_top_category.jpg) 0 0 no-repeat;*/
}
.top_category_bn h2{
	margin-bottom: 20px;
	font-weight:normal;
}
.top_category_bn h2 span{
	display:block;
	padding-top:5px;
}
.top_category_bn ul{
	max-width:750px;
	margin:0 auto 10px;
}
.top_category_bn ul li{
	float: left;
	width: 32%;
	padding:0 10px;
	margin-bottom:20px;
}
.top_category_bn ul li img{
	border:1px solid #666;
}
.top_category_bn .bn_ballet li:first-child{
	width:100%;
}

/*.top_info*/
.top_info{
	width:100%;
	max-width:980px;
	margin:0 auto;
}

.top_info h2.sysHeadline{
}

.top_info .sysHeadline{
	margin-bottom:0;
}
.top_info ul{
	margin-bottom:30px;
}
.top_info li{
	display:none;
	padding-top:10px;
	border-bottom:1px solid #cfcfcf;
}
.top_info li:nth-child(1),
.top_info li:nth-child(2),
.top_info li:nth-child(3){
	display:block;
}
.top_info li div{
	margin-bottom: 10px;
}
.top_info li .ttl_article{
	font-weight:bold;
}
.top_info li .day{
	font-size:1.1rem;
}

/*.top_ranking_all*/
.top_ranking_all{
	margin-bottom: 20px;
}
.top_ranking_all .sysHeadline span{
	display:inline-block;
	padding-left:30px;
	background: url(https://www.mignon-ballet.com/img/layout/top/ico_ranking.png) left center no-repeat;
	background-size:22px;

}
.top_ranking_all .sysItemBlock .sysHorizontal li{
	width:33.33333333333333%;
	padding:0 20px;
	font-size:12px;
	text-align:left;
	line-height:1.2;
	margin-bottom: 20px;
}
/*ランクアイコン*/
.top_ranking_all li:before{
	overflow:hidden;
	content:"RANK";
	display:block;
	width:54px;
	height:19px;
	margin:0 auto 10px;
	text-indent:-999px;
	background:url(https://www.mignon-ballet.com/img/layout/top/ranking/rank01.png) top center no-repeat;
	background-size:54px;
}
.top_ranking_all li:nth-child(2):before{background-image:url(https://www.mignon-ballet.com/img/layout/top/ranking/rank02.png);}
.top_ranking_all li:nth-child(3):before{background-image:url(https://www.mignon-ballet.com/img/layout/top/ranking/rank03.png);}
.top_ranking_all li:nth-child(4):before{background-image:url(https://www.mignon-ballet.com/img/layout/top/ranking/rank04.png);}
.top_ranking_all li:nth-child(5):before{background-image:url(https://www.mignon-ballet.com/img/layout/top/ranking/rank05.png);}
.top_ranking_all li:nth-child(6):before{background-image:url(https://www.mignon-ballet.com/img/layout/top/ranking/rank06.png);}
.top_ranking_all li:nth-child(7):before{background-image:url(https://www.mignon-ballet.com/img/layout/top/ranking/rank07.png);}
.top_ranking_all li:nth-child(8):before{background-image:url(https://www.mignon-ballet.com/img/layout/top/ranking/rank08.png);}
.top_ranking_all li:nth-child(9):before{background-image:url(https://www.mignon-ballet.com/img/layout/top/ranking/rank09.png);}

/*.top_newarrival*/
.top_newarrival{
	margin-bottom: 20px;
}
.top_newarrival .sysHeadline span{
	display:inline-block;
	padding:3px 0 3px 30px;
	background: url(https://www.mignon-ballet.com/img/layout/top/ico_newitems.png) left center no-repeat;
	background-size:21px;
}
.top_newarrival .sysItemBlock .sysItemPrice{
	 margin-bottom:50px;
}
.top_newarrival .sysItemBlock .sysHorizontal li{
	width:33.33333333333333%;
	padding:0 20px;
	font-size:12px;
	text-align:left;
	line-height:1.2;
}
/***********************************
	商品詳細ページ
***********************************/
/*商品番号*/
#sysItemDetail .sysItemId{
	text-align:left;
}

/*価格表示*/
#sysItemDetail .sysRetailPrice {
	display:inline-block;
	width:auto;
	margin-bottom: 5px;
	color:#ff8479;
	font-weight: bold;
	text-align:right;
}
#sysItemDetail .sysRetailPrice span{
	font-size: 1.8rem;
}
#sysItemDetail .sysRetailPrice span.sysRetailPriceValue{
	font-size: 1.8rem;
}

/*通常価格*/
#sysItemDetail .sysSuggestedRetailPrice{
	margin-bottom:5px;
	text-align:right;
}
#sysItemDetail .sysSuggestedRetailPrice span{
	font-size: 1.8rem;
}

/*送料区分*/
#sysItemDetail .sysShippingCost{
	display:inline-block;
	width:auto;
	margin-left:auto;
	margin-top:5px;
    padding: 0 5px;
	color: #ff8479;
	font-weight:bold;
	font-size:1.1rem;
	border: 1px solid #ff8479;
    border-radius: 3px;
}

#sysItemDetail .sysPr {
	text-align:right;
}
#sysItemDetail .sysPr > span {
	display: inline-block;
	text-align:center;
}

#sysItemDetail .sysForm select {
    min-width: 190px;
    width: 75%;
    display: inline-block;
    float: right;
}
#sysItemDetail #sysVariation {
	width:100%;
	/*max-width:500px;*/
     overflow: auto;
     margin-left:auto;
}

#sysItemDetail #sysVariation >div {
    margin: 10px auto;
    overflow: hidden;
}
#sysItemDetail .sysNumArea button {
    display: inline-block;
    width: 48%;
    background: #666;
    padding: 10px;
    border: 1px solid #999;
    border-radius: 5px;
    color: #fff;
}
#sysItemDetail .sysNumArea {
    padding-top: 5px;
    clear: both;
    text-align: right;
}
#sysWishlist .sysButton,
#sysItemDetail .sysCartButton {
    width: 98%;
    margin-left: 2%;
}
#sysItemDetail .sysShare { padding: 5px 0 0 2%;}
#sysCartInForm {
	width: 100%;
	/*max-width:500px;*/
	margin-left:auto;
}

/*バリエーション*/
#sysItemDetail .sysFormVariationName{
	background-color:#fdf5f5;
}
#sysItemDetail .sysFormVariationTable{
	width:100%;
	max-width:500px;
}

/*下部フォーム*/
#sysItemDetail .order_bottom{
	margin:0 auto 40px;
	text-align:right;
}

/*簡易商品説明*/
#sysItemDetail .sysDescription{
	margin-top: 40px;
	text-align:left;
}
#sysItemDetail .sysDescription span{
	display:block;
	width:80px;
	height:48px;
	margin:0 auto 20px auto;
	text-align:center;
	text-indent:-999px;
	overflow:hidden;
	background:url(https://www.mignon-ballet.com/img/layout/system/ttl_detail.png) center center no-repeat;
	background-size:80px;
}

#sysItemDetail .sysDescription a{
	color:#0000ff;
}

#sysItemDetail .sysDescription a:hover{
	border-bottom:solid 1px #0000ff;
}

/*商品詳細*/
.sysExplanation{
	margin-bottom: 40px;
	text-align:center;
}
.sysExplanation img{
	height:auto;
}

/*数量増減*/
#sysItemDetail .sysNumArea{
	margin-bottom: 20px;
}
#sysItemDetail .sysNumArea button {
	overflow:hidden;
    display: inline-block;
    width: 36.5%;
    padding: 10px;
	text-indent:-999px;
    border: 1px solid #b9b9b9;
    border-radius: 5px;
    background: #f1f1f1;
	cursor:pointer;
}
#sysItemDetail .sysNumArea button:hover{
	background-color: #efefef;
}
#sysItemDetail .sysNumArea .sysBtnPlus{
	background:url(https://www.mignon-ballet.com/img/layout/system/btn_plus.png) center center no-repeat;
	background-size:71px;
}
#sysItemDetail .sysNumArea .sysBtnMinus{
	background:url(https://www.mignon-ballet.com/img/layout/system/btn_minus.png) center center no-repeat;
	background-size:90px;
}

/*カートに入れる*/
#sysItemDetail .sysCartButton {
	padding:15px;
	text-indent:-999px;
	background:#cc0033 url(https://www.mignon-ballet.com/img/layout/system/btn_cart3.png) center center no-repeat;
	background-size:140px;
}
#sysItemDetail .sysCartButton:hover {
    background-color: #cc3366;
}
#sysItemDetail .sysGoCartButton {
	background:#ff69b4 url(https://www.mignon-ballet.com/img/layout/system/btn_cart3.png) center center no-repeat;
	background-size:127px;
}

/*お気に入り*/
#sysItemDetail #sysWishlist .sysButton{
	overflow:hidden;
	text-indent:-999px;
	border:1px solid #b9b9b9;
	background:#fff url(https://www.mignon-ballet.com/img/layout/system/btn_favo.png) center center no-repeat;
	background-size:100px;
}
#sysItemDetail #sysWishlist .sysButton:hover{
    background-color: #efefef;
}

/*SNSボタン*/
#sysItemDetail .sysShare {
	padding: 5px 0 0 2%;
	text-align:right;
}
#sysItemDetail .sysShare .sysFacebook{
	position:relative;
	top:-6px;
}
#sysItemDetail .sysShare .sysGoogleplus{
	width:58px;
}
#sysItemDetail .sysShare .sysLine,
#sysItemDetail .sysShare .sysDisplayPcNone{
	display:inline-block !important;
}
#sysItemDetail .sysShare .sysLine{
	position:relative;
	top:-6px;
}

/*商品ページ用おすすめ商品*/
/*.itempage_recommend*/
.itempage_recommend{
	margin-bottom: 40px;
}
.itempage_recommend .sysItemBlock .sysHorizontal li{
	width:33.33333333333333%;
	padding:0 20px;
	font-size:12px;
	text-align:left;
	line-height:1.2;
}
.itempage_recommend .sysHeadline{
	margin-bottom: 20px;
	font-weight:normal;
	text-align:center;
}
.itempage_recommend .sysHeadline img{
	display:block;
	margin:0 auto 5px;
}

/*.sysReview*/
#sysItemDetail .sysReview{
	margin:20px 0 40px;
}

/***********************************
	レビュー
***********************************/
.sysItemReview #sysMain{
	margin: 20px auto 40px;
    max-width: 680px;
}
.sysItemReview #sysMain h2{
	margin-bottom: 20px;
}
.sysItemReview #sysMain label{
	font-size:12px;
}
.sysItemReview #sysMain .sysNickname,
.sysItemReview #sysMain .sysEvaluation{
	display:block !important;
	margin-bottom:10px;
}
.sysItemReview #sysMain .sysReviewText{
	margin-bottom:10px;
}
.sysItemReview #sysMain .sysNickname input{
	padding:10px;
}
.sysItemReview #sysMain .sysRequired{
	color:#ff6f9b;
	font-weight:bolder;
}

/***********************************
	カートページ
***********************************/
.sysCart #sysMain{
	margin: 20px auto 40px;
    max-width: 680px;
}
.sysCart #sysMain,
.sysCart #sysMain a{
	color:#666;
}
.sysCart .sysBox,
.sysCart .sysSelectPaymentArea,
.sysCart .sysSelectDeliveryArea,
.sysCart .sysRemarksArea,
.sysCart .sysSelectOptionArea,
.sysCart .sysDetail,
.sysCart .sysOrder .nav,
.sysCart .sysAcceptDomainArea,
.sysCart .sysRepeatOrderSetting{
	background-color: #ffffff;
    border: 1px solid #cfcfcf;
    border-radius:0;
    box-shadow:none;
    margin: 1em auto 2em;
    padding: 1em;
}
.sysCart .sysBox hr{
	display:block;
	border: 0;
    height: 0;
    border-bottom: 1px solid #cfcfcf;
    margin:5px 0;
    padding:0;
}
.sysCart #sysMain input[type="text"],
.sysCart #sysMain input[type="password"],
.sysCart #sysMain input[type="email"],
.sysCart #sysMain input[type="number"],
.sysCart #sysMain input[type="tel"],
.sysCart #sysMain input[type="search"],
.sysCart #sysMain textarea{
	background:none;
	border-radius:0;
	border: 1px solid #dddddd;
}
.sysCart .sysTotalTxt{
	text-shadow:none;
}
.sysTotal .sysTotalTxt .sysCartAttention{
	font-size:2rem;
}
.sysCart .sysSubTotalArea{
	margin:10px 0;
}
.sysCart .sysNextSubmitArea{
	margin-bottom: 20px;
}
.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit{
	width:100%;
    padding: 10px;
    margin: 5px 0;
	color:#fff;
	font-weight:bold;
	text-shadow:none;
    border-radius: 5px;
	background:#ff8479 !important;
	border: none;
}
.sysCart .sysCartAttention,
.sysCart .sysRequired{
	color:#ff8479;
	font-weight:bolder;
}
.sysCart .sysGetPoint{
	color:#ff8479;
	font-weight:bolder;
}
.sysCart .sysCartNote{
	color:#625d51;
	font-size:90%;
}
.sysCart .sysCartTitle{
	color: #666;
	font-size:large;
	font-weight:bolder;
	background-color: #fff;
	padding:0;
	margin-bottom:2-px;
}
.sysCart .sysCartTitle span{
	font-size:1.2rem;
}
.sysCart #sysMain input{
	background:#fff !important;
}
.sysCart #sysMain input[type="submit"],
.sysCart #sysMain button[type="submit"],
.sysCart #sysMain button{
    display:inline-block;
    padding: 10px;
	width: auto;
	height:auto;
	color:#666;
	background:#fff;
	border-radius:none;
	border: 1px solid #999;
	text-overflow: ellipsis;
	overflow: hidden;
    white-space: nowrap;
}
.sysCart .sysDeleteArea,
.sysCart .sysConfirmButton{
	text-align:right;
}
.sysCart .sysNavImg{
	text-align:center;
	margin-bottom:20px;
}
.sysCart .sysFreeArea{
	color:#625d51;
	margin:20px 0;
}
.sysSelectPayment li:last-child,
.sysSelectDelivery li:last-child,
.sysSelectOption li:last-child,
.sysCart .sysDetail li:last-child,
.sysRemarks,
.sysCart .sysOrder .nav li:last-child{
    border-bottom:none;
}
.sysCart .sysAcceptDomainArea input{
	padding:0 10px!important;
}
.sysCart .cart_btn{
	color:#625d51;
	text-align:center;
	margin-top:40px;
}
.sysCart .cart_btn p{
	margin:0;
	padding:0;
}
.sysCart .cart_btn .btn{
	margin-top:5px;
}
.sysCart .cart_btn img{
	width:200px;
	border:1px solid #d0d0d0;
}
#sysBasket #sysMain{
	padding-top:10px;
}
.sysCart .cart_info .sysContent{
	max-width:300px;
	color: #666;
	text-align:center;
	font-weight:bolder;
	font-size:13px;
	border: 1px solid #d0d0d0;
    border-radius: 5px;
    margin: 1em auto 0 auto;
    padding: 10px;
	background-color:#fff;
}
#sysPayment .sysCourseSelection{
    display: none;
}
.sysCart #sysMain .sysConfirmButton input[type="submit"]{
	width:auto;
}
.sysCart #sysMain select{
	display:inline-block;
}
.sysCart .sysBtnChange{
	margin-bottom: 10px !important;
}
/*登録せずに購入*/
#sysBillingAddress .input-append input[type="text"]{
	display:inline-block;
}
/*都道府県*/
#sysBillingAddress .sysPrefState select{
	width:200px;
}
/*性別*/
#sysBillingAddress .sysGender{
	margin-bottom: 20px;
}
#sysBillingAddress .sysGender input{
	vertical-align:middle;
}
#sysBillingAddress .sysGender label{
	display:inline-block;
	margin-right: 20px;
}
/*メルマガ*/
#sysBillingAddress .sysAcceptMailmagazine{
	margin-bottom: 20px;
}
/*注文完了ページ*/
.cart_completion{
	text-align:center;
}
/*ご注文番号*/
#sysThanks #sysMain .sysOrderNumber{
	font-size: 1.5rem;
    font-weight: bold;
}

/*お買い物を続ける*/
body#sysBasket .sysBackButton2{
	font-weight:bold;
	background:#b4f4ff !important;
	border-color:#666 !important;
}

/***********************************
	カテゴリページ
***********************************/
#sysItemCategory div#sysMain{
    max-width: 700px;
	margin: 20px auto 40px;
}
.other {
    width: 47% !important;
}


/***********************************
	検索ページ
***********************************/
#sysItemSearch div#sysMain{
    max-width: 700px;
	margin: 20px auto 40px;
}
#sysItemSearch .sysThumbnail .sysItemPrArea{
	text-align:left;
	margin-top:5px;
}
#sysItemSearch #sysMain h2{
	font-size:13px;
	margin-bottom:10px;
}
#sysItemSearch #sysMain .sysItemSearchForm{
	font-size:12px;
	padding:20px;
	margin-bottom:20px;
	background-color:#fdf5f5;
}
#sysItemSearch #sysMain .sysItemSearchFormWord{
	margin-bottom: 5px;
}
#sysItemSearch #sysMain .sysItemSearchFormWord input{
	height:40px;
	vertical-align: bottom;
	border: 1px solid #d0d0d0;
}
#sysItemSearch #sysMain .sysSearchButton {
	display: block;
    margin: 10px auto;
	padding: 10px;
    width: 95%;
    border: none;
    background: #666;
    color: #fff;
	font-size:120%;
	cursor:pointer;
	border-radius: 3px;
}
#sysItemSearch #sysMain .sysItemSearchFormRange input{
	border-radius:0;
	background:#fff;
	box-shadow:none;
}
#sysItemSearch #sysMain .sysItemSearchFormRange,
#sysItemSearch #sysMain .sysItemSearchFormCategory,
#sysItemSearch #sysMain .sysItemSearchFormSort,
#sysItemSearch #sysMain .sysItemSearchFormLimit{
	display:inline-block;
	margin:5px auto;
}
#sysItemSearch #sysMain .sysItemSearchFormRange input{
	padding:10px;
}


/***********************************
	マイページ
***********************************/
.sysMypage #sysMain{
	 margin: 20px auto 40px;
    max-width: 680px;
}
.sysMypage #sysWrap{
	max-width:980px;
	margin:0 auto;
	background:#fff;
}
.sysMypage #sysFooter{
	margin-top:0;
}
/*ログインフォーム*/
#sysMypageLogin .sysMypageMinorHeadLine{
	max-width:680px;
	margin:20px auto;
}
.sysMypage .sysLoginForm{
	max-width:680px;
	margin:20px auto 40px;
}
/*パスワードを忘れた*/
#sysMypageReminder .sysMypageMinorHeadLine{
	max-width:680px;
	margin:20px auto;
}
#sysMypageReminder .sysFormItem{
	max-width:680px;
	margin:20px auto 40px;
}
#sysMypageReminder .sys_mailaddress input[type="submit"]{
	display:inline-block;
    padding:15px 10px !important;
	width: auto;
	color:#666;
	background:#fff;
	border-radius:5px;
	border: 1px solid #999;
	text-overflow: ellipsis;
	overflow: hidden;
    white-space: nowrap;
}

/*見出し*/
.sysMypage .sysMypageMajorHeadLine{
	margin-bottom: 20px;
	font-size:large;
}
.sysMypage .sysForm div,
.sysMypage .sysOtherAddress div{
	margin-bottom:10px;
}
.sysMypage .sysMypageNav{
	margin-top:30px;
	padding:0 !important;
}
.sysMypage .sysRequired{
	color:#ff8479;
	font-weight:bolder;
}
.sysMypage .sysItemList .sysThumbnail li{
	width:25%;
	margin-bottom:20px;
	padding:0 10px;
	font-size:1.1rem;
}
.sysMypage .sysMemberPassword{
	margin-bottom:20px;
}
#sysMypageLogin .sysFormField{
	margin-bottom:10px;
}
#sysMypageLogin .sysMemberPassword{
	margin-bottom:20px;
}
#sysMypageLogin .sysFormField input,
#sysMypageLogin .sysMemberPassword input{
	margin-top:5px;
	padding:10px;
}
#sysMypageLogin .sysLoginButton,
#sysMypageLogin .sysButton{
	display:inline-block;
	width: 100%;
	height:50px;
    margin: 0 auto 30px;
    padding: 10px;
	color:#fff;
    text-align: center;
	background:#666;
	border:none;
	border-radius:5px;
    text-shadow: none;
}
#sysMypageReminder .sysFormField{
	margin-bottom:20px;
}
#sysMemberRegisterIndex .sysButton,
#sysMypageLogin .sysButton,
#sysMypageEditMember #sysMain .btn,
.sysMypage .sysBackButton{
	display:inline-block;
    padding: 10px;
	width: auto;
	color:#666;
	background:#fff;
	border-radius:none;
	border: 1px solid #999;
	text-overflow: ellipsis;
	overflow: hidden;
    white-space: nowrap;
}

/*
会員情報編集
お届け先情報を編集する
*/
#sysMypageEditMember .sysNextSubmit,
#sysMypageEditDelivery .sysNextSubmit{
	display:inline-block;
	width: 100%;
	height:50px;
    margin: 0 auto;
    padding: 10px;
	color:#fff;
    text-align: center;
	background:#666;
	border:none;
	border-radius:5px;
    text-shadow: none;
}
/*会員情報編集 都道府県*/
#sysMypageEditMember .sysZipcode .sysFormField{
	width:200px;
}
/*都道府県*/
.sysMypage .sysZipcode .sysFormLabel{
	display:block !important;
}
.sysMypage .sysZipcode .sysFormField{
	display:inline-block;
}
.sysMypage .sysZipcode input{
	max-width:200px;
}
.sysMypage .sysZipcode button{
	display: inline-block;
	max-width:200px;
	width: auto;
    overflow: hidden;
	background: #fff none repeat scroll 0 0;
    border: 1px solid #999;
	border-radius:5px;
    color: #666;
    padding: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*都道府県*/
.sysMypage .sysPrefStateId select{
	width:200px;
	height:50px;
}
/*性別*/
.sysMypage .sysGender{
	margin-bottom: 20px;
}
.sysMypage .sysGender input{
	vertical-align:middle;
}
.sysMypage .sysGender label{
	display:inline-block;
	margin-right: 20px;
}

/***********************************
	新規会員登録
***********************************/
.sysMemberRegister div#sysMain{
    max-width: 680px;
	margin: 20px auto 40px;
}
.sysMemberRegister .sysForm div{
	margin-bottom: 10px;
}
.sysMemberRegister .sysRequired{
	color:#ff8479;
	font-weight:bolder;
}
/*会員規約*/
.sysMemberRegister .sysForm label:first-child{
	display:inline-block;
	margin-bottom: 5px;
}
/*郵便番号*/
.sysMemberRegister .sysZipcode .sysFormLabel{
	display:block !important;
}
.sysMemberRegister .sysZipcode .sysFormField{
	display:inline-block;
	width:200px;
}
.sysMemberRegister .sysZipcode input{
	max-width:200px;
}
/*都道府県*/
.sysMemberRegister .sysPrefStateId select{
	width:200px;
	height:50px;
}
/*性別、メルマガ*/
.sysMemberRegister .sysGender label{
	display:inline-block;
	margin-right: 20px;
}
.sysMemberRegister .sys3 label{
	display:inline-block;
	margin-left: 20px;
}
.sysMemberRegister .sys3 label:first-child{
	margin-left:0;
}

.sysMemberRegister .sysGender input,
.sysMemberRegister .sys3 input{
	vertical-align:middle;
}
/*確認ボタン*/
.sysMemberRegister .sysNextSubmit{
	display:inline-block;
	width: 100%;
	height:50px;
    margin: 0 auto;
    padding: 10px;
	color:#fff;
    text-align: center;
	background:#666;
	border:none;
	border-radius:5px;
    text-shadow: none;
}


/***********************************
	お問い合わせ
***********************************/
.form-inquiry #sysMain{
	max-width:680px;
	margin:20px auto 40px;
}
.form-inquiry .sysFormItem{
	margin-bottom:10px;
}
.form-inquiry .sysRequired{
	color:#ff8479;
	font-weight:bolder;
}
.form-inquiry p.small{
	font-size:1.1rem;
}

/***********************************
	メルマガ
***********************************/
.form-mailmag #sysMain{
	max-width:680px;
	margin:20px auto 40px;
}
.form-mailmag .sysFormItem{
	margin-bottom:10px;
}
.form-mailmag .sysRequired{
	color:#ff8479;
	font-weight:bolder;
}

/***********************************
	下層ページ
***********************************/
.under_page{
	max-width:680px;
	margin:20px auto 40px;
}
.under_page h2{
	margin-bottom: 20px;
	font-size:large;
}
.under_page h3{
	margin-bottom: 20px;
	padding:0 0 10px;
	border-bottom:1px solid #666;
}
.under_page ul{
	margin-bottom: 40px;
}
.under_page li{
	margin-bottom: 20px;
}

/***********************************
	よくある質問
***********************************/
.p-faq li.question{
	font-weight:bold;
	margin-bottom:5px;
	border-bottom:1px dotted #666;
}

/***********************************
	ご利用ガイド
***********************************/
.p-first h4{
	padding:10px;
	margin: 20px 0;
	border-bottom:1px dotted #666;
}
.p-first p{
	margin-bottom: 30px;
}
.p-first p a{
	max-width:300px;
	display:block;
	padding:10px;
	text-align:center;
	border:1px solid #666666;
}
.p-first p a:hover{
	border-color:#ff8479;
}


/***********************************
	ランキング
***********************************/
/*ランキングページ共通パーツ*/
.ranking{
	max-width:750px;
	margin:0 auto 60px;
}
.ranking .sysHeadline span{
	display:inline-block;
	padding-left:30px;
	background: url(https://www.mignon-ballet.com/img/layout/top/ico_ranking.png) left center no-repeat;
	background-size:22px;
}
.ranking h3{
	margin-bottom:20px;
	text-align:center;
}
.ranking .sysContent .sysHorizontal{
	font-size:0;
}
.ranking .sysContent .sysHorizontal li{
	float:none;
	display:inline-block;
	max-width:240px;
	width:20% !important;
	margin:0 0 30px !important;/*0 7px 30px*/
	vertical-align:top;
	font-size:11px;
}
/*ランキング見出し*/
.ranking_ttl{
	margin-bottom: 20px;
}
/*1~6位までの表示*/
.ranking .sysContent .sysHorizontal li:nth-child(1),
.ranking .sysContent .sysHorizontal li:nth-child(2),
.ranking .sysContent .sysHorizontal li:nth-child(3),
.ranking .sysContent .sysHorizontal li:nth-child(4),
.ranking .sysContent .sysHorizontal li:nth-child(5),
.ranking .sysContent .sysHorizontal li:nth-child(6){
	max-width:300px;
	width:28.571428571429% !important;
	margin:0 2.380952380952% 30px !important;/*0 25px 20px*/
}
.ranking .sysContent .sysHorizontal li:nth-child(7),
.ranking .sysContent .sysHorizontal li:nth-child(8),
.ranking .sysContent .sysHorizontal li:nth-child(9),
.ranking .sysContent .sysHorizontal li:nth-child(10){
	max-width:240px;
	width:22.857142857143% !important;
	margin:0 0.666666666667% 30px !important;/*0 7px 30px*/
}
.ranking li .sysItemImage{
	margin-bottom: 10px;
}

/*ランクアイコン*/
.ranking li:before{
	overflow:hidden;
	content:"RANK";
	display:block;
	width:54px;
	height:19px;
	margin:0 auto 20px;
	text-indent:-999px;
	background:url(https://www.mignon-ballet.com/img/layout/top/ranking/rank01.png) top center no-repeat;
	background-size:54px;
}

/*PCのみ表示*/
.for_pc{display.block;}
.for_sp{display.none;}

.ranking li:nth-child(2):before{background-image:url(https://www.mignon-ballet.com/img/layout/top/ranking/rank02.png);}
.ranking li:nth-child(3):before{background-image:url(https://www.mignon-ballet.com/img/layout/top/ranking/rank03.png);}
.ranking li:nth-child(4):before{background-image:url(https://www.mignon-ballet.com/img/layout/top/ranking/rank04.png);}
.ranking li:nth-child(5):before{background-image:url(https://www.mignon-ballet.com/img/layout/top/ranking/rank05.png);}
.ranking li:nth-child(6):before{background-image:url(https://www.mignon-ballet.com/img/layout/top/ranking/rank06.png);}
.ranking li:nth-child(7):before{background-image:url(https://www.mignon-ballet.com/img/layout/top/ranking/rank07.png);}
.ranking li:nth-child(8):before{background-image:url(https://www.mignon-ballet.com/img/layout/top/ranking/rank08.png);}
.ranking li:nth-child(9):before{background-image:url(https://www.mignon-ballet.com/img/layout/top/ranking/rank09.png);}
.ranking li:nth-child(10):before{width:68px; background-image:url(https://www.mignon-ballet.com/img/layout/top/ranking/rank10.png);}
.ranking li:nth-child(11):before{width:68px; background-image:url(https://www.mignon-ballet.com/img/layout/top/ranking/rank11.png);}
.ranking li:nth-child(12):before{width:68px; background-image:url(https://www.mignon-ballet.com/img/layout/top/ranking/rank12.png);}
.ranking li:nth-child(13):before{width:68px; background-image:url(https://www.mignon-ballet.com/img/layout/top/ranking/rank13.png);}
.ranking li:nth-child(14):before{width:68px; background-image:url(https://www.mignon-ballet.com/img/layout/top/ranking/rank14.png);}
.ranking li:nth-child(15):before{width:68px; background-image:url(https://www.mignon-ballet.com/img/layout/top/ranking/rank15.png);}
.ranking li:nth-child(16):before{width:68px; background-image:url(https://www.mignon-ballet.com/img/layout/top/ranking/rank16.png);}
.ranking li:nth-child(17):before{width:68px; background-image:url(https://www.mignon-ballet.com/img/layout/top/ranking/rank17.png);}
.ranking li:nth-child(18):before{width:68px; background-image:url(https://www.mignon-ballet.com/img/layout/top/ranking/rank18.png);}
.ranking li:nth-child(19):before{width:68px; background-image:url(https://www.mignon-ballet.com/img/layout/top/ranking/rank19.png);}
.ranking li:nth-child(20):before{width:68px; background-image:url(https://www.mignon-ballet.com/img/layout/top/ranking/rank20.png);}

.sysSelectHopeDelivery div:first-child {
    display: none;
}

.h_spm ul {
          display: flex;
          text-align: center;
padding: 70px 0 20px;
        }
        .h_spm ul li {
          flex: 1;
          border-right: 1px solid #ccc;
        }
        .h_spm ul li:last-child {
          border: 0px none;
        }
        .h_spm ul li a {
          padding: 0 !important;
        }
        .h_spm ul li a img {
          height: 20px;
        }
        .h_spm ul li a span {
          display: block;
          padding: 5px 0 0;
        }
        @media screen and (max-width: 400px) {
          .h_spm ul li {
            flex: auto;
          }
        }

/* 商品ページカートにいれるボタン（20230630追加） */
#sysItemDetail .sysCartButton {
    background-color: #cc0033 !important;
    background: url(/img/layout/system/txt_cartin.png)center center no-repeat;
    position: relative;
    background-size: auto 16px;
}
#sysItemDetail .sysGoCartButton {
    background: url(/img/layout/system/txt_cartgo.png)center center no-repeat;
    background-size: auto 16px;
}

/* 初めての方へページ（20230719追加） */
#p-first h3 img{
	width: 30px;
	padding-right: 5px;
	vertical-align: bottom;
}


#p-first .navi{
	margin-bottom: 20px;
	margin-left: 10px;
	width: 100%;
}

#p-first ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	line-height:0.7em;
}
 
 #p-first  li {
	margin-right: 25px;
	position: relative;
	padding-left: 10px;
}
#p-first li:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent transparent #e16a92;
  }

/* 商品ページ価格非表示（20240724追加） */
#sysItemDetail .orderArea > .orderArea > div:nth-child(9).sysRetailPrice, 
#sysItemDetail .orderArea > .orderArea > div:nth-child(10).sysShippingCost {
    display: none !important;
}

/* 商品ページポイント表示（20240808追加） */
.orderArea > .orderArea > div.pointValue {
    font-weight: bold;
    font-size: 1.4rem;
}
@media screen and (max-width:680px){
０。/* 10-0 Only Smartphone
 *----------------------------------------------------------------------*/
#sysMain,#sysAside{ width: 100%!important;}
div#sysMain{ width:95% !important ;margin:20px auto 40px;}
div#sysAside{margin-top: 30px;}
div#sysFooter{background-color:#fff;}

/* 14-1-2 Category Pankuzu */
.sysItemCategoryPankuzu {
    font-size: xx-small;
}

/* 14-1-7  Archive Thumbnail Item */
.sysItemList ul.sysThumbnail { font-size: small;}
.sysItemList ul.sysThumbnail input { font-size: x-small;}
.sysItemList ul.sysThumbnail li img{
	width:auto;
	max-height:150px;
}

/* 14-2-3 Order Area */
.orderArea { letter-spacing: normal;}
.orderArea > div {
    width: 100%;
    padding-right: 0;
    float: none;
}


/***********************************
	header
***********************************/
/*.h_navi*/
.h_navi .content{
	width:95%;
	margin:0 auto;
}
.h_navi .content ul li{
	width:33.33333333333333%;
	padding:0 5px;
	margin-bottom: 10px;
	font-size:10px;
}
.sidr_inner .h_navi_sauna{
	margin-bottom: 0;
}
.sidr_inner .h_navi_sauna .sysHeadline{
	margin-bottom:0 !important;
	text-align:left;
}


/***********************************
	footer
***********************************/
.f_inner{
	background:url(https://www.mignon-ballet.com/img/layout/footer/bg_footer_sp.jpg) center bottom no-repeat;
	background-size:contain;
}
.f_inner .left,
.f_inner .right{
	float:none;
	width:95%;
	margin:0 auto;
}
.f_inner .right{
	border-left:none;
}
.f_inner .left div.postage_bx,
.f_inner .left div.contact_bx{
	margin-bottom: 30px;
}
.f_inner .left .postage{
	font-size:11px;
}
.f_inner .f_navi ul{
	float:none;
	width:100%;
}

/*.f_page_top*/
.f_page_top{
	width:30px;
	height:35px;
}
.f_inner .f_navi {
    margin-bottom: 5px;
}

/***********************************
	side
***********************************/
div#sysAside{
	float:none;
	margin: 0 auto;
    max-width: 450px;
    width: 95% !important;
}
/*.side_navi_ttl*/
.side_navi_ttl a{
	padding:12px 10px;
}

/*.slide_navi*/
.slide_navi .sysHeadline{
	padding:12px 10px;
}
.slide_navi li.sysText a{
	padding:12px 10px !important;
}

/*.side_navi_brands*/
.side_navi_brands li{
	padding:5px;
	margin-bottom: 0;
}
.side_navi_brands li img{
	display:block;
	padding:10px 20px;
	border:1px solid #d6d6d6;
}

/*.side_checkitems*/
.side_checkitems .sysItemBlock .sysHorizontal li{
	padding:0 10px;
}
.side_checkitems .sysItemBlock .sysHorizontal li .sysItemPrice{
	font-size:10px;
}


/***********************************
	TOPページ
***********************************/
#top div#sysMain{
	width:100% !important;
}
/*TOPページ共通パーツ*/
.top_parts .sysHeadline{
	margin-bottom: 10px;
	background:none;
}

/*.main_slider*/
.bx-wrapper{
	margin-bottom: 50px;
}

/*.top_main_bn*/
.top_main_bn{
	margin-bottom:40px;
}
.top_main_bn li{
	width:47%;
	padding:0 2px;
	margin-right:0;
	margin-bottom:5px;
}
.top_main_bn li:first-child,.top_main_bn li:nth-child(2),.top_main_bn li:nth-child(3){
	width:100%;
}

.top_main_bn li:nth-child(4){
	display: none;
}
.top_main_bn li:nth-child(5){
	display: inline;
    width: 50%;
}

.top_main_bn li:nth-child(6){
	display: none;
}
.top_main_bn li:nth-child(7){
	display: inline;
    width: 50%;
}
.top_main_bn li:nth-child(8){
	display: none;
}
.top_main_bn li:nth-child(9){
	display: inline;
    width: 50%;
}

.top_main_bn li:nth-child(10){
	display: none;
}

.top_main_bn li:nth-child(11){
	display: inline;
    width:50%;
}

.top_main_bn li:nth-child(12){
	display: inline;
    width: 100%
}
.top_main_bn li:nth-child(13){
	display: none;
}

.top_main_bn li:nth-child(14){
	display: none;
}

.top_main_bn li:nth-child(15){
	display: inline;
    width: 50%;
}

.top_main_bn li:nth-child(16){
	display: inline;
    width: 50%;
}

.top_main_bn li:nth-child(17){
		display: none;
}

.top_main_bn li:nth-child(18){
	display: inline;
    width: 50%;
}

.top_main_bn li:nth-child(19){
		display: none;
}

.top_main_bn li:nth-child(20){
	display: inline;
    width: 50%;
}
.top_main_bn li:last-child{
	margin-right: 0;
}

/*.top_category_bn*/
.top_category_bn{
	background:none;
}
.top_category_bn ul{
	max-width:550px;
	margin:0 auto 10px;
	}
	
.banar-item li {
    list-style: none;
    display: inline-block;
    width: 32%;
    /* padding: 0 !important; */
    margin-bottom: 5px !important;
}

.top_category_bn ul li {
    float: left;
    width: 32%;
    padding: 0 10px;
    margin-bottom: 20px;
}

.top_category_bn ul li {
padding: 0 2px;
    margin-bottom: 5px;
    /* margin-right: 8px; */
    width: 50%;
    /* margin-left: 3px !important; */
}

/*.top_category_bn ul li{
	padding:0 2px;
   	margin-bottom:5px;
        margin-right: 8px;
        width: 46%;
        margin-left: 3px !important;
}*/
.bn_other {
		margin: 0 0 0 8px;
	}
#baner2 ul {
		padding:0 !important;
		margin:0 !important;
	}
.other {
		width: 49% ;
		margin:0 4px;
}
/*.top_info*/
.top_info{
	padding:0 10px;
}
.top_info li{
	padding:10px;
}
.top_info .ttl_article{
	cursor:pointer;
	padding-right:30px;
	background:url(https://www.mignon-ballet.com/img/layout/ico_plus.png) center right no-repeat;
	background-size:15px !important;
}
.top_info .ttl_article.active{
	color:#ef8379;
	background:url(https://www.mignon-ballet.com/img/layout/ico_minus.png) center right no-repeat;
}

/*.top_ranking_all*/
/*.top_newarrival*/
.top_ranking_all .sysItemBlock .sysHorizontal li,
.top_newarrival .sysItemBlock .sysHorizontal li{
	padding:0 10px;
}
.top_ranking_all .sysItemBlock .sysHorizontal li .sysItemPrice,
.top_newarrival .sysItemBlock .sysHorizontal li .sysItemPrice{
	font-size:10px;
}

.top_newarrival .sysItemBlock .sysItemPrice{
	 margin-bottom:30px;
}
/***********************************
	商品詳細ページ
***********************************/
#sysItemDetail #sysMain {
    margin: 0 auto;
    max-width: 450px;
    width: 90% !important;
}

/*商品ページ用おすすめ商品*/
.itempage_recommend .sysItemBlock .sysHorizontal li{
	padding:0 10px;
}
.top_newarrival .sysItemBlock .sysHorizontal li .sysItemPrice{
	font-size:10px;
	}
.KRS .sysContent .sysHorizontal{
	/*letter-spacing: 1.5em;*/
}
.KRS .sysContent .sysHorizontal li{
	padding:0;
	}
.KRS .sysContent .sysHorizontal li .sysItemPrice{
	padding:0;
	font-size: 10px;
}
/***********************************
	カテゴリページ
***********************************/
.sysItemList ul.sysThumbnail li{
	width:50%;
	font-size:1.1rem;
}
.category {
margin: 0 !important;
}
.banar {
  width: 100%;
}
.banar-item {
     padding: 0;
}
.sp {
       display: block;
      width: 100%;
}
.top_category_bn ul li img {
        border: none !important;
}         
.pc {
        display: none;
}
/*************************************
新規バナー2点
**********************************/
.foot-banar li {
    margin-bottom: 2%;
}
/***********************************
	マイページ
***********************************/
.sysMypage #sysMain{
	width:95% !important;
	margin:20px auto 40px;
}
.sysMypageNav > form{
	width:100%;
}
.sysMypage .sysItemList .sysThumbnail li{
	width:50%;
}

/***********************************
	ランキング
***********************************/
/*ランキングページ共通パーツ*/
.ranking{
	max-width:500px;
	margin:0 auto 40px;
}
.ranking .sysContent .sysHorizontal li{
	width:50% !important;
	margin:0 0 30px !important;
}
/*1~6位までの表示*/
.ranking .sysContent .sysHorizontal li:nth-child(1),
.ranking .sysContent .sysHorizontal li:nth-child(2){
	max-width:500px;
	width:90% !important;
	margin:0 auto 30px !important;
}
.ranking .sysContent .sysHorizontal li:nth-child(3),
.ranking .sysContent .sysHorizontal li:nth-child(4),
.ranking .sysContent .sysHorizontal li:nth-child(5),
.ranking .sysContent .sysHorizontal li:nth-child(6),
.ranking .sysContent .sysHorizontal li:nth-child(7),
.ranking .sysContent .sysHorizontal li:nth-child(8),
.ranking .sysContent .sysHorizontal li:nth-child(9),
.ranking .sysContent .sysHorizontal li:nth-child(10){
	width:50% !important;
	margin:0 auto 30px !important;
}
.ranking .sysContent .sysHorizontal li:nth-child(3):before{
	background-size:45px;
}
.ranking_cbn li {
	margin-bottom: 10px;
}

/*スマホのみ表示*/
.for_sp{display.block;}
.for_pc{display.none;}
.for_pc{display.none;}

/***********************************
	ヘッダー
***********************************/
/* ヘッダー※会員ログイン追加による修正（20230711追加） */
.header2023_sp .btn_mypage {
    position: absolute;
    right: 60px;
    top: 10px;
    z-index: 9;
}
.header2023_sp .btn_mypage a {
    display: block;
    text-align: center;
}
.header2023_sp .btn_mypage a:hover {
    color: inherit !important;
}
.header2023_sp .btn_mypage a img {
    height: 24px;
}
.header2023_sp .btn_mypage a span {
    display: block;
    font-size: 10px;
    margin-top: 5px;
}

/* ヘッダー※カート追加による修正（20230712追加） */
.header2023_sp .btn_cart {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 9;
}
.header2023_sp .btn_cart a {
    display: block;
    text-align: center;
}
.header2023_sp .btn_cart a:hover {
    color: inherit !important;
}
.header2023_sp .btn_cart a img {
    height: 24px;
}
.header2023_sp .btn_cart a span {
    display: block;
    font-size: 10px;
    margin-top: 5px;
}

/* 商品ページ価格非表示（20240722追加） */
#sysItemDetail .orderArea > .orderArea > div:nth-child(9).sysRetailPrice, 
#sysItemDetail .orderArea > .orderArea > div:nth-child(10).sysShippingCost {
    display: none !important;
}

/* ヘッダー※お気に入りボタン追加による修正（2024087追加） */
.header2023_sp .favorite_icon {
    position: absolute;
    width: 50px;
    height: 50px;
    text-align: -webkit-center;
    top: 11px;
    left: 60px;
    z-index: 1;
}
.header2023_sp .favorite_icon img {
    height: 24px;
    display: block;
}
.header2023_sp .favorite_icon span {
    font-size: 1rem;
}
.header_inner ul li.hd_menu a {
    background-size: 24px;
}
.header_sp .header_inner ul li a {
    padding-top: 29px;
}
}
@media screen and (min-width:681px) and (max-width:980px){
/* 20-0 Only Tablet
 *----------------------------------------------------------------------*/
div#sysMain,div#sysAside{ width: 100%; float: none;}/* PCレイアウトを維持する場合は削除 */

div#sysMain{
	max-width:750px;
	margin:20px auto 40px;
}

/***********************************
	header
***********************************/
.h_login .sysHeadline,
.h_navi_ttl .sysHeadline{
	margin-bottom: 10px;
	background:none;
}

/***********************************
	side
***********************************/
div#sysAside{
	max-width:750px;
	width:95%;
	margin:0 auto;
}
.side_navi_brands{
	margin:40px auto 60px;
}
.side_navi_brands li{
	width:25%;
	padding:5px;
	margin-bottom: 0;
}
.side_navi_brands li img{
	display:block;
	padding:10px 20px;
	border:1px solid #d6d6d6;
}

/*.side_checkitems*/
.side_checkitems{
	max-width:750px;
	margin:0 auto 60px;
}

/***********************************
	TOPページ
***********************************/
/*.top_info*/
.top_info ul{
	max-width:650px;
	width:95%;
	margin:0 auto 30px;
}

/*.top_info*/
.top_info{
	padding:0 10px;
}
.top_info li{
	padding:10px;
}
.top_info .ttl_article{
	cursor:pointer;
	padding-right:30px;
	background:url(https://www.mignon-ballet.com/img/layout/ico_plus.png) center right no-repeat;
	background-size:15px !important;
}
.top_info .ttl_article.active{
	color:#ef8379;
	background:url(https://www.mignon-ballet.com/img/layout/ico_minus.png) center right no-repeat;
}
/**********************************
  カテゴリーページ
***********************************/
.banar {
    width: 100%;
}
.banar-item li {
    width: 32% !important; 
}
.category {
    padding: 0;
}
.banar-item li:nth-child(2) {
   margin-right: 5px !important;
   margin-left: 5px !important;
}
.banar-item li:nth-child(5) {
   margin-right: 5px !important;
   margin-left: 5px !important;
}
.banar-item li:nth-child(8) {
   margin-right: 5px !important;
   margin-left: 5px !important;
}
.banar-item li:nth-child(11) {
   margin-right: 5px !important;
   margin-left: 5px !important;
}
.banar-item li:nth-child(14) {
   margin-right: 5px !important;
   margin-left: 5px !important;
}
.banar-item li:nth-child(17) {
   margin-right: 5px !important;
   margin-left: 5px !important;
}
/*************************************
新規バナー2点
**********************************/
.foot-banar li {
    width: 49.5%;
    display: inline-block;
}
/***********************************
	商品詳細ページ
***********************************/
#sysItemDetail #sysMain {
	max-width:750px;
	width:95%;
	margin:0 auto;
}

/***********************************
	ヘッダー
***********************************/
/* ヘッダー※会員ログイン追加による修正（20230711追加） */
.header2023_sp .btn_mypage {
    position: absolute;
    right: 60px;
    top: 10px;
    z-index: 9;
}
.header2023_sp .btn_mypage a {
    display: block;
    text-align: center;
}
.header2023_sp .btn_mypage a:hover {
    color: inherit !important;
}
.header2023_sp .btn_mypage a img {
    height: 30px;
}
.header2023_sp .btn_mypage a span {
    display: block;
    font-size: 10px;
    margin-top: 5px;
}

/* ヘッダー※カート追加による修正（20230712追加） */
.header2023_sp .btn_cart {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 9;
}
.header2023_sp .btn_cart a {
    display: block;
    text-align: center;
}
.header2023_sp .btn_cart a:hover {
    color: inherit !important;
}
.header2023_sp .btn_cart a img {
    height: 30px;
}
.header2023_sp .btn_cart a span {
    display: block;
    font-size: 10px;
    margin-top: 5px;
}

/* ヘッダー※お気に入りボタン追加による修正（2024087追加） */
.header2023_sp .favorite_icon {
    position: absolute;
    width: 50px;
    height: 50px;
    text-align: -webkit-center;
    top: 11px;
    left: 60px;
    z-index: 1;
}
.header2023_sp .favorite_icon img {
    height: 30px;
    display: block;
}
.header2023_sp .favorite_icon span {
    font-size: 1rem;
}
}
@media screen and (min-width:981px){
/* 30-0 Only PC 
 *----------------------------------------------------------------------*/
 
/***********************************
	side
***********************************/
div#sysAside .top_parts .sysHeadline{
	background:none;
}
.items li img { 
   border: none !important;
}
.foot-banar img {
    padding: 0 !important;
    border: none !important;
}
/*.slide_navi*/
.slide_navi .sysHeadline{
	padding:8px 30px 8px 10px;
}
.slide_navi li.sysText a{
	padding:8px 30px 8px 10px !important;
	font-size:12px;
}

/*.side_checkitems*/
.side_checkitems .sysContent .sysItemBlock .sysHorizontal li{
	display:block;
	width:100%;
	padding:0 20px;
	margin-bottom:40px;
}
.sysDisplayMobileNone li {
    padding: 5px;
    margin-bottom: 0;
}
.sysDisplayMobileNone li img {
    display: block;
    padding: 10px 20px;
    border: 1px solid #d6d6d6;
}
/***********************************
	TOPページ
***********************************/

/*.top_category_bn*/
.top_category_bn{
	margin-top:10px;
}

/*.top_info*/
.top_info li{
	padding:20px 20px 0;
	overflow:hidden;
}
.top_info li div{
	float:left;
}
.top_info li .day{
	width:15%;
	font-size:12px;
}
.top_info li .article{
	width:85%;
}

/*お知らせ PCのみ表示*/
#top_info .txt_article{
	display:block !important;
}
/*カテゴリーバナー*/
.category {
    width: 100%;
}
.title {
    margin: 0 auto;
    text-align: center;
}

.banar-item li {
   list-style: none;
   display: inline-block;

}
.banar-item {
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
.banar-item li:nth-child(2) {
   margin-right: 5px !important;
   margin-left: 5px !important;
}
.banar-item li:nth-child(5) {
   margin-right: 5px !important;
   margin-left: 5px !important;
}
.banar-item li:nth-child(8) {
   margin-right: 5px !important;
   margin-left: 5px !important;
}
.banar-item li:nth-child(11) {
   margin-right: 5px !important;
   margin-left: 5px !important;
}
.banar-item li:nth-child(14) {
   margin-right: 5px !important;
   margin-left: 5px !important;
}
.banar-item li:nth-child(17) {
   margin-right: 5px !important;
   margin-left: 5px !important;
}
/*************************************
新規バナー2点
**********************************/
.foot-banar li {
    width: 49.5%;
    display: inline-block;
}
/***********************************
	商品詳細ページ
***********************************/
#sysItemDetail div#sysAside{
	margin-top:30px;
}

/***********************************
	ヘッダー
***********************************/
/* ヘッダー※会員ログイン追加による修正（20230711追加） */
.header_inner .postage {
    padding-left: 240px !important;
    width: 500px !important;
}
.header_login2023 {
    float: left;
    margin-top: 13px;
    width: 220px;
    position: relative;
}
.header_login2023 .sysContent p {
    font-size: 1.4rem;
    float: left;
    line-height: 1.8;
}
.header_login2023 .sysContent form {
    float: right;
}
.header_login2023 .sysFormItem {
    display: none;
}
.header_login2023 .sysLoginButton {
    padding: 0 !important;
    margin: 0;
    width: inherit;
    background-image: url(/img/icon/header_login.png);
    background-color: inherit;
    border: 0;
    height: 55px;
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 50% 3px;
    padding-top: 35px !important;
    font-size: 10px;
    color: #666666;
    cursor: pointer;
}
.header_login2023 .sysContent ul {
    display: none;
}
body[data-member-login="true"] .header_login2023 > div > div:nth-child(2),
body[data-member-login="true"] .header_login2023 > div > div:nth-child(3) {
    display: none;
}
body[data-member-login="true"] .header_login2023 > div > div:nth-child(4) {
    font-size: 0;
    float: right;
    width: 50px;
}
body[data-member-login="true"] .header_login2023 > div > div:nth-child(4) a:first-child {
    display: none;
}
body[data-member-login="true"] .header_login2023 > div > div:nth-child(4) a:last-child {
    font-size: 10px;
    display: block;
    background-image: url(/img/icon/header_logout.png);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 50% 3px;
    line-height: 9;
    position: absolute;
    right: 0;
    top: 0;
}
body[data-member-login="true"] .header_login2023 > div > div:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    position: relative;
    top: 10px;
    width: 13em;
}

/* ヘッダー※お気に入りボタン追加による修正（2024087追加） */
.header_inner .postage {
    padding-left: 170px !important;
    width: 400px !important;
}
.header_login2023 {
    margin-left: 30px;
}
.header2023 .favarite_icon {
    width: 50px;
    height: 50px;
    float: left;
    margin-top: 16px;
    margin-left: 20px;
    text-align: -webkit-center;
}
.header2023 .favarite_icon a img {
    height: 30px;
    display: block;
}
.header2023 .favarite_icon a span {
    font-size: 1rem;
}
}
/* #END_OF_RESOURCE_FILE */