/* 1-0 ALL Setting
 *----------------------------------------------------------------------*/
html{
	font-size: 62.5%;/*10px*/
} 
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;
}
#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:#fff;
}
.sysContent{
	padding:0 !important;
}
a{
	color:#666666;
	text-decoration:none;
}
a:hover{
	color:#f5809e;
}
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;
    padding: 20px;
    font-size: 12px;
    line-height: 1.3;
}
/* 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: #f5809e;
    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 #f5809e;
}

/* 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;
    text-align: left;
    height: auto;
}
/* 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: 10px;}

/* 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:#f5809e !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.365ballet.com/img/layout/aro_bottom.png") no-repeat right 10px center;
	background-size:15px;
}
.sysCart .sysAccordion:hover{
	background:#fdf5f5 url("https://www.365ballet.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.365ballet.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.365ballet.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: #f5809e;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

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

.bx-wrapper .bx-next {
	right: 10px;
	background: url(https://www.365ballet.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.365ballet.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.365ballet.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.365ballet.com/img/layout/ico_search.png) no-repeat center center;
	background-size:20px;
	cursor:pointer;
}


/***********************************
	header
***********************************/
/*.header*/
.header,
.header_sp{
	background-color:none;
}
.header_inner .postage {
    width: 300px;
    margin: 0 10px 0 0;
    color: #333;
    font-size: 14px;
    /* font-weight: bold; */
    padding-left: 5px;
    /* background: url(https://www.365ballet.com/img/layout/header/ico_truck.png) 10px center no-repeat; */
    background-size: 20px;
    line-height: 1.4;
}
.header_inner .postage p span{
    font-size: 11.5px;
}
.h_search{
	margin-bottom: 0;
	background-color:#fff;
}

/*.header*/
.header .header_inner{
	max-width:980px;
	margin:0 auto;
	padding:0 0 10px 0;
}
.header_bar p {
    width: 100%;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    background: #59bed0;
    color: #fff;
    text-align: center;
    margin: 0 0 10px 0;
    padding: 0px;
}
.header .header_inner h1,
.header .header_inner .postage,
.header .h_search_bx_inner{
	float:left;
}
.header .header_inner h1{
	width: 150px;
	margin: 10px 0px 10px 20px;
}
.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_pointpresent a {
    position: relative;
    display: block;
    width: 280px;
    height: 35px;
    line-height: 35px;
    letter-spacing: 2px;
    background: #59bed0;
    color: #fff;
    border-radius: 5px;
    margin-left: 480px;
    margin-top: 60px;
    box-sizing: border-box;
    padding-left: 10px;
}

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

.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.365ballet.com/img/layout/header/ico_menu.png);background-size:30px;}
.header_inner ul li.hd_cart a{background-image:url(https://www.365ballet.com/img/layout/header/ico_cart.png);background-size:30px;}
.header_inner ul li.hd_menu ul.megamenu_second_level li .menu_inner ul li a{background-image:none}
/*PC用ヘッダー*/
/*メニュー情報*/
.header_inner .menu_inner{
	padding:20px;
}
.header_inner li.hd_menu ul.megamenu_se
cond_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-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:#f5809e url(https://www.365ballet.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: 5px 0px;
    padding: 0;
    list-style: none;
    border-bottom: solid 1px #ddd;
    border-top: solid 1px #ddd;
}
.h_navi .tab li {
    cursor: pointer;
    padding: 10px 0;
    width: 23%;
    border-bottom: solid 1px;
    border-top: solid 1px;
    display: inline-block;
    font-size: smaller;
}  
.h_navi .tab li.select{
	  color:#f5809e;
	  font-weight:bold;}

.h_navi .hide{
  display:none;}

.h_navi .cate_close{
	width:80%;
	max-width:300px;
	padding:7px 0 10px;
	color: #f5809e;
	border:1px solid #f5809e;
	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:#f5809e;
	border:1px solid #f5809e;
}
.h_postage .h_postage_btn{
	cursor:pointer;
	padding:5px;
	background: url(https://www.365ballet.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.365ballet.com/img/layout/ico_minus_red.png) center right 10px no-repeat;
 }
.h_postage .h_postage_btn span {
    display: inline-block;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 3px 0 3px 5px;
    background-size: 20px;
}
.h_postage .h_postage_box{
	width:90%;
	padding:10px 0;
	margin:0 auto;
	border-top:1px solid #f5809e;
}
.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:50%;
	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.365ballet.com/img/layout/header/ico_dm.png)}
.h_postage .h_postage_box li.pos_neko{background-image:url(https://www.365ballet.com/img/layout/header/ico_neko.png)}
.h_postage .h_postage_box li.pos_delivery{background-image:url(https://www.365ballet.com/img/layout/header/ico_delivery.png)}*/



/***********************************
	footer
***********************************/
.footer{
	padding:40px 0;
	text-align:center;
}
.f_inner{
	max-width:980px;
	margin:0 auto;
	background:none;
	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;
}
.f_inner .left .postage{
	max-width:360px;
	margin:0 auto 10px;
	padding:5px 10px;
	border:1px solid #cccc;
}
.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-size:15px !important;
}
.slide_navi .sysHeadline.active{
}
.slide_navi li{
    border-bottom: 1px solid #666666;
	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-size:15px;
}
.side_navi_ttl a:hover{
	background-color:#eee;
}
.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;
}
.side_navi_brands li{
	float:left;
	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.365ballet.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: 50px 0;
    padding: 10px !important;
    text-align: center;
    color: #333;
    font-family: 'EB Garamond', serif;
    font-size: 3rem;
    font-weight: 400;
    border-top: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
}
.top_parts .sysHeadline img{
	display:block;
	margin:0 auto 5px;
}
.top_btn a{
	width:260px;
	display:block;
	margin: 30px auto 60px;
	padding:15px 20px;
	text-align:center;
	border:1px solid #666666;
}
.top_btn a:hover{
	border-color:#f5809e;
}


/*.main_slider*/
.main_slider{
	max-width:980px;
	margin:0 auto;
overflow: hidden;
}
.main_slider li {
  display: none; /*読み込み時は非表示*/
}
.bx-viewport .main_slider li {
  display: block !important; /*JSが読み込まれたら表示*/
}

/*.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:42.65306122449%;/*418px*/
}
.top_main_bn li:nth-child(4){
	margin-bottom:1.4795918367345%;/*14.5px*/
}
.top_main_bn li:nth-child(5){
	margin-right: 0;
	margin-bottom:1.4795918367345%;/*14.5px*/
}
.top_main_bn li:nth-child(6){
	width:48.5204081632655%;
}
.top_main_bn li:nth-child(7){
	width:48.5204081632655%;
	margin-right: 0;
}
.top_main_bn li:nth-child(8){
	display: none;
}
.top_main_bn li:nth-child(9){
	display: none;
}

.top_main_bn li:nth-child(10){
	width:48.5204081632655%;
}

.top_main_bn li:nth-child(11){
	width:48.5204081632655%;
	margin-right: 0;
}

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







/*.top_category_bn*/
.top_category_bn{
	text-align:center;
	/*background: url(https://www.365ballet.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 40px;
}
.top_category_bn ul li{
	float:left;
	width:50%;
	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.365ballet.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.365ballet.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.365ballet.com/img/layout/top/ranking/rank02.png);}
.top_ranking_all li:nth-child(3):before{background-image:url(https://www.365ballet.com/img/layout/top/ranking/rank03.png);}
.top_ranking_all li:nth-child(4):before{background-image:url(https://www.365ballet.com/img/layout/top/ranking/rank04.png);}
.top_ranking_all li:nth-child(5):before{background-image:url(https://www.365ballet.com/img/layout/top/ranking/rank05.png);}
.top_ranking_all li:nth-child(6):before{background-image:url(https://www.365ballet.com/img/layout/top/ranking/rank06.png);}
.top_ranking_all li:nth-child(7):before{background-image:url(https://www.365ballet.com/img/layout/top/ranking/rank07.png);}
.top_ranking_all li:nth-child(8):before{background-image:url(https://www.365ballet.com/img/layout/top/ranking/rank08.png);}
.top_ranking_all li:nth-child(9):before{background-image:url(https://www.365ballet.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.365ballet.com/img/layout/top/ico_newitems.png) left center no-repeat;
	background-size:21px;
}
.top_newarrival .sysItemBlock .sysHorizontal li {
    width: 25%;
    padding: 20px;
    font-size: 12px;
    text-align: left;
    line-height: 1.2;
}

.top_oshirase .sysContent {
    background-color: #fff !important;
}

/***********************************
	商品詳細ページ
***********************************/
/*商品番号*/
#sysItemDetail .sysItemId{
	text-align:left;
}

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

/*送料区分*/
#sysItemDetail .sysShippingCost{
	display:inline-block;
	width:auto;
	margin-left:auto;
	margin-top:5px;
    padding: 0 5px;
	color: #f5809e;
	font-weight:bold;
	font-size:1.1rem;
	border: 1px solid #f5809e;
    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: hidden;
     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;
}
/*追記*/
.sysCartInButton {
    width: 98%;
    margin-left: 2%;
}
.sysButton{
    width: 98%;
    margin-left: 2%;
}
/*バリエーション*/
#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.365ballet.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.365ballet.com/img/layout/system/btn_plus.png) center center no-repeat;
	background-size:71px;
}
#sysItemDetail .sysNumArea .sysBtnMinus{
	background:url(https://www.365ballet.com/img/layout/system/btn_minus.png) center center no-repeat;
	background-size:90px;
}

/*カートに入れる*/
#sysItemDetail .sysCartButton {
	padding:15px;
	text-indent:-999px;
	background:#f5809e url(https://www.365ballet.com/img/layout/system/btn_cart.png) center center no-repeat;
	background-size:140px;
}
#sysItemDetail .sysCartButton:hover {
    background-color: #ff7a6e;
}
#sysItemDetail .sysGoCartButton {
	background:#f5809e url(https://www.365ballet.com/img/layout/system/btn_cart2.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.365ballet.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:#f5809e !important;
	border: none;
}
.sysCart .sysCartAttention,
.sysCart .sysRequired{
	color:#f5809e;
	font-weight:bolder;
}
.sysCart .sysGetPoint{
	color:#f5809e;
	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;
}

/***********************************
	検索ページ
***********************************/
#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:#f5809e;
	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:#f5809e;
	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:#f5809e;
	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:#f5809e;
	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:#f5809e;
}


/***********************************
	ランキング
***********************************/
/*ランキングページ共通パーツ*/
.ranking{
	max-width:750px;
	margin:0 auto 60px;
}
.ranking .sysHeadline span{
	display:inline-block;
	padding-left:30px;
	background: url(https://www.365ballet.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.365ballet.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.365ballet.com/img/layout/top/ranking/rank02.png);}
.ranking li:nth-child(3):before{background-image:url(https://www.365ballet.com/img/layout/top/ranking/rank03.png);}
.ranking li:nth-child(4):before{background-image:url(https://www.365ballet.com/img/layout/top/ranking/rank04.png);}
.ranking li:nth-child(5):before{background-image:url(https://www.365ballet.com/img/layout/top/ranking/rank05.png);}
.ranking li:nth-child(6):before{background-image:url(https://www.365ballet.com/img/layout/top/ranking/rank06.png);}
.ranking li:nth-child(7):before{background-image:url(https://www.365ballet.com/img/layout/top/ranking/rank07.png);}
.ranking li:nth-child(8):before{background-image:url(https://www.365ballet.com/img/layout/top/ranking/rank08.png);}
.ranking li:nth-child(9):before{background-image:url(https://www.365ballet.com/img/layout/top/ranking/rank09.png);}
.ranking li:nth-child(10):before{width:68px; background-image:url(https://www.365ballet.com/img/layout/top/ranking/rank10.png);}
.ranking li:nth-child(11):before{width:68px; background-image:url(https://www.365ballet.com/img/layout/top/ranking/rank11.png);}
.ranking li:nth-child(12):before{width:68px; background-image:url(https://www.365ballet.com/img/layout/top/ranking/rank12.png);}
.ranking li:nth-child(13):before{width:68px; background-image:url(https://www.365ballet.com/img/layout/top/ranking/rank13.png);}
.ranking li:nth-child(14):before{width:68px; background-image:url(https://www.365ballet.com/img/layout/top/ranking/rank14.png);}
.ranking li:nth-child(15):before{width:68px; background-image:url(https://www.365ballet.com/img/layout/top/ranking/rank15.png);}
.ranking li:nth-child(16):before{width:68px; background-image:url(https://www.365ballet.com/img/layout/top/ranking/rank16.png);}
.ranking li:nth-child(17):before{width:68px; background-image:url(https://www.365ballet.com/img/layout/top/ranking/rank17.png);}
.ranking li:nth-child(18):before{width:68px; background-image:url(https://www.365ballet.com/img/layout/top/ranking/rank18.png);}
.ranking li:nth-child(19):before{width:68px; background-image:url(https://www.365ballet.com/img/layout/top/ranking/rank19.png);}
.ranking li:nth-child(20):before{width:68px; background-image:url(https://www.365ballet.com/img/layout/top/ranking/rank20.png);}

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

/******追記******/
h2.title {
    margin: 10px 0 15px;
    padding: 10px 5px 5px 0;
    font-size: 120%;
    border-bottom: 2px solid #444444;
}
#undercolumn_shoppingguide{
margin-bottom: 50px;
}
#shoppingguide_naviarea {
    width: 690px;
    margin: 0 auto 20px;
    padding: 10px 0;
    border-bottom: 1px dotted #CCC;
    font-size: 110%;
    font-weight: bold;
    overflow: hidden;
}
.arrow_guide {
    padding: 0 0 10px;
    text-align: center;
}
.guide_credit{
    width:60%;
}
#shoppingguide_naviarea li {
    padding: 0 15px 10px 0;
    float: left;
    overflow: hidden;
}
#shoppingguide_naviarea li a {
    width: 215px;
    min-height: 25px;
    padding: 5px 12px 5px 20px;
    text-decoration: none;
    display: block;
    border-radius: 2px;
    background: #EBEBEB;
}
#undercolumn_shoppingguide h3 {
    margin: 30px 0 10px;
    padding: 0 0 5px;
    font-size: 130%;
    border-bottom: 1px dotted #CCC;
}
#undercolumn_shoppingguide .border_left {
    padding: 0 0 0 10px;
    border-left: 4px solid #666;
}
#undercolumn_shoppingguide .shopping_flow {
    width: 670px;
    margin: 0 auto 10px;
    padding: 10px;
    border: 3px solid #EBEBEB;
}
#undercolumn_shoppingguide .shopping_flow h4 {
    font-size: 120%;
}
#undercolumn_shoppingguide p {
    padding: 0 0 20px;
}
.information_box table {
    width: 690px;
    margin: 20px auto;
}
table {
    width: 100%;
    margin: 15px auto 20px;
    border-top: 1px solid #CCC;
    border-collapse: collapse;
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
table th {
    padding: 15px;
    border-bottom: 1px solid #CCC;
    background-color: #F5F5F5;
    vertical-align: top;
}
table td {
    padding: 15px;
    border-bottom: 1px solid #CCC;
}
.tel_infobox {
    width: 300px;
    margin: 10px 0 0 45px;
    padding: 15px;
    background: #EAEAEA;
    text-align: center;
    float: left;
    overflow: hidden;
}
.mail_infobox {
    width: 300px;
    margin: 10px 45px 0 0;
    padding: 15px;
    background: #EAEAEA;
    text-align: center;
    float: right;
    overflow: hidden;
}
.tel_infobox strong {
    font-size: 150%;
}
.top_feature li {
    display: inline-block;
    width: 47%;
    padding: 0px;
    margin: 10px 5px 5px 5px;
    border: solid 1px #ccc;
}
.centerbox {
    width: 980px;
    margin: 0 auto;
}
.leftBlock {
    float: left;
    width: 45%;
}
.rightBlock {
    float: right;
    width: 45%;
}
.leftBlock dl dt, .rightBlock dl dt {
    font-size: 16px;
    line-height: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid #333;
}
.leftBlock dl~dl, .rightBlock dl~dl {
    margin-top: 55px;
}
.f_menu {
    margin: 60px auto 30px auto;
    text-align: center;
    width: 980px;
}
.copyright {
    width: 100%;
    font-size: 13px;
    padding-top: 5px;
    margin-top: 20px;
    text-align: center;
    border-top: 1px solid #333;
}
.top_reccomend_bnr li {
    display: inline-block;
    width: 47%;
    padding: 0px;
    margin: 10px 5px 5px 5px;
    border: solid 1px #ccc;
}
.top_reccomend_bnr_2 li {
    display: inline-block;
    width: 47%;
    padding: 0px;
    margin: 10px 5px 10px 5px;
    vertical-align: top;
}
.top_reccomend_bnr_2 li img{
    width:100%;
    border: solid 1px #ccc;
}
.bnr_contact ul {
    width: 100%;
    margin: 5px auto;
}
.bnr_contact ul .tel {
    width: 45%;
    float: left;
    background-color: #333;
    padding: 10px 5px;
    text-align: center;
    margin: 8px;
}
.bnr_contact ul .mail {
    width: 45%;
    float: right;
    background-color: #333;
    padding: 10px 5px;
    text-align: center;
    margin: 8px;
}
.bnr_contact ul .tel a{
    color:#fff
}
.bnr_contact ul .mail a{
    color:#fff
}
.clear{
clear:both;
}
p.contact {
    text-align: center;
}
p.contact span{
   font-weight: bolder;
}
.side_sisterstore li {
    margin: 10px 0;
}
.side_sisterstore.top_parts ul {
    text-align: center;
}
.item_search li {
    display: inline-block;
    width: 45%;
    text-align: center;
    margin: 4px;
    border: solid 1px #ccc;
}
.item_search img {
    float: left;
    width: 40%;
}
.item_search p {
    margin: 56px auto;
}
.item_search ul {
    text-align: center;
}
.top_news ul li{
    text-align: center;
}
.side_instagram .sysContent {
    text-align: center;
}
iframe.snapwidget-widget {
    width: 100%;
    height: 310px;
}
.h_postage_box span {
    font-size: 2.5rem;
}
iframe#instagram-embed-0 {
    min-width: 100% !important;
}
.textRed{
    txt-weight: bolder;
    font-size: 20px;
}
.top_contact img{
    width:100%;
    border: solid 1px #ccc;
    margin-top: 50px;
}
.social {
    margin: 30px 0;
}
.social ul {
    text-align: center;
}
.social li {
    display: inline-block;
    font-size: 35px;
    margin: -5px 10px;
}

.sysFuncText.header_navi {
    border: solid 1px #333;
}

/* -------------------- */
/* ▼メニューバーの装飾 */
/* -------------------- */
ul.ddmenu {
   margin: 0px;               /* メニューバー外側の余白(ゼロ) */
   padding: 0px; /* メニューバー内側の余白(左に15px) */
   background-color: #fff; /* バーの背景色(濃い赤色) */
   text-align: center;
   color: #333;
}

/* -------------------------- */
/* ▼メインメニュー項目の装飾 */
/* -------------------------- */
ul.ddmenu li {
   width: 160px;           /* メニュー項目の横幅(125px) */
   display: inline-block;  /* ★1:横並びに配置する */
   list-style-type: none;  /* ★2:リストの先頭記号を消す */
   position: relative;     /* ★3:サブメニュー表示の基準位置にする */
   z-index: 9999;
}
ul.ddmenu a {
   background-color: #fff; /* メニュー項目の背景色(濃い赤色) */
   color: #333;              /* メニュー項目の文字色(白色) */
   line-height: 40px;         /* メニュー項目のリンクの高さ(40px) */
   text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
   display: block;            /* ★4:項目内全域をリンク可能にする */
}
ul.ddmenu a:hover {
   background-color: #fff; /* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
   color: #f5809e;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
}

/* -------------------- */
/* ▼サブメニューの装飾 */
/* -------------------- */
ul.ddmenu ul {
   display: none;       /* ★1:標準では非表示にする */
   margin: 0px;         /* ★2:サブメニュー外側の余白(ゼロ) */
   padding: 0px;        /* ★3:サブメニュー内側の余白(ゼロ) */
   position: absolute;  /* ★4:絶対配置にする */
}

/* ---------------------------------- */
/* ▼サブメニューがある場合に開く処理 */   /* ※サブメニューが2階層以上ある場合の記述 */
/* ---------------------------------- */
ul.ddmenu li:hover > ul {
   display: block;         /* ★マウスポインタが載っている項目の内部にあるリストを表示する */
}
.header_navi ul li ul li a img {
    float: left;
    width: 30px;
}
.header_navi ul li ul li {
    width: 280px;
}
.header_navi ul li ul li a{
    padding: 5px;
}
/* -------------------------------- */
/* ▼サブメニュー(以降の)項目の装飾 */
/* -------------------------------- */
ul.ddmenu ul li {
   width: 135px;               /* サブメニュー1項目の横幅(135px) */
   border-top: 1px solid #ddd; /* 項目上側の枠線(ピンク色で1pxの実線) */
}
ul.ddmenu ul li a {
   line-height: 35px;   /* サブメニュー1項目の高さ(35px) */
   text-align: left;    /* 文字列の配置(左寄せ) */
   padding-left: 5px;   /* 文字列前方の余白(5px) */
   font-weight: normal; /* 太字にはしない */
}
ul.ddmenu ul li a:hover {
   background-color: #eee; /* サブメニュー項目にマウスが載ったときの背景色(淡い黄色) */
   color: #f5809e;            /* サブメニュー項目にマウスが載ったときの文字色(濃い緑色) */
}
/* ----------------------------------- */
/* ▼3階層目以降(孫メニュー以降)の装飾 */   /* ※下ではなく横(右)に表示します。 */
/* ----------------------------------- */
ul.ddmenu ul ul {
   margin: 0px;         /* ★サブメニュー外側の余白(ゼロ) */
   padding: 0px;        /* ★サブメニュー内側の余白(ゼロ) */
   display: none;       /* ★標準では非表示にする */
   position: absolute;  /* ★絶対配置にする */
   top: -1px;           /* 1pxだけ上方向にずらす(※上に1pxの枠線を引いている場合) */
   left: 100%;         /* ★基準位置からの距離を親ボックスの幅100％にする */
   border-left: 1px solid #ddd; /* 左側に引く枠線(ピンク色で1pxの実線) */
}

ul.side_category ul {
   display: none;
   position: relative;
   margin: 0px;
   padding: 0px 0px 0px 20px;
}
.side_navi_ttl li :last-child{
    border-bottom: none;
}
ul.side_category li:hover ul {
   display: block;
}
.footer_social ul {
    text-align: center;
}
.footer_social li {
    display: inline-block;
    font-size: 35px;
    margin: -5px 10px;
}
.column ul li{  padding: 1%;
}

.topnew_list li {
  margin: 0 0 10px;
}
.topnew_list li a {
  display: table;
  box-sizing: border-box;
  width: 100%;
  background: #eaeaea;
  padding: 15px;
  font-size: 12px;
  font-weight: 600;
}
.fa-blog:before {
    content: url("/img/icon/icon_blog.png") !important;
    vertical-align: middle;
}
.topnew_list li a span.date {
  display: table-cell;
  width: 90px;
}
.topnew_list li a p {
  display: table-cell;
  text-align: left;
}

.top_ranking_all .sysContent .sysIconRank {
  display: none;
}

.top_ranking_toepad li,
.top_ranking_shoes li,
.top_ranking_all li {
width: 33.33% !important;
}

.top_ranking_toepad li:before,
.top_ranking_shoes li:before,
.top_ranking_all li:before {
overflow: hidden;
    content: "RANK";
    display: block;
    width: 54px;
    margin: 0 auto 10px;
    text-indent: -999px;
  background: url('https://www.365ballet.com/img/layout/top/ranking/r3-1.png') no-repeat 50% 50% !important;
  background-size: 100% !important;
  height: 36px !important;
}

.top_ranking_shoes li:nth-child(2):before,
.top_ranking_toepad li:nth-child(2):before,
.top_ranking_all li:nth-child(2):before {
  background-image: url(https://www.365ballet.com/img/layout/top/ranking/r3-2.png) !important;
}

.top_ranking_shoes li:nth-child(3):before,
.top_ranking_toepad li:nth-child(3):before,
.top_ranking_all li:nth-child(3):before {
  background-image: url(https://www.365ballet.com/img/layout/top/ranking/r3-3.png) !important;
}
#sysItemDetail .sysGoCartButton{
    width: 98%;
    margin-left: 2%;
}
@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
***********************************/
.top_parts .sysHeadline span{
font-size: 2rem;
}
/*.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-size:contain;
font-family: 'EB Garamond', serif;
}
.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;
}

/***********************************
	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ページ共通パーツ*/
/*.main_slider*/

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

/*.top_main_bn*/
.top_main_bn{
	margin-bottom:40px;
}
.top_main_bn li{
	width:50%;
	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(6){
	display: none;
}
.top_main_bn li:nth-child(7){
	display: none;
}
.top_main_bn li:nth-child(8){
	display: inline;
}
.top_main_bn li:nth-child(9){
	display: inline;
}





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

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

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






.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 40px;
}
.top_category_bn ul li{
	padding:0 2px;
	margin-bottom:5px;
}

/*.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.365ballet.com/img/layout/ico_plus.png) center right no-repeat;
	background-size:15px !important;
}
.top_info .ttl_article.active{
	color:#f5809e;
	background:url(https://www.365ballet.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;
}

/***********************************
	商品詳細ページ
***********************************/
#sysItemDetail #sysMain {
    margin: 0 auto;
    max-width: 450px;
    width: 95% !important;
}
/*追記*/
#sysVariation{
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }
/*商品ページ用おすすめ商品*/
.itempage_recommend .sysItemBlock .sysHorizontal li{
	padding:0 10px;
}
.top_newarrival .sysItemBlock .sysHorizontal li .sysItemPrice{
	font-size:10px;
}

/***********************************
	カテゴリページ
***********************************/
.sysItemList ul.sysThumbnail li{
	width:50%;
	font-size:1.1rem;
}

/***********************************
	マイページ
***********************************/
.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;
}

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

.h_navi .tab li {
    border-bottom: none;
    border-top: none;
}
.sysContent .sysItemBlock .sysHorizontal li {
    width: 33.33333%;
    float: none;
    display: inline-block;
    letter-spacing: normal;
    margin: 0;
    text-align: center;
    vertical-align: top;
    padding: 5px;
    font-size: 12px;
    line-height: 1.3;
}
ul.sysHorizontal {
    width: 95%;
    margin: 0 auto;
}
.h_pointpresent {
    text-align: center;
    margin: 10px;
    background: #59bed0;
    vertical-align: middle;
    padding: 7px;
    border-radius: 3px;
}
.h_pointpresent a {
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
}
.top_reccomend_bnr ul {
    text-align: center;
}
.top_reccomend_bnr li {
    display: inline-block;
    width: 47%;
    padding: 0px;
    margin: 1% 0;
}

.top_reccomend_bnr_2 ul {
    text-align: center;
}

.top_reccomend_bnr_2 li {
display: inline-block;
vertical-align: top;
    width: 47%;
    padding: 0px;
    margin: 1% 0;
}

.top_feature ul{
    text-align: center;
}
.top_feature li {
    display: inline-block;
    width: 47%;
    padding: 0px;
    margin: 1% 0;
}
.centerbox {
    width: 95%;
    margin: 0 auto;
}
.leftBlock {
    float: none;
    width: 100%;
}
.rightBlock {
    float: none;
    width: 100%;
margin-top: 55px;
}
.f_menu {
    margin: 30px auto;
    text-align: center;
    width: 90%;
}
.sysItemPrice {
    margin: 5px 0 15px 0;
}

.item_search li {
height:55px;
}
.item_search img{
width: 30%;
height:100%;
}
.item_search p {
    margin: 15px auto;
    float: right;
    width: 70%;
}
iframe.snapwidget-widget {
    width: 80%;
    height: 435px;
}
.h_login h2.sysHeadline {
    margin: 0px !important;
}
.top_contact .sysHeadline{
display: none !important;
}
.top_parts .sysHeadline {
    margin: 40px 0;
    padding: 8px !important;
    text-align: center;
    color: #333;
    font-family: 'EB Garamond', serif;
    font-size: 2.4rem;
    font-weight: 400;
    border-top: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
}
.footer_social ul {
    text-align: center;
}
.footer_social li {
    display: inline-block;
    font-size: 35px;
    margin: -5px 10px;
}
.pc_only {
    display: none;
}
.side_search_bx_inner{
margin-top: 50px;
}
.top_contact img{
    margin-top: 0px;
}
.side_sisterstore li {
    display: inline-block;
    width: 49%;
    padding: 0px;
    margin: 0.5% 0%;
    border: solid 1px #ccc;
}
.side_link li {
    display: inline-block;
    width: 49%;
    padding: 0px;
    margin: 0.5% 0%;
    border: solid 1px #ccc;
}
.sysItemImage img{
    width: 100%;
}
.sysCategoryPankuzu,
.sysItemCategoryPankuzu {
    white-space: normal;
}
.sysCategoryPankuzu a,
.sysItemCategoryPankuzu a {
    padding: 0px;
    text-decoration: none;
}
}
@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.365ballet.com/img/layout/ico_plus.png) center right no-repeat;
	background-size:15px !important;
}
.top_info .ttl_article.active{
	color:#f5809e;
	background:url(https://www.365ballet.com/img/layout/ico_minus.png) center right no-repeat;
}

/***********************************
	商品詳細ページ
***********************************/
#sysItemDetail #sysMain {
	max-width:750px;
	width:95%;
	margin:0 auto;
}
.side_sisterstore li {
    display: inline-block;
    width: 47%;
    padding: 0px;
    margin: 10px 5px 5px 5px;
    border: solid 1px #ccc;
}
.side_link li {
    display: inline-block;
    width: 47%;
    padding: 0px;
    margin: 10px 5px 5px 5px;
    border: solid 1px #ccc;
}
.side_twitter .sysContent {
    width: 70%;
    margin: 0 auto;
}
.centerbox {
    width: 100%;
    margin: 0 auto;
}
.leftBlock {
    float: none;
    width: 100%;
    padding: 10px;
}
.rightBlock {
    float: none;
    width: 100%;
    padding: 10px;
}
iframe.snapwidget-widget {
    width: 50%;
    height: 560px;
}
.sp_only {
    display: none;
}
}
@media screen and (min-width:981px){
/* 30-0 Only PC 
 *----------------------------------------------------------------------*/
 
/***********************************
	side
***********************************/
div#sysAside .top_parts .sysHeadline{
	/*background:none;*/
}

/*.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;
}

/***********************************
	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;
}

/***********************************
	商品詳細ページ
***********************************/
#sysItemDetail div#sysAside{
	margin-top:30px;
}

.sp_only {
    display: none;
}
}
/* #END_OF_RESOURCE_FILE */