/* 基本設定
*----------------------------------------------------------------------*/
html{
  font-size:62.3%;
}
body {
  color: #736357;
  font-size: 1.3rem;/*13px*/
  font-family: serif,Poppins,'Noto Sans JP',"游ゴシック","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif !important;
  line-height: 1.6;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sysItemName a{ color: #736357 !important; }
input, textarea, select { font-size: 16px; }
.slick-slide:focus {
  outline: none;
}

.sp_only{
  display:none;
}
#sysAll {
width: 100% !important;
background-color: transparent;
padding: 0;
max-width: 100%;
overflow: hidden;
}
#sysWrap {
  margin: auto;
  padding: 0;
  overflow: hidden;
  width: 100%;
  padding-top: 60px;
}
@media screen and (min-width: 768px){
  #sysWrap {
    padding-top: 0px;
  }
}
#sysHeader {
margin: 0;
padding: 0;
}
/* #sysMain{
padding-top: 70px !important;
} */
/* #sysAside {
display:block;
float: none;
padding: 0;
margin: initial !important;
} */
#sysFooter {
margin: 0;
padding: 0;
}

#top #sysWrap{
margin-top:0;
}

.sysContent {
padding: 0 !important;
/*background-color: #000;/*ガールズハカマサイト参照カラー*/
/* color: #fff;/*ガールズハカマサイト参照カラー*/
}

.sysContent h2.title#rm_pink{
background: #fbdddb;
color: black;
}

.features_list h3.title {
font-size: 18px;
padding: 0px 5px 5px 5px;
margin: 10px 0 10px;
background-size: 45px 20px;
font-family: 'Meiryo';
border-bottom: solid #9FAEE5;
}

/*コンテンツ選ばれる理由*/
.sysContent h2.title.erabareru {
padding: 0px 20px 0px 20px;
margin: 30px 0px 20px 10px;
position: relative;
}

.sysContent h2.title.erabareru span{
position: absolute;
top: -40px;
left: -70px;
width: 100px;
height: 100px;
}

h2.title.erabareru {
background: none;
color: #ed467f;
font-family: 'yu gothic';
font-weight: bold;
border-left: 7px double;
}

ul.breadcrumb {
margin-left: 5px;
}

ul.breadcrumb li {
display: inline-flex;
}

ul.breadcrumb p {
margin: 0 10px 0 4px;
}

h1,h2,h3,h4,h5{
margin:0;
padding:0;
line-height: 1.6;
letter-spacing:inherit;
}
a {
color: #000;
text-decoration: none;
font-weight:inherit;
}
a:hover {
color: #222222;
}
img {
vertical-align: bottom;
/*you kakunin*/
height:auto;
}
/* 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 )";
} */

p{
  margin: 0;
}
/* p {
margin: 5px auto;
line-height: 1.5;
} */
p.indent{
margin: 5px 0 !important;
text-indent: 1em
}

p.example1 { 
color: #ff0000; 
}

h1, h2, h3, h4, h5, h6 {
font-size: inherit;
/* font-family: serif; */
/* font-family: 'Jost', sans-serif; */
}
.clearfix:after {
content: "";
clear: both;
display: block;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* フォーム要素の基本レイアウト */
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;
margin-top: 30px;
}
input[type="radio"]{
margin: 10px 10px 20px;
}
.sysFormField{margin: 10px 0;}
.sysFormField label{
margin-right: 20px;
font-size: 15px;
}
.sysFormField a{
display: inline-block;
color: #068acc;
border-bottom: 1px solid #068acc;
line-height: 15px;
margin: 0 3px;
}
select {height: 30px;}
#sysItemCategory select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none !important;
width: 100%;
padding: 3px 5px;
background: white;
}

/**
* Owl Carousel v2.2.1
* Copyright 2013-2017 David Deutsch
* Licensed under  ()
*/
/*
*  Owl Carousel - Core
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
-moz-backface-visibility: hidden;
/* fix firefox animation glitch */ }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-loaded {
display: block; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; }

/* No Js */
.no-js .owl-carousel {
display: block; }

/*
*  Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
z-index: 0; }

.owl-carousel .owl-animated-out {
z-index: 1; }

.owl-carousel .fadeOut {
animation-name: fadeOut; }

@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }

/*
*  Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out; }

/*
*  Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; }

/*
*  Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }

.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
/*background: url("owl.video.play.png") no-repeat;*/
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; }

.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }

.owl-controls {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent
}
.owl-controls .owl-nav [class*=owl-] {
color: #fff;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #d6d6d6;
display: inline-block;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.owl-controls .owl-nav [class*=owl-]:hover {
background: #869791;
color: #fff;
text-decoration: none
}
.owl-controls .owl-nav .disabled {
opacity: .5;
cursor: default
}
.owl-dots{
text-align:center;
}
.owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display:inline;
position:relative;
top:10px;
}
.owl-dots .owl-dot span {
width: 20px;
height: 20px;
margin: 5px 12.5px;
background: #999;
display: block;
-webkit-backface-visibility: visible;
-webkit-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
-ms-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
transition: opacity 200ms ease;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px
}
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
background: #000;
}
.owl-nav{
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent
}
.owl-nav [class*=owl-] {
position: absolute;
top:98%;
margin-top: -18.5px;
outline: 0;
width: 20px;
height: 37px;
padding:0;
text-indent: -9999px;
z-index: 9999;
border:none;
border-radius:none;
cursor:pointer;
}
.owl-nav .owl-prev{
left:35%;
background: url(https://girlshakama.jp/img/common/controls.png) no-repeat 0 0;
background-size:40px;
}
.owl-nav .owl-next{
right:35%;
background: url(https://girlshakama.jp/img/common/controls.png) no-repeat -20px 0;
background-size:40px;
}
.owl-nav .owl-prev:hover {
background-position: 0 0;
}
.owl-nav .owl-next:hover {
background-position: -20px 0;
}



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

/*コラムページ目次作成*/

.index {
margin: 30px auto;
width: 354px;
border: solid 0.5px gray;
padding: 34px;
}

.index ol li {
margin-bottom: 5px;
}

.index ol li ol {
margin-left: 20px;
margin-top: 5px;
margin-bottom: 5px;
}

.index ol li {
margin-bottom: 5px;
}

.index a {
color: #121711;
text-decoration-line: underline;
}

.index>h3 {
font-size: large;
margin-bottom: 5px;
}

.index li:before {
counter-increment: item;
content: counters(item, "-")". ";
}

.index ol {
counter-reset: item;
list-style-type: none;
}

/* submitボタンの調整 */
#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;
}

/* 商品カテゴリページ */
.sysFuncItemCategory a {
line-height: 1.75;
}
.sysFuncItemCategory a:hover {
background: #eee;
}
#sysItemCategory h1.itemCategory{
margin-left: 5px;
border-left: 5px solid #222222;
padding-left: 10px;
font-size: 18px;
margin: 20px 0 10px;
}
.sysSelectionDescription{margin : 2px 0 10px;}

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

/* PRアイコン設定 */
.sysItemPr {
font-size: small;
padding: 0 5px;
background: #fff;
border: 1px solid #666;
border-radius: 3px;
display: inline-block;
font-weight: bold;
}
/*PRアイコン(商品詳細ページ)*/
.sysPr span{
display: none;
width: 24%;
padding: 3px 10px;
color: #fff;
font-weight: bold;
font-size: 13px;
border-radius: 15px;
margin: 0 0 5px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
span.icon_online, span.icon_kyobashi{
display: inline-block;
background: #ff1000;
border: 3px solid #ff1000;
color: #fff;
}
span.icon_book{
display: inline-block;
border: 3px solid #ff1000;
color: #ff1000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
span.icon_chilled{
display: inline-block;
background: #4472c4;
border: 3px solid #4472c4;
color: #fff; 
text-indent: 0.5em;
letter-spacing: 0.5em;
}
.sysRetailPrice{
/* text-align: center; */
font-weight: bold;
padding: 0.3vw;
}
/* カートボタン */
.sysCartButton {
border: none;
padding: 10px;
margin: 5px 0;
border-radius: 5px;
background-color: #f8a816;/*20171005変更　#222222 > #f8a816*/
color: #fff;
cursor: pointer;
}
.sysCartButton:hover {
background: #fca24d;/*20171005変更　#999 > #fca24d*/
}

/* 4-1-7  商品サムネイル画像 */

.sysItemList ul.sysThumbnail{
margin: 0 5vw;
}
.sysItemList ul.sysThumbnail li {
width: 24.8%;
display: inline-block;
float: none;
vertical-align: top;
letter-spacing: normal;
padding: 1vw;
}
.sysItemList ul.sysThumbnail {
letter-spacing: -.4em;
}
.sysItemList ul.sysThumbnail input {
width: 100%;
padding: 10px 0;
}

/* 商品ぺージ */
/* 商品画像 */
.sysThumbnailImage > span,.sysThumbnailImage > br { display: none;}

.sysItemImages .sysImageList li{
display: inline-block;
vertical-align: top;
height: auto;
width:23%;
line-height: 1;
float: none;
}

/* 商品名 */
.sysItemName h1 { font-size: x-large;}

/* 注文エリア*/
.orderArea {
letter-spacing: -.4em;
text-align: center;
display: flex;
margin: 3vw 10vw;
/* flex-wrap: wrap; */
}
.orderArea > div {
width: 50%;
display: inline-block;
letter-spacing: normal;
text-align: left;
vertical-align: top;
margin: 0 2vw 0 0;
}
.orderArea > .orderArea > div {
width: 100%;
display: block;
}


/* 商品ページのタイトル */
.sysItemName,
.sysExplanation > div > span,
.sysReview > span{
display: block;
margin-bottom: 0px;
text-align: left;
font-size: 1.3rem;
/* padding: 7px 0 0; */
width: 100%;
}
.sysItemName a{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
border-bottom: 0.5px solid #d6d6d6;
padding: 0.6rem 0;
}

/*  */

/* 商品説明 */
.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;
}
/*旧サイトデザイン 追加スタイル*/
.itemset_contents h2 {
padding: 10px;
border-radius: 10px;
font-size: 1.5em;
color: #f00;
text-align: left;
line-height: 1.5em;
margin-bottom: 15px;
}
.itemset_contents h3 {
background: #ff9999;
padding: 10px;
border-radius: 10px;
font-size: 1.2em;
margin-bottom: 15px;
}
.rental .rental_image_1,
.rental .rental_image_2,
.rental .rental_image_3 {
width: 33%;
float: left;
}
.rental .rental_image_1 img,
.rental .rental_image_2 img,
.rental .rental_image_3 img {
display: block;
margin: 0 auto;
}
.rental .rental_image_1 p,
.rental .rental_image_2 p,
.rental .rental_image_3 p {
text-align: center;
}
.rental .clearfix {
margin-bottom: 15px;
clear: both;
display: flex;
}
.standard .standard_photo {
margin-top: 20px;
margin-bottom: 20px;
width: 45%;
float: left;
}
.standard .standard_contents {
margin-top: 20px;
width: 50%;
float: right;
}
.standard .standard_contents .table {
margin-bottom: 20px;
width: 100%;
border-left: 1px solid #F9A7BE;
border-top: 1px solid #F9A7BE;
}
.standard .standard_contents .table table{
width: 100%;
}
.standard .standard_contents .table_title {
padding: 10px 15px;
background: #FF9999;
font-size: 18px;
font-weight: bold;
}
.table_title p {
margin-left: 15px;
font-weight: bold;
}

.standard .standard_contents .table td {
padding: 5px 10px;
width: 50%;
border-right: 1px solid #F9A7BE;
border-bottom: 1px solid #F9A7BE;
}
.standard .standard_contents .clearfix .set_image {
/*margin-right: 12px;*/
width: 33%;
float: left;
}
.standard .standard_contents .clearfix .set_image img {
display: block;
margin: 0 auto;
}
.standard .standard_contents .clearfix .set_image p {
text-align: center;
}

.standard_contents .clearfix {
display: flex;
flex-wrap: wrap;
width: 600px;
margin-left: 14px;
}

.set_image {
margin-right: 10px;
}

.set_image img {
width: 157px;
}

.itemset_contents .option h3 {
background: #F96;
}
.option .option_image {
margin-right: 5px;
width: 120px;
height: 180px;
float: left;
}


/* 買い物フォーム */
#sysItemDetail .sysRetailPrice { font-weight: bold;}
#sysItemDetail #sysVariation {
overflow: hidden;
margin: 5px 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: 100%;
}
#sysItemDetail .sysShare { padding: 5px 0 0 2%;}
#sysCartInForm { width: 100%;}
#sysAll #sysWrap #sysMain article > div.sysBlock{
  display: flex;
  justify-content: center;
  max-width: 1025px;
  margin: auto;
}
#sysAll #sysWrap #sysMain article > div.sysBlock > div.sysBlock{
width: 49%;
padding: 0 1.5vw;
}
/* ログインボタン */
.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;
}
/* カートボタン */
#sysSubmit{
  padding: 0 30px
}
.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit,
.sysCart #sysMain input[type=submit],
.sysCart #sysMain button[type=submit],
.sysCart #sysMain button {
background: #666;
color: #fff;
text-shadow: none;
}
.sysCartInDone{ margin: 0;}

/* フォームページの基本レイアウト*/

#sysDestination #sysMain{
  width: 1100px;
  border: 1px solid #eee;
  padding: 20px 150px !important;
  margin: 30px auto;
}
#sysMemberRegisterConfirm label{
display: block;
margin: 15px 0 5px!important;
}
#sysFormConfirm .sysFormField #sysMemberRegisterConfirm .sysFormField{
margin: 10px 0 20px !important;
}
#sysFormConfirm button.sysButton{
width: 49%;
float: left;
margin: 0;
margin-right: 1%;
margin-top: 30px;
height: 50px;
border-radius: 3px;
background: #ccc;
color: #444;
}
#sysFormConfirm .sysNextSubmit{
  width: 49%;
  margin: 0;
  margin-top: 10px;
  margin-left: 1%;
}
#sysMemberRegisterConfirm .sysNextSubmit{
width: 49%;
margin: 0;
margin-top: 20px;
margin-right: 1%;
float: left;
}
#sysMemberRegisterConfirm .sysBackButton{
width: 49%;
float: left;
margin: 0;
margin-left: 1%;
margin-top: 0px;
height: 50px;
border-radius: 3px;
background: #ccc;
color: #444;
}
#sysFormThanks #sysWrap{ width: 100%; }
#sysFormThanks .completeText{
  margin: 50px 0;
  text-align: center;
  font-size: 15px;
}
#sysFormThanks .completeText a{
  color: white;
  background: #6f6055;
  display: block;
  max-width: 350px;
  margin: 30px auto;
  padding: 10px;
  border-radius: 10px;
}
#sysMemberRegisterRegister #sysMain h2,
#sysMemberRegisterConfirm #sysMain h2,
#sysMemberRegisterIndex #sysMain h2,
#sysFormThanks #sysMain h2,
#sysFormConfirm #sysMain h2,
#sysFormIndex #sysMain h2 {display:none;}
#sysFormIndex #sysMain input {font-size: 15px;}

#sysFormIndex .txtBlock{text-align: center;}
#sysMemberRegisterConfirm  #sysMain > form,
#sysMemberRegisterIndex #sysMain > form,
#sysFormConfirm #sysMain > form,
#sysFormIndex #sysMain > form { padding: 10px;}

#sysFormIndex #sysMain form:nth-of-type(2){
  display: flex;
  flex-wrap: wrap;
}

#sysMypageReminder #sysMain input[type="text"],
#sysMemberRegisterIndex #sysMain input[type="text"],
#sysFormIndex #sysMain input[type="text"],
#sysFormIndex #sysMain textarea {
background: #fff;
border-radius: 0;
margin: 10px 0 30px
}
#sysMemberRegisterIndex #sysMain input[type="tel"],
#sysMemberRegisterIndex #sysMain input[type="email"] ,
#sysMemberRegisterIndex #sysMain input[type="password"] {
background: #fff;
border-radius: 0;
margin: 10px 0 30px
}

#sysMain .sysFormLabel{
  display:block;
  padding-left: 5px;
  line-height: 25px;
  font-size: 15px;
  margin-bottom: 5px;
}
#sysMain .sysRequired{
display: inline-block;
height: 25px;
line-height: 25px;
font-size: 15px;
margin-bottom: 5px;
}
#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;}


/* フォーム確認ぺージ */
#sysFormConfirm #sysWrap{
width: 100%;
}
#sysFormConfirm #sysMain > form{
max-width: 800px;
margin: auto;
}

#sysFormConfirm #sysMain > form .sysFormItem{
margin-bottom: 35px;
}
#sysMypageEditConfirm #sysMain .sysFormField,
#sysMemberRegisterConfirm #sysMain .sysFormField{
border: 1px solid #999;
line-height: 2;
padding-left: 10px;
font-size: small;
border-radius: 3px;
margin: 5px auto;
min-height: 20px;
}
#sysFormConfirm #sysMain .sysFormField{
  margin: 10px 5px;
}
#sysFormConfirm .sysHeadline{ display: none; }
/* マイページ */
.sysMypageMajorHeadLine{display:none;}
.SysMypageMinorHeadLine{
font-size: 18px;
border-left: 5px solid #3d3d3d;
padding-left: 5px;
margin: 20px 0;
}
#sysMypageLogin .sysMypageMinorHeadLine{display: none;}

/* 購入履歴 */
.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;
}

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

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

/* マイページ（複数配送先編集画面）*/
.sysSelectAddress{background: none;}
.sysSelectAddress a {
display: block;
text-decoration: none;
border: 0px solid;
padding: 10px;
}

.sysSelectAddress {
margin: 10px 0;
}

.sysSelectAddress a:hover {
background: #eee;
}

#sysItemCategory .sysItemCategoryPankuzu{
display: none; /* 商品一覧ページは消す */
}

.sysItemListDisp div{
float: none;
text-align: center;
font-size: 1.2vw;
padding: 20px;
}

/***********************************
商品詳細ページ
***********************************/
/*商品名*/
#sysItemDetail .sysItemName h1{
  padding: 5px 0;
  font-size: 20px;
  border-bottom: 1px solid #eee;
}
#sysItemDetail .sysCategoryPankuzu{
max-width: 980px;
  margin: 0 auto 20px;
  width: 95%;
}
.sysPankuzuUrl{
  padding: 0 5px;
}
/*商品番号*/
#sysItemDetail .sysItemId {
  font-size: 14px;
  padding: 10px 0 0;
}
#sysSelections{
  margin-top: 20px;
}
/* 画像 */
.sysItemImages .sysImageList li.sysCurrent img{
  border: none;
}
.sysItemImages .sysImageList li img{
  border: none;
}
.slick-prev,.slick-next{
  display: block;
  background: rgba(255, 255, 255, 0.7)!important;
  width: 50px;
  height: 50px;
  z-index: 2;
}
.slick-prev{ left: 0px; }
.slick-next{ right: 0px; }
.slick-arrow:before{
  content:""!important;
  width: 700%!important;
  height: 70%!important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.slick-next:before{
  background: url(/img/common/right.png) center top no-repeat!important;
  background-size: contain!important;
}

.slick-prev:before{
  background: url(/img/common/left.png) center top no-repeat!important;
  background-size: contain!important;
}
/*価格表示*/
#sysItemDetail .sysRetailPrice {
display: inline-block;
width: 100%;
margin-bottom: 5px;
font-weight: bold;
color: #333;
}
#sysItemDetail .sysRetailPrice span {
font-size: 1.1rem;
}
#sysItemDetail .sysRetailPrice span.sysRetailPriceValue {
font-size:20px;
}
/*通常価格*/
#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: #da4636;
font-weight: bold;
font-size: 1.1rem;
border: 1px solid #da4636;
border-radius: 3px;
}
/*PRアイコン(カテゴリーページ)*/
#sysItemCategory input[type=submit]{margin-top: 0px;}
.sysAddSelection div{margin-bottom: 10px;}
.sysAddSelection input, .sysAddSelection select{margin: 5px 0;}
.sysItemPrArea{margin-top: 5px;}
.sysItemPrArea span{
width: 49%;
height: 30px;
display: inline-block;
padding: 3px 0px;
font-size: 18px;
line-height: 18px;
border-radius: 20px; 
font-weight: bold;
margin: 0 0 5px; 
text-align: center;
}

#sysItemDetail .sysForm select {
min-width: 100%;
display: inline-block;
float: none!important;
margin: 5px 0;
}

#sysItemDetail .sysForm input[type="text"]{margin-top: 5px;}
#sysSelections div{margin-bottom: 10px;}
#sysItemDetail .sysSelections{ line-height: 30px;}
#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: #000;
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: 100%;
}
#sysItemDetail .sysShare {
padding: 5px 0 0 2%;
}
#sysCartInForm {
width: 100%;
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 {
  text-align: left;
  line-height: 2.2;
}
/*商品詳細*/
#sysItemDetail #sysNumber{ display: none !important; }
.sysExplanation {
  max-width: 900px;
  margin: auto;
  width: 90%;
}
.sysExplanation img {
height: auto;
}
#sysItemDetail .itempage_cap{
margin-bottom:30px;
font-size:12px;
}
#sysItemDetail .itempage_cap .i_ttl{
margin-bottom:20px;
font-size:120%;
font-weight:bold;
}
#sysItemDetail .itempage_detail h3{
font-size:18px;
font-weight:normal;
}
#sysItemDetail .itempage_detail table{
width:100%;
margin-bottom:10px;
border-top: 1px solid #ccc;
}
#sysItemDetail .itempage_detail table tr {
border-bottom: 1px solid #ccc;
}
#sysItemDetail .itempage_detail table th,
#sysItemDetail .itempage_detail table td {
padding:10px;
font-size:12px;
line-height:1.6;
text-align: center;
}
#sysItemDetail .itempage_detail table th{
width:30%;
border-right: 1px solid #ccc;
}
#sysItemDetail .itempage_detail table td{
width:70%;
text-align:left;
background: #fff;
}
#sysItemDetail .itempage_detail_ttl{
position:relative;
margin-top:40px;
padding:5px 0;
font-weight:bold;
font-size:18px;
}
#sysItemDetail .itempage_detail_ttl:after{
content: "　";
display:block;
position:absolute;
bottom:0;
left:50%;
margin-left:-30px;
width:60px;
height:2px;
background-color:#000;
}

#sysItemDetail .sysMainImage img{
border:1px solid #ccc;
}


/*数量増減*/

#sysItemDetail .sysNumArea {
margin-bottom: 20px;
}
#sysItemDetail .sysNumArea button {
overflow: hidden;
display: inline-block;
width: 25%;
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 {
border-color:#b9b9b9;
background: url(https://girlshakama.jp/img/layout/system/btn_plus.png) center center no-repeat;
background-size: 65px;
width: 37%;
}
#sysItemDetail .sysNumArea .sysBtnMinus {
border-color:#b9b9b9;
background: url(https://girlshakama.jp/img/layout/system/btn_minus.png) center center no-repeat;
background-size: 90px;
width: 37%;
}
/*カートに入れる*/
#sysItemDetail .sysCartButton {
padding: 15px !important;
text-indent: -999px;
background: #dc143c url(https://girlshakama.jp/img/layout/system/btn_cart.png) center center no-repeat;/*20171005変更#da4636 > #f8a816*/
background-size:140px;
}
#sysItemDetail .sysCartButton:hover {
opacity:0.8;
}
#sysItemDetail .sysGoCartButton {
background: #dc143c url(https://girlshakama.jp/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://girlshakama.jp/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: 0px;
}
/*.sysReview*/
#sysItemDetail .sysReview {
margin: 20px 0 40px;
}

/*テーブルデザイン*/
.sysExplanation table{
  /* margin: 50px 0 40px; */
  border:none;
  border: 0.5px solid #ccc;
}
/* 商品詳細otherタイトル */
.subHeadline{
  position: relative;
  border-bottom: 2px solid #dedad4;
  font-size: 20px;
  margin-bottom: 20px;
  padding: 10px 0 10px 14px;
}
.item-opshon-K{
  max-width: 900px;
  margin: 50px auto;
  width: 100%;
}
.detail-link{
  font-weight: bold;
  color: #943434;
}
.subHeadline:before {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 20%;
  height: 2px;
  content: '';
  background: #6f6055;
}
.sysExplanation table tr:not(:first-child){
  border-top: 0.5px solid #ccc;
}
.sysExplanation table th{
  background: #f2ebe2;
}
.sysExplanation table th,
.sysExplanation table td{
  padding: 10px;
  border:none;
  font-size: 14px;
}
/*商品ページ用おすすめ商品*/
.itempage_recommend .sysItemBlock .sysHorizontal li{
width:25%;
padding:0 10px;
}
.itempage_recommend .sysItemName{
margin-bottom:0;
font-size:14px;
text-align:left;
}
.itempage_recommend .sysItemPrice{
text-align:left;
}
/*商品ページ成分表*/
#sysItemDetail .show_bx{
margin-bottom:30px;
}
#sysItemDetail .show_bx_inner{
margin-bottom:10px;
}
#sysItemDetail .btn_tr{
padding:10px 0 10px 35px !important;
background:#e4e4e4 url(http://<#サイトURL>/img/layout/system/ico_plus.png) 10px center no-repeat !important;
background-size:18px !important;
cursor:pointer;
}
#sysItemDetail .active{
/*background:#e4e4e4 url(http://<#サイトURL>/img/layout/system/ico_minus.png) 10px center no-repeat !important;
background-size:18px !important;*/
}
#sysItemDetail .contents_tr{
background-color:#f5f5f5;
}
#sysItemDetail .contents_tr td{
background-color:#f5f5f5 !important;
}
#sysItemDetail .contents_tr table{
margin-bottom:0;
}
/*単品選択ボタンスタイル*/
.link_kimono a {
display: block;
background: #74C4DD;
text-align: center;
padding: 10px;
}
.link_hakama a {
display: block;
background: #FEC56E;
text-align: center;
padding: 10px;
}


/***********************************
カートページ
***********************************/
/*カートページ内レイアウト調整*/
.sysCart .header_h1_under{
float:none;
padding:10px 0;
width:100%;
height:auto;
background-color:#fff;
}
.sysCart .header_h1_under a{
display:block;
width:160px;
margin:0 auto;
}
.sysCart .header_h1_under .logo img{
float:none;
margin-right:0;
}
.sysCart .header_h1_under .head_title{
text-align:center;
}
.sysCart .header_wrap {
border-bottom:none;
height:auto;
position:inherit;
}

.sysCart #sysMain{
/* max-width: 1100px; */
/* border: 1px solid #eee; */
/* padding: 20px 150px; */
margin:0 auto;
}


.sysCart #sysMain, .sysCart #sysMain a {
color: #000;
}
.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: #da4636 !important;
border: none;
}
.sysCart .sysCartAttention, .sysCart .sysRequired {
color: #da4636;
font-weight: bolder;
}
.sysCart .sysGetPoint {
color: #da4636;
font-weight: bolder;
}
.sysCart .sysCartNote {
color: #000;
font-size: 90%;
}
.sysCart .sysCartTitle {
color: #000;
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: #000;
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-top: 10px;
margin-bottom: 20px;
}
.sysCart .sysFreeArea {
color: #000;
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: #000;
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;
  max-width: 980px;
  margin: 50px auto;
  width: 90%;
}
#sysBasket .sysHeadline{
  text-align: center;
}
.sysCart .cart_info .sysContent {
max-width: 300px;
color: #000;
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: #000 !important;
}


/***********************************
ワンページカート
***********************************/
.mdl_btn_.opcDialog, form.opcUseAmazon{
width:100%;
padding-right:0;
}
.sysCart #sysMain h3{
font-size:20px;
}
.sysCart #sysMain #show-dlg-1,
.sysCart #sysMain #show-dlg-1_low,
.sysCart #sysMain .sysOpcNextSubmit,
.sysCart #sysMain .sysNextSubmit{
display:block;
width: 100% !important;
padding:15px 10px !important;
margin: 5px 0 !important;
color: #fff !important;
font-size:1.2rem;
line-height:1;
font-weight: bold;
text-shadow: none;
box-shadow: none;
border:none !important;
border-radius: 5px;
background: #da4636 !important;
}
.sysCart #sysMain #show-dlg-2,
.sysCart #sysMain #show-dlg-3{
display:block;
width: 100% !important;
padding: 10px;
margin:0 0 30px !important;
color: #fff !important;
font-size:1.2rem;
line-height:1;
text-shadow: none;
box-shadow: none;
border:none !important;
border-radius: 5px;
background: #000 !important;
}
.sysCart #sysMain #show-dlg-3{
color: #fff !important;
background: #da4636 !important;
}
.sysCart #sysMain .next_btn{
color: #fff !important;
font-size:1rem;
line-height:1;
border:none !important;
background: #000 !important;
}
.sysCart #sysMain #order_price_confirm_btn{
color: #fff !important;
width: 100% !important;
box-shadow: none;
background: #000 !important;
}
.sysCart #sysMain .mdl-js-button{
box-shadow: none;
}
.sysCart #sysMain #change-to-billAddr,
.sysCart #sysMain #show-dlg-addrList,
.sysCart #sysMain #show-dlg-inputAddr{
line-height:1;
border:none !important;
background: #000 !important;
}
.sysCart #sysMain p.user_type{
font-size:1.2rem;
}
.sysOpcProduct .sysOpcItemName{
font-size:1.2rem;
}

/***********************************
検索ページ
***********************************/
#sysItemSearch .sysThumbnail .sysItemPrArea {
text-align: left;
margin-top: 5px;
}
/* #sysItemSearch #sysMain h2 {
margin-bottom: 10px;
} */
#sysItemSearch #sysMain .sysItemSearchForm {
font-size: 12px;
/* padding: 20px; */
margin-bottom: 20px;
}
#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: 6px;
width: 22%;
border: none;
background: #998675;
color: #fff;
font-size: 13px;
cursor: pointer;
}
#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;
}
/* #sysItemSearch #sysMain h2, */
.columCategory .sysContent h2{
text-align: center;
padding: 1.5vw;
font-size: 2.5rem;
border-bottom: 1px solid #eee;
}

.sysItemList ul.sysList li{
width: 24.6%;
display: inline-block;
float: none;
vertical-align: top;
letter-spacing: normal;
padding: 1vw;
border: none;
}
.sysItemList ul.sysList li:last-child{ border: none; }

.sysItemList ul.sysList li .sysThumbnailImage{
width: 100%;
float: none;
margin: initial;
}
/* .sysItemList ul.sysList li .sysThumbnailImage{ width: 100%; } */
/***********************************
お問い合わせ
***********************************/
#sysFormIndex #sysWrap{ width: 100%; }

#sysFormConfirm button.sysButton{
width:30%;
margin-bottom:20px;
}
#sysFormIndex .sysHeadline{
text-align: center;
padding: 1.5vw;
font-size: 2.5rem;
border-bottom: 1px solid #eee;
}

#sysFormIndex #sysMain form{
  max-width: 980px;
  margin: 45px auto;
  width: 90%;
}
/***********************************
新規会員登録
***********************************/
.sysMemberRegister #sysWrap{
margin:160px auto 0;
}

/***********************************
マイページ
***********************************/
.sysMypage #sysWrap{
margin:160px auto 0;
}
.sysMypage input[type="submit"]{
margin-top:10px;
}

/* マイページボタン */
.sysMypageNav > form {
display: inline-block;
width: 49%;
vertical-align: top;
}
.sysMypageNav .sysButton {
width: 100%;
display: block;
font-size: 15px;
margin: 5px 0;
padding:15px 0;
}
#sysMemberRegisterIndex .sysNextSubmit{
width: 49%;
float: left;
margin-right: 1%;
border-radius: 5px;
height: 50px; 
font-size: 15px;
}
#sysMemberRegisterIndex .sysButton[type="submit"]{
width: 49%;
float: left;
margin-right: 1%;
border-radius: 5px;
height: 50px;
font-size: 15px;
margin-top: 10px;
}
#sysMypageLogin .sysLoginButton{
width: 49%;
float: left;
margin-right: 1%;
font-size: 15px;
}
#sysMypageLogin .sysButton{
width: 49%;
margin-left: 1%;
font-size: 15px;
}

/***********************************
ヘッダー
***********************************/
.header_wrap{
position: fixed;
/* height: 160px; */
top: 0; left: 0; right: 0;
margin: auto;
background: #fff;
z-index: 120;
border-bottom: 1px solid #e4e4e4
}
/* .header_wrap_inner{
max-width:1100px;
margin:0 auto;
position:relative ;
} */
.h_inner{margin: 15px 0 0;}
.header_h1_under, .header_h1{
width: 580px;
height: 80px;
float: left;
}
/* .header{
width: 395px;
height: 80px;
float: left;
} */
/* .logo img{
width: 180px;
margin-right: 15px;
float: left;
} */
.head_title{
font-size: 15px;
font-weight: bold;
letter-spacing: 1px;
margin-top: 0 !important;
padding-top: 0 !important;
color: #BF1313;
}
.header .g_navi li{
float: left;
text-align: center;
}
.header .g_navi li a {
margin: 5px 12px 0;
height: 30px;
line-height: 37px;
font-weight: bold;
font-size: 12px;
border-radius: 20px;
position: relative;
z-index: 222;
}
.header .g_navi li i{margin-right: 5px;}


/***********************************
カート情報
***********************************/
#cartInfo{
float: left;
position: relative;
margin-top: 15px;
margin-left: 5px;
width: 120px;
height: 30px;
line-height: 28px;
font-weight: bold;
font-size: 12px;
border-radius: 20px;
border: 1px solid #222222;
background: #222222;
color: #fff;
text-align: center;
cursor: pointer;
padding-top: -10px;
}
#cartInfo p.cartTxt{
margin: -2px;
line-height: 21px;
padding-top: 5px;
font-size: 10px;
}
#cartInfo p img{
width: 20px;
height: 20px;
display: inline-block;
margin-right: 5px;
}
#cartInfo i{
margin-right: 5px;
}
.h_cart{
display: none;
width: 280px;
height: 145px;
position: absolute;
top: 40px; right: 5px;
border: 1px solid #aaa;
background: #fff;
color: #000;
z-index: 110;
padding: 10px 20px;
}
.h_cart dl{
font-size: 12px;
margin-bottom: 0px;
}
.h_cart dl:after{
display: block;
content: "";
clear: both;
}
.h_cart dt, .h_cart dd{float: left;}
.h_cart dd span{
display: inline-block;
color: #da4636;
font-weight: bold;
padding: 0 5px;
}
.h_cart .sysCartInfoCartIn a{
display: block;
background: #000;
color: #fff;
width: 100%;
margin: 10px 0% 5px;
height: 50px;
padding: 12px 0 0;
font-size: 15px;
font-weight: bold;
text-align: center;
border-radius:5px;
}
.h_cart .sysCartInfoCartIn a:hover{
background:#999;
}
.h_cart .sysCartInfoCartIn a img{
display: inline-block;
width: 25px;
height: 25px;
margin-right: 5px;
}
.h_cart .sysCartInfoCartIn a i{margin-right: 5px;}

/* カート内商品数表示 */
button.itemCount{
display: none;
border:none;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
margin-left: 5px;
color: #222222;
background: #fff;
border-radius: 10px;
}


/***********************************
ナビゲーション
***********************************/
.h_navi{
width: 100%;
height: 60px;
margin-bottom: 10px;
position: relative;
}
#headNavigation{
max-width: 1100px;
margin: 0 auto;
height: 60px;
}
#headNavigation .pcnone{display: none;}
#headNavigation li.tab1{
width: 220px;
background: linear-gradient(#fd98af, #fb416c);/*20171005追加*/
text-align: center;
}

#headNavigation li a {
display: block;
font-weight: 500;
color: #191818;
line-height: 40px;
background: white;
}

#headNavigation li a span{
display: block;
font-size: 10px;
}
.tabmenu .border:after{
background-color: #fff;/*20171005変更000＞fff*/
content: " ";
height: 25px;/*20171005変更15px>25px*/
margin-top: -35px;
position: absolute;
right: 0;
top: 42px;
width: 1px;

}

/*ナビゲーショントグル*/
.tabmenu:before{
display: block;
content: "";
clear: both;
}
.tabmenu{
margin: 10px 0 0;
}
.toggleNav{
position: absolute;
display: none;
}
.toggleNav:hover{
overflow: visible !important;
}
.tabmenu li.tab1{
position: relative;
}
.tabmenu li.tab1 a{
font-size:14px;
}
.tabmenu li.tab2{
text-align: left;
height: 35px;
border-bottom: 1px dotted #ccc;
position: relative;
text-align: center;/*20171005追加*/
width: 220px;
}
.tabmenu li.tab1 a:hover{background: #fb4b73;}/*変更ededed > #fb4b73*/
.tabmenu li.tab2:hover{background: #fb4b73;}/*変更ededed > #fb4b73*/
#headNavigation .tabmenu li.tab2 a{
display: block;
position: relative;
padding: 10px;
font-size: 12px !important;
line-height: 15px;
font-weight: bold;
}
.tabmenu li.tab2 a i{
position: absolute;
right: 10px;
top: 10px;
}
.tabmenu li.tab2 .subCategory{
position: absolute;
width: 200px;
left:200px; top: 0px;
background: rgba(255,255,255,1);
visibility: hidden;
transition: all .10s ease;
z-index: 120;
box-shadow:2px 2px 4px 0px #ccc;
-moz-box-shadow:2px 2px 4px 0px #ccc;
-webkit-box-shadow:2px 2px 4px 0px #ccc;
}
.tabmenu li.tab2:hover .subCategory{
visibility: visible;
}
.tabmenu li.tab3{
font-size: 14px;
height: 35px;
border-bottom: 1px dotted #ccc;
font-weight: bold;
}
.tabmenu li.tab3:hover{background: #ededed;}

/***********************************
フッター
***********************************/
.footer{
width: 100%;
text-align: center;
background: #f2ebe2;
letter-spacing: 2px;
}

.footer .f_navi_all{
width: 1000px;
margin: 0 auto;
padding: 10px 0 0;
}
.footer .f_navi h3{
margin: 10px 0 0;
font-size: 15px;
}
.footer .f_navi ul{
width: 671px;
text-align: left;
margin: 0 auto;
}
.footer .f_navi li{
display: inline-block;
padding: 0 15px 0 5px;
margin: 10px 5px 0;
font-size: 15px;
position: relative;
}
.footer .f_navi li:after{
background-color: #000;
content: "　";
height: 10px;
margin-top: -35px;
position: absolute;
right: 0;
top: 41px;
width: 1px;
}
.footer .f_navi .b_none{border-right: 0px;}
.footer .telephone{
margin: 20px 0 5px;
}
.footer .telephone .telephone01{
width: 250px;
height: 32px;
line-height: 32px;
border: 1px solid #000;
border-radius: 15px;
display: inline-block;
font-size: 15px;
font-weight: bold;
margin-right: 10px;
}
.footer .telephone .telephone02{
width: 300px;
display: inline-block;
margin-left: 10px;
font-weight: bold;
}
.footer .telephone .telephone02 a{
display: inline-block;
height: 32px;
line-height: 32px;
font-size: 25px;
}
.footer .telephone .telephone02 a img{
display: inline-block;
height: 30px;
margin-right: 10px;
}
.footer .telephone:after{
display: block;
content: "";
clear: both;
}
.footer .time{
font-size: 15px;
margin: 0 0 10px;
}
.footer .f_gnav_all{
/* background: #f2f2f2; */
color: #fff;
padding: 15px 0 10px;
letter-spacing: 2px;
}
.footer .f_gnav li{
display: inline-block;
padding: 0px 20px 0 15px;
font-size: 12px;
position: relative;
border-right: solid 1px #998675;
}
/* .footer .f_gnav li:after{
background-color: #fff;
content: "　";
height: 10px;
margin-top: -35px;
position: absolute;
right: 0;
top: 40px;
width: 1px;

} */
.footer .f_gnav li:last-child{
border-right: 0px;
}
.footer .f_gnav{margin-bottom:  5px;}
.footer .f_copy {
background: #6f6155;
padding: 10px;
font-size: 12px;
font-weight: bold;
color: white;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.f_copy img {
width: 200px;
height: 100%;
}

.f_copy p {
margin: unset;
margin-left: 10px;
display: flow-root;
line-height: 2.5em;
float: right;
}

.footer .f_gnav a{
color: #736357;
}


/***********************************
フッター部分のご利用ガイド
***********************************/
.f_guide{
width: 100%;
border-top: 2px solid #222222;
margin-top: 50px;
}
.f_guide .sysContent{
width: 1100px;
margin: 0 auto;
}
.f_guide .Title{ 
font-size: 15px;
text-align: center; 
font-weight: bold;
padding: 10px 0 30px;
}
.f_guide .clearfix{
font-size:0;
}
.f_guide .guideBlock{
display:inline-block;
width: 550px;
font-size:14px;
vertical-align:top;
}
.f_guide .guideBlock:after{
display: block;
content: "";
clear: both;
}
.f_guide .guide01{padding-right: 50px;}
.f_guide .guide02{padding-left: 50px;}
.f_guide .guideTitle {
font-size: larger;
line-height: 30px;
text-align: left;
border-bottom: 1px solid #000;
margin-bottom: 25px;

}
.f_guide p{
font-size: 15px;
line-height: 22px;
margin: 5px 0;
}
.f_guide .mt{margin-top: 20px;}
.f_guide .smaller{font-size: 12px;}

.f_guide .freedial{
/*background: rgba(0, 0, 0, 0) url("https://girlshakama.jp/img/common/dial.png") no-repeat scroll left center / 45px auto;*//*20171005変更　コメントアウトにしている*/
display: inline-block;
font-size: 40px;
font-weight: bold;
line-height: 1;
margin-bottom: 10px;
/*padding-left: 50px;*//20171005*変更　コメントアウトにしている*/
}

/*ボタン*/
.f_guide .common_btn{
margin: 10px auto;
}
.f_guide .common_btn a{
font-size: 13px;
padding:10px 0;
}

/*お支払い方法*//*20171006追加*/
.f_guide .credit_list li{
margin: 0 0 30px 0;

}


/* ページトップに戻る*/
.pagetop{
position: fixed;
bottom: 20px;
right: 20px;
width: 52px;
height: 52px;
text-align: center;
z-index:999999;
}
.pagetop #page-top{
display: none;
color: #fff;
font-size: 11px;
line-height: 14px;
background: #000;
border-radius: 5px;
padding-top: 4px;
height: 51px;
}
.pagetop #page-top:hover{
background:#999;
}

/***********************************
サイド
***********************************/
/*検索ボックス*/
.side_search{margin-bottom: 30px;}
.side_search form{border:none;}
.side_search input[type="search"]{
height: 40px;
border: 1px solid #ddd;
margin-bottom: 5px;
}
.side_search .sysItemSearchFormWord {
float:none;
width:100%;
margin-bottom:5px;
}
.side_search .sysSearchButton{
float:none;
width: 100% !important;
height: 40px;
border-radius:5px;
background: #fb4b74 url(https://girlshakama.jp/img/common/ico_search.png) no-repeat center center;/*20171005変更　#000 > #fb4b74*/
background-size: 70px;
text-indent: -999px;
}

.side_navi .sysHeadline,
.side_navi_item .sysHeadline{
font-size: 14px;
margin:0 !important;
text-align:left;
font-weight:bold;
letter-spacing:2px;
width:auto;
border-bottom:1px solid #222222;
}
.side_navi .sysHeadline:before,
.side_navi_item .sysHeadline:before{
content:none;
}
.side_navi a{
position:relative;
padding:7px 5px 7px 20px !important;
letter-spacing:1px;
border-bottom:1px dotted #cdcdcd !important;
}

.side_navi_img a:after{
position:absolute;
top:7px;
right:10px;
content:">"; 
font-size:14px;
}

.side_navi_price_set a:after{
position:absolute;
top:7px;
right:10px;
content:">"; 
font-size:14px;
}

.side_navi_color a:after{
position:absolute;
top:7px;
right:10px;
content:">"; 
font-size:14px;
}

.side_navi a:hover{
background: #eee;
}
.side_navi{
margin-bottom:30px;
}

/*商品別*/
.side_navi_item{
margin-bottom:0;
border-bottom:1px solid #000;
}
.side_navi_item .sysHeadline,
.side_navi_item .sysContent{
width:90% !important;
margin-left:auto !important;
}
.side_navi_item a{
position:relative;
padding:7px 5px !important;
letter-spacing:1px;
border-bottom:1px dotted #cdcdcd !important;
}
.side_navi_item a:after{
position:absolute;
top:7px;
right:10px;
content:">";
font-size:14px;
}
.side_navi_item li:last-child a{
border-bottom:none !important;
}
.side_navi_item .sysHeadline{
font-size: 13px;
padding:0;
border-bottom:1px dotted #cdcdcd !important;
}
.side_navi_item .sysHeadline a{
display:block;
border-bottom:none !important;
}
/*お買い物ガイド 最後2つ*/
.side_navi_guide li:nth-last-child(1),
.side_navi_guide li:nth-last-child(2){
font-size:14px;
font-weight:bold;
border-bottom:1px solid #222222;
margin-bottom:10px;
}
.side_navi_guide li:nth-last-child(1) a,
.side_navi_guide li:nth-last-child(2) a{
padding:7px 5px !important;
border:none !important;
}
.side_navi_guide li:nth-last-child(1) a:hover,
.side_navi_guide li:nth-last-child(2) a:hover{
background-color:#fff;
}
.side_navi_guide li:nth-last-child(3){
margin-bottom:10px;
}

/***********************************
共通パーツ
***********************************/
hr.style01 {
width: 100%;
height: 1px;
background: #222222;
margin: 50px auto;
padding: 0;
border: 0;
}
/* .sysTitle, .sysHeadline{ */
.sysTitle{	
margin: 1.5vw 1vw !important;
FONT-WEIGHT: 800;
font-size: 1.5vw;
letter-spacing: 3px;
}
.sysTitle b, .sysHeadline b{
display: block;
font-size: 14px;
text-align: center;
}
.sysTitle span, .sysHeadline span{
position: relative;
z-index: 2;
display: inline-block;
margin: 0 2.5em;
padding: 0 40px;
text-align: center;
}

.contentsWrap{
width: 1100px;
margin: 0 auto;
}

/***********************************
特商法テーブルレイアウト
***********************************/
#main_tradelaw, .main_tradelaw {
  border: 1px solid #ddd;
  max-width: 800px;
  margin: 80px auto;
  width: 90%;
}
#main_tradelaw dl, .main_tradelaw dl{
  border-bottom: 1px dotted #bfbfbf;
  overflow: hidden;
  margin-bottom: initial;
  display: flex;
  width: 100%;
}
#main_tradelaw dl:last-child, .main_tradelaw dl:last-child{border: 0px;}
#main_tradelaw dt, .main_tradelaw dt{
  flex: 0 0 230px;
  max-width: 230px;
  padding: 20px;
  background: #ededed;
}
#main_tradelaw dd, .main_tradelaw dd{
  flex: 1 1 auto;
  padding: 20px;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  line-height: 1.8;
  font-size: 12px;
}
.attention{
  font-size: 10.5px;
  background: #ffeeee;
  padding: 15px;
  margin: 15px 0 20px;
}
.delay > div{
  margin-bottom: 15px;
}

.shipFee{
max-width: 1100px;
margin: 20px auto
}
.shipFee .tableTitle{
font-size: 16px;
height: 70px;
padding: 10px;
color: #424242;
margin: 50px 0 0px;
border: 0px !important;
text-align: leftr;
}
table.shipFeeTable {
border-collapse: collapse;
margin-bottom: 30px;
text-align: left;
line-height: 1.5;
text-align: center;
}
table.shipFeeTable .eyeCatch{
width: 120px;
display: block;
margin: 5px auto;
height: 25px;
line-height: 25px;
color: #000;
border-bottom: 1px solid #aaa;
padding-bottom: 5px;
}
table.shipFeeTable thead {
background: #555;
text-align: center;
}
.spThead{display: none;}
table.shipFeeTable thead th {
padding: 10px;
vertical-align: top;
font-weight: normal;
color: #fff;
}
table.shipFeeTable tbody .sum{position: relative;}
table.shipFeeTable tbody .sum i{
position: absolute;
color: #888;
font-size: 35px;
right: -15px;
bottom: 30px;
z-index: 20;
}
table.shipFeeTable tbody th {
width: 600px;
padding: 10px;
vertical-align: top;
background: #fff;
font-weight: normal;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
table.shipFeeTable td {
width: 500px;
padding: 10px;
vertical-align: top;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #eee;
}
table.shipFeeTable b{
color: #D42E30;
display: inline-block;
padding: 0 3px;
font-size: 1.2em;
}
div#main_tradelaw a{
display: inline-block;
color: #068acc;
text-decoration: underline;
}

/***********************************
2カラムレイアウト
***********************************/
.column2Wrap{
width: 1100px;
margin: 0 auto;
}
.column2Wrap:after{
display: block;
content: "";
clear: both;
}
.sideWrap{
width: 180px;
height: 1000px;
background: #aaa;
margin-right: 20px;
float: left;
}
.mainWrap{
width: 900px;
margin-left: 200px;
}
.col2Style h2.pattern01{
font-size: 18px;
border-left: 5px solid #3d3d3d;
padding-left: 5px;
margin: 15px 0;
}
.col2Style h2.title{
font-size: 20px;
color: #fff;
padding: 10px;
margin: 15px 0;
background: #7b6369;/*20171006スタイル変更*/
background-size: 90px 40px;
}
.col2Style h3.title{
font-size: 14px;
color: #fff;
/*border-bottom: 0px solid #aaa !important;*/
padding: 5px 5px 5px;
margin: 15px 0 5px;
background: #443c3e;
background-size: 45px 20px;
}
.col2Style h2.pattern02{
font-size: 18px;
border-bottom: 1px solid #3d3d3d;
padding-left: 5px;
padding-bottom: 5px;
margin: 15px 0;
}
.col2Style h2.pattern03{
height: 35px;
line-height: 35px;
font-size: 18px;
padding: 0 0px 3px 30px;
margin: 0 0 15px;
border-bottom: 1px solid #6843ac;
}
.col2Style h3.pattern01{
font-size: 14px;
border-bottom: 0px solid #aaa !important;
padding: 0px 0px 3px;
margin: 15px 0 5px;
}
.col2Style h4.style01{
font-size: 15px;
padding-bottom: 3px;
margin: 20px 0;
border-bottom: 0px solid #3d3d3d!important;
}
.col2Style .txtBlock{margin: 30px 0;}
.col2Style .imgWrap {
margin: 0;/*20171006変更　30px 0 > 0*/
}

.col2Style .txtBlock a, #forbusiness .txtBlock a, #relocation .txtBlock a, #privacypolicy .txtBlock a{
color: #068acc;
height: 25px;
line-height: 25px;
padding-bottom: 1px;
border-bottom: 1px solid #068acc;
}
#shoplist td a, #corporate dd a{
color: #068acc;
height: 25px;
line-height: 25px;
padding-bottom: 1px;
border-bottom: 1px solid #068acc;
}
.col2Style .txtBlock li{
margin: 5px 0;
font-size: 12px;
}
.col2Style .txtBlock li .larger{
font-size: 14px;
margin-bottom: 10px;
}
.col2Style .txtBlock li span{
width: 20px;
display: inline-block;
}

.col2Style .imgWrap img{
width: 80%;/*20171006変更　40% > 80%*/
margin: 10px 0;
}
.col2Style .floatWrap{
margin: 20px 0;
}
.col2Style .floatWrap:after{
display: block;
content: "";
clear: both;
}
.col2Style .floatWrap img{
width: 150px;
float: left;
}
.col2Style .floatWrap .txt{
padding-top: 5px;
margin-left: 170px
}
.col2Style .floatImg{text-align: center;}
.col2Style .floatImg:after{
display:block;
content: "";
clear: both;
}
.col2Style .floatImg .imgWrap{
width: 50%;
float: left;
}
.col2Style .floatImg .imgWrap img{
width: 60%;
margin: 20px 10%;
}

/***********************************
お買い物ガイド
***********************************/
.indexList{margin: 10px 0;}
.indexList li{
display: inline-block;
text-align: center;
margin: 0 5px 10px;
border: 1px solid #aaa;
padding: 3px 10px;
border-radius: 5px;
font-size: 15px;
}
.indexList2{margin: 10px 0;display: none;}
.indexList2 li{
display: inline-block;
text-align: center;
margin: 0 5px 10px;
border: 1px solid #aaa;
padding: 3px 10px;
border-radius: 5px;
font-size: 15px;
}

.guideBlock{padding-top: 30px;}

/*商品購入ステップ*/
.steps ul{
width: 700px;
margin: 0 auto;
}
.steps ul:after{
display: block;
content: "";
clear: both;
}
.steps li{
float: left;
padding: 0 6px;
height: 200px;
}
.steps li a{
display: block;
height: 100%;
height: 200px !important;
}
.steps li img{height: 200px;}

.creafix{
overflow: hidden;
}
/*返却について*/
.jp{
width: 50%;
float: left;
}
.sagawa {
width: 50%;
float: right;
}
.sp_block{
display: none;
}
#howto .box{
width: 90%;
background: #f23f67;
border-radius: 10px;
padding: 10px;
}
#howto .box .box_wrapp{
background: #fff;
border-radius: 10px;
padding: 20px;
}
#howto .box .box_wrapp p{
margin: 0 auto;
font-size: 20px;
font-weight: bold;
text-align: center;
}
.pink_font{
color: #fe5a7f;
}
#howto .box .box_wrapp:nth-of-type(2){
margin: 20px 0 20px 0;
}
.button_1{
width: 100%;
color: #fff;
display: block;
background: linear-gradient(#fd98af, #fb416c);
padding: 10px;
text-align: center;
}
.button_1:hover{
color: #fff;
background: #fb416c;
}
.pink_bg{
background: #fe5a7f;
}
.number{
width: 20px;
height: 20px;
border-radius: 20px;
display: inline-block;
text-align: center;
color: #fff;
}


/***********************************
ボタンデザイン
***********************************/
.common_btn {
margin: 81px auto;
position: relative;
max-width: 900px;
display: flex;
justify-content: center;
}

.common_btn.mt {
margin: 30px auto 80px;
}

.common_btn a {
display: block;
padding: 15px;
font-size: 16px;
color: #222222;
text-align: center;
border: solid 1px;
/* border-radius: 5px; */
background: #fff;
}

.common_btn.mt a {
display: block;
padding: 10px 50px 10px 50px;
border-radius: 20px; 
}

.common_btn a:hover{
background:#f93c68;/*20171005変更　#999 > #f93c68*/
}
.common_btn a i{
display:inline-block;
margin-left:10px;
font-size:20px;
}

/***********************************
TOPページ
***********************************/
/*スライダー*/
#slider{
display:none;
}
.top_slider {
padding-top:130px;
margin:0 0 40px;
}
.top_slider .owl-item {
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 )";
}
.top_slider .center {
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 )";
}

/*新着アイテム*/
.top_newarrival ul{
font-size:0;
text-align:left;
}
.top_newarrival li{
float:none !important;
display:inline-block;
width: 23% !important;
margin: 5px 1% 20px !important;
padding: 10px;
font-size:12px;
text-align:center;
vertical-align:top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.top_newarrival li img{ 
width: 100%;
}
.top_newarrival .sysItemName{
font-size: 16px;
font-weight: 500;
padding-top: 10px;
}

/*特集一覧*/
.top_features{
overflow:hidden;
}
.top_features ul{
font-size:0;
text-align:left;
}
.top_features li{
float:none !important;
display:inline-block;
width: 30%;
margin:1.66666666666667%;
font-size:12px;
vertical-align:top;
}
.top_features li img{width: 100%;}
.top_features li a{
display: block;
position: relative;
}
.top_features li span{
display:block;
font-size:14px;
font-weight:bold;
}


/*おすすめ商品、ランキング*/
.top_recommend_item li .sysItemName,
.top_ranking_item li .sysItemName{
font-size: 16px;
font-weight: 500;
padding-top: 10px;
}
top_recommend_item .sysItemPrice,
top_ranking_item .sysItemPrice{
font-size: 14px;
color: #ff0000;
font-weight: 600;
padding-top: 5px;
}

/*おすすめ商品*/
.top_recommend_item{
margin-bottom:60px;
}
.top_recommend_item li{
width: 100% !important;
padding:0 20px !important;
}

/*ランキング*/
.top_ranking_item ul{
font-size:0;
text-align:left;
}
.top_ranking_item li{
float:none !important;
display:inline-block;
width: 30% !important;
margin: 0 1.5% 30px !important;
padding: 10px;
font-size:12px;
text-align:center;
vertical-align:top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/*袴を着付けるにあたってのポイント*/
.kituke_flow dl{
margin: 20px 0;
}

.content_box{
overflow: hidden;
}
.content_box_inner{
/* width: 31%; */
/*  float: left; */
margin: 5px 3% 10px 0;
}
.content p {
font-size: 14px;
}

.content_box_inner img{
display: block;
/*margin: 0 auto;*/
}

hakama_kituke_point .content_box_inner img{

width:100%;

}

.manners .content_box_inner{
width: 100%;
height: auto;
/* margin: 20px auto; */
float: none;
}
.manners .content_box_inner{
overflow: hidden;
}
.manners .content_box_inner img{
width: 30%;
height: auto;
display: block;
float: left;
margin-right:10px;

}

.colum .content_box .content_box_inner {
width: 100%;
/* float: left; */
margin: 20px 3% 20px 0;
}

.manners p{
line-height: 1.7;
margin: 0;
}
.manners .content_box_inner p{
/* width: 70%; */
/* float: right; */
margin: 0;
padding: 0 0px 0;
}

h3#manner {
padding: 0px 20px 0px 0px;
margin: 20px 0px 0px 0px;
color: #f83b8b;
font-size: large;
}
]

/*よくある質問*/
/*コンテンツアイコン*/
.circle{
width: 30px;
height: 30px;
border-radius: 30px;
color: #fff;
display: inline-block;
line-height: 30px;
margin: 0 10px 0 0;
text-align: center;
}
.yellow{
background: #facc0a;
}
.bule{
background: #18a6cc;
}

.q_a{
margin: 0 0 40px 0;
}
.q_a_inner{
margin: -25px 0 20px 40px;
}
.q_a_inner_c{
margin: 0 0 20px 40px;
}
.q_a dt{
margin: 0 0 10px 0;
}


/*ご利用ガイド（お買い物ガイド）*/
.setlist_block{
overflow: hidden;
}
.setlist{
width: 40%;
float: left;
}
.setlist_img{
width: 55%;
float: right;
}

/*TOP ガールズハカマchoice*/
.choice_list .sysContent .sysHorizontal{
margin: 0 auto;
}
.choice_list .sysContent .sysHorizontal li{
float: left;
width: 23%;
margin: 0 1% 0;
padding: 5px;
}

.trend ul {
display: flex;
}
.what_girlshakama {
margin-top: 40px;
}
.what_girls_hakamaimg {
display: flex;
justify-content: center;
}

.wgh_img ul {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin-top: 30px;
}

.new_arrival p {
font-size: 41px;
text-align: center;
font-family: 'Roboto', sans-serif;
margin-top: 70px;
padding-top: 30px;
position: relative;
}

.wgh_img li {
margin-top: 10px;
}

.sysFuncText.f_guide .common_btn a {
padding: 5px;
}

.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 30px;
line-height: 1.5em;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
}

.sysCart #sysMain{
float: none;
}

.sysRentalSchedules {
  display: block;
  margin-top: 20px;
  text-align: center;
}
.sysRentalStartDate{
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: bold;
}
span#fc-red{
color: red;
display: inline;
}

.hakama_fitting_sheet {
display: flex;
justify-content: flex-start;
margin-bottom: 50px;
}

.hakama_fitting_sheet td {
border: solid 1px;
padding: 10px;
}

.hakama_fitting_sheet th {
border: solid 1px;
padding: 10px;
}

.sm_list p {
margin-left: 22px;
font-weight: bold;
}



/* サイトマップ
*----------------------------------------------------------------------*/
.sm_list{
  max-width: 980px;
  margin: 60px auto;
  width: 90%;
  font-size: 14px;
}
.sm_list > ul > li{
  padding: 37px 40px;
}
.sm_list li:not(:first-child){

  border-top: 1px solid #dedede;
}
.sm_list .parents{
  display: flex;
  padding: 0;
}
.sm_list .parents > div{
  flex: 1 1 40%;
  padding: 37px 40px;
}
.sm_list .parents > ul{
  flex: 1 1 60%;
}
.sm_list .parents > ul > li{
  padding: 37px 40px;
}
.sm_list h3 {
margin-top: 10px;
}

.sysFuncText.pagination1 p {
margin: auto;
padding: 14px;
position: relative;
}

.sysFuncText.pagination1 p:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 19.6px;
border-color: transparent transparent transparent #d0be5d;
position: absolute;
left: 137px;
top: 13px;
}

.sysFuncText.pagination2 p {
margin-left: 50px;
position: relative;
padding-left: 14px;
}

.sysFuncText.pagination2 p:before {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 10px 21.6px 10px 0;
border-color: transparent #d0be5d transparent transparent;
position: absolute;
left: -28px;
}

.sysFuncText.pagination3 p {
margin: auto;
padding: 14px;
position: relative;
}

.sysFuncText.pagination3 p:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 19.6px;
border-color: transparent transparent transparent #d0be5d;
position: absolute;
left: 137px;
top: 13px;
}

.sysFuncText.pagination4 p {
margin-left: 50px;
position: relative;
padding-left: 14px;
}

.sysFuncText.pagination4 p:before {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 10px 21.6px 10px 0;
border-color: transparent #d0be5d transparent transparent;
position: absolute;
left: -28px;
}

.sysFuncText.pagination5 p {
margin: auto;
padding: 14px;
position: relative;
}

.sysFuncText.pagination5 p:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 19.6px;
border-color: transparent transparent transparent #d0be5d;
position: absolute;
left: 137px;
top: 13px;
}

.newyear {
border: solid 1px;
padding: 30px;
margin-top: 38px;
padding-top: 0px;
}

input.sysNextSubmit {
  margin: 20px auto;
  width: 90%;
  background: #6f6055;
  color: white;
  max-width: 500px;
  border-radius: 5px;
}
.sysErrorMessage {
  color: red;
  padding: 0.3em 0.5em;
  max-width: 980px;
  width: 90%;
  margin: 50px auto 0;
  text-align: center;
}

p#new_item_text {
font-size: large;
margin-top: 14px;
}
p#new_item_text:before {
content: '';
}

p#recomend_text {
text-align: center;
font-size: large;
border-bottom: dotted 3px;
width: fit-content;
}

p#rental_ranking_txt {
text-align: center;
font-size: large;
border-bottom: dotted 3px;
width: fit-content;
}

.sysFuncText.hakama_kituke_point .content_box {
display: flex;
flex-wrap: wrap;
}

.kituke_point {
margin-top: 22px;
margin-bottom:20px;

}

.kituke_point_inner{

margin-bottom:20px;

}

.content.kituke_flow h2 {
width: fit-content;
background: none;
color: #b12179;
border-bottom: dashed;
font-weight: bold;
padding-left: 4px;

}

.content.kituke_flow dt span {
font-size: 16px;
font-weight: 700;
}

p#numbering {
position: absolute;
width: 40px;
background: floralwhite;
color: #d23f37;
text-align: center;
padding: 10px;
font-weight: bold;
border-radius: 24px;
left: 10px;
font-family: cursive;
}

.content.awasete img {
width: fit-content;
}

.content.hair_style ul {
display: flex;
flex-wrap: wrap;
}

.content.hair_style ul li {
width: 272px;
}

.content.hair_style h2 {
background: #C5B4E3;
}

.new_arrival_kimono .sysHorizontal {
text-align: left;
line-height: 1.5em;
}

.recommend p {
font-size: 41px;
text-align: center;
font-family: 'Roboto', sans-serif;
margin-top: 70px;
padding-top: 30px;
position: relative;
}

.ranking p {
font-size: 41px;
text-align: center;
font-family: 'Roboto', sans-serif;
margin-top: 70px;
padding-top: 30px;
position: relative;
}

/*====================================================
2021年度 改修オープン（2021.07.01〜）
====================================================*/
body{
font-family: Roboto,"游ゴシック体","Yu Gothic",YuGothic,"Hiragino Kaku Gothic Pro","メイリオ",sans-serif;
}
body a {
/* font-family: ten-mincho-text, serif; */
font-family: Roboto,"游ゴシック体","Yu Gothic",YuGothic,"Hiragino Kaku Gothic Pro","メイリオ",sans-serif;
font-weight: 400;
font-style: normal;
}
/* 商品価格 */
.sysItemPrice{
padding: 7px 0;
font-weight: 900;
}
/* ALL ITEM + コラム一覧 ボタン */
.allItem
{
width: 40%;
text-align: center;
border: 1px solid;
margin: 4vw auto;
}
.allItem a
{
width: 100%;
display: block;
padding: 12px;
font-size: 2rem;
}
/* リセット */
div#sysMain{
padding: initial;
margin: initial;
}

/* ヘッダー
*----------------------------------------------------------------------*/
.sideheader header{
position: relative;
}
.sideheader header:before {
content: "";
width: 1px;
height: 100%;
position: absolute;
display: block;
right: 0;
top: 0;
background-color: #eee;
transition: 0s cubic-bezier(.39,.575,.565,1);
transition-delay: .6s;
}
.sideheader header h1{ 
padding: 0 1.2vw;
width: 10vw;
}
.sideheader header nav{
margin: 2vw 1.5vw;
}
.sideheader header nav > ul > li{
padding: 1vw 0;
}
.sideheader header nav > ul > li > a{
font-size: 1.6rem;
color: white;
}
.sideheader header nav > ul > li > a > span{
display: block;
font-size: 0.8rem;
color: #d1d0d0;
}

/* カテゴリメニュー */
.categoryMenu li{
padding: 1vw;
}
.categoryMenu li a{ color: white; }
.main-slidebar{
overflow: scroll;
position: fixed;
top: 0;
position: fixed;
top: 0;
left: 0;
bottom: 0;
z-index: 98;
background: #dc143c;
padding: 40px 20px 30px 60px;
width: 300px;
box-sizing: border-box;
-webkit-transform: translateX(-300px);
transform: translateX(-300px);
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.165,0.84,0.44,1);
transition: transform 0.4s cubic-bezier(0.165,0.84,0.44,1);
-ms-overflow-style: none;    /* IE, Edge 対応 */
scrollbar-width: none;       /* Firefox 対応 */
}
.main-slidebar::-webkit-scrollbar {  /* Chrome, Safari 対応 */
display:none;
}
.main-slidebar.active{
transform: translateX(0);
}
.mini-sidebar{
z-index: 99;
position: fixed;
width: 135px;
height: 100%;
left: 0;
background: #dc143c;
top: 0;
transform: translateX(0);
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.165,0.84,0.44,1);
transition: transform 0.4s cubic-bezier(0.165,0.84,0.44,1);
}
.mini-sidebar.active{
transform: translateX(300px);
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.165,0.84,0.44,1);
transition: transform 0.4s cubic-bezier(0.165,0.84,0.44,1);
}


/* ハンバーガー */
.ham-icon{
position: absolute;
top: 5%;
left: 0;
width: 135px;
height: 50px;
}
.ham-icon .hamburger{
display: block;
width: 100%;
height: 100%;
position: relative;
border: none;
background: none;
}
.ham-icon .hamburger span{
display: block;
position: absolute;
left: 45px;
right: auto;
width: 40px;
height: 1px;
background: #e2d9c8;
}
.ham-icon .hamburger span:nth-of-type(1){
top: 15px;
}
.ham-icon .hamburger span:nth-of-type(2){
top: 30px;
}
.ham-icon .hamburger span:nth-of-type(3){
top: 45px;
}
.hamburger span {
display: block;
position: absolute;
width: 30px;
height: 2px;
left: 6px;
background: #555;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

.hamburger span:nth-child(1) { top: 10px; }
.hamburger span:nth-child(2) { top: 20px; }
.hamburger span:nth-child(3) { top: 30px; }

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
top: 16px;
left: 45px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
top: 16px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}



/* ロゴの位置 */
.logo-mini{
position: absolute;
width: 100%;
text-align: center;
top: 30%;
}
.logo-mini a{
writing-mode: vertical-rl;
color: white;
font-size: 50px;
font-family: 'Jost', sans-serif;
}
.logo-mini.active{
display: none;
}

/* SNSリスト */
.sns-list{  
/* position: absolute; */
width: 100%;
text-align: center;

}
.sns-list ul{
display: flex;
justify-content: space-evenly;
}
.sns-list ul li a i{ color: white; }
.sns-list ul li { margin: 1.4vw 0; }
.menu-content > ul{
height: 90vh;
overflow: scroll;
}
/* メインビジュアル
*----------------------------------------------------------------------*/
/* テキストエリア */
.topMain .inner-wrap>div.about {
display: flex;
align-items: center;
}

.about .in-txt {
padding: 11vw 10vw;
}

.about .in-txt .catchcopy {
font-size: 3vw;
font-weight: 600;
}

.about .in-txt .catchcopy span {
display: block;
}

.about .in-txt .detail p {
line-height: 3 !important;
}

.about .bg-ttl {
z-index: -1;
font-size: 11vw;
position: absolute;
top: 50;
top: 26%;
line-height: 1;
left: 10%;
}

.about .bg-ttl span {
display: block;
color: white;
text-shadow: 1px 1px #ff8989, -1px 1px #ff8989, -1px -1px #ff8989, 1px -1px #ff8989, 1px 0px #ff8989, 0px 1px #ff8989, -1px 0px #ff8989, 0px -1px #ff8989;
}

.about .allitem a {
/**font-size: 1.1vw;**/
display: block;
width: 49%;
padding: 0.5vw;
margin: 1vw 0;
border-bottom: 1px solid;
font-weight: bold;
}

.topMain .slider_thumb {
height: 100%;
}

.topMain .slick-slide {
display: flex;
align-items: center;
justify-content: center;
/* background:  */
text-align: center;
background-size: cover !important;
}

.topMain .slick-slide img {
height: 100% !important;
width: auto !important;
padding: 4vw;
object-fit: scale-down;
}

.topMain .thumb {
height: 100%;
position: absolute;
}

.topMain .slick-list {
height: 100%;
}

.topMain .slick-track {
height: 100%;
}

.slick-slide {
height: 100%;
}

.topMain .inner-wrap {
display: flex;
height: 100vh;
}

.topMain .inner-wrap>div {
width: 50%;
height: 100%;
}

.topMain .inner-wrap>div>.topImage {
height: 100%;
}

.topMain .inner-wrap>div>.topImage>div {
height: 100%;
}

.topMain .bg-img {
position: relative;
z-index: 0;
overflow: hidden;
}

.topMain .bg-img:before {
content: '';
background: inherit;
-webkit-filter: blur(8px);
-moz-filter: blur(8px);
-o-filter: blur(8px);
-ms-filter: blur(8px);
filter: blur(8px);
position: absolute;
top: -8px;
left: -8px;
right: -8px;
bottom: -8px;
z-index: -1;
}

.mainVisual .inner-wrap {
position: relative;
}

.test {
margin: 0 1.5vw;
}

.test .slick-slide {
padding: 1.5vw;
}

.cls-1 {
fill: url(#夏);
}

.cls-2 {
fill: none;
stroke: #fff;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 20px;
}

.svgall .mask {
position: absolute;
top: 30%;
z-index: 10;
width: 65%;
left: 15%;
transform: rotate(-13deg);
-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-13deg);
}

.mainVisual .inner-wrap .main .in-img:nth-of-type(2) {
background: url(/img/top/DDD790_KCS015_2-2.jpg)no-repeat;
background-position: 50% 0;
background-size: contain;
-webkit-animation-delay: 8s;
animation-delay: 8s;
}

.mainVisual .inner-wrap .main .in-img:nth-of-type(3) {
background: url(/img/top/DDD790_KCS015_2-2.jpg)no-repeat;
background-position: 50% 0;
background-size: contain;
-webkit-animation-delay: 16s;
animation-delay: 16s;
}

.mainVisual .inner-wrap .main .in-img:nth-of-type(4) {
background: url(/img/top/DDD790_KCS015_2-2.jpg)no-repeat;
background-position: 50% 0;
background-size: contain;
-webkit-animation-delay: 24s;
animation-delay: 24s;
}


@keyframes anime {
0% {
opacity: 0;
}

8% {
opacity: 1;
}

17% {
opacity: 1;
}

25% {
opacity: 0;
/* transform: scale(1.2) ; */
z-index: 9;
}

100% {
opacity: 0
}
}

/* コラム
*----------------------------------------------------------------------*/
/* コラムスライダー */
.feature{ margin: 5vw 0; }
.feature .sliderArea {
max-width: 100%;
margin: 0 auto;
}
.feature .sliderArea.w300 { max-width: 300px; }
.feature .slick-slide { margin: 0 0.9vw; }
.slick-slide img {
width: 100%;
height: auto;
}
.slick-prev, .slick-next { z-index: 1; }
.slick-prev:before, .slick-next:before { color: #000; }
.slick-slide {
transition: all ease-in-out .3s;
opacity: .2;
}
.slick-active { opacity: 1; }
.slick-current { opacity: 1; }
.thumb { margin: 20px 0 0; }
.thumb .slick-slide { cursor: pointer; }
.thumb .slick-slide:hover { opacity: .7; }

/* スライダー矢印 */
.slide-arrow.prev-arrow.slick-arrow{
position: absolute;
top: -10%;
width: 2vw;
right: 9%;
}
.slide-arrow.next-arrow.slick-arrow{
position: absolute;
top: -10%;
width: 2vw;
right: 5%;
}

/* インフォメーション
*----------------------------------------------------------------------*/
.sysFuncInformation.information{
background: #eee;
display: flex;
}
.sysFuncInformation.information .sysContent{
padding-left: 10vw !important;
width: 60%;
}
.information ul li{
border-bottom: 1px solid #fff;
}
.information ul li a{
padding: 0.8vw 0;
display: block;
font-size: 0.8vw;
}
.information ul li a time{
font-weight: bold;
color: #9a9999;
}

/* ピックアップハカマ
*----------------------------------------------------------------------*/
.pickup .sysItemBlock .sysHorizontal{
display: flex;
flex-wrap: wrap;
}
.pickup .sysContent .sysHorizontal li {
float: initial;
width: 25%;
padding: 1.5vw;
}

/* ランキング
*----------------------------------------------------------------------*/
.sliderArea_rank {
max-width: 100%;
margin: 5vw 0 0 1.5vw;
}
.sliderArea_rank .slick-list{
padding: 0 10% 0 0!important;
overflow: visible;
}
.sliderArea_rank.w300 { max-width: 300px; }
.sliderArea_rank .slick-slide {
margin: 0 1.5vw;
position: relative;
}
.sliderArea_rank .slick-slide ._no{
position: absolute;
top: -2.3vw;
left: -1.7vw;
z-index: 99;
width: 5vw;
}
/* 矢印の位置調整 */
.sliderArea_rank .slide-arrow.next-arrow.slick-arrow,
.sliderArea_rank .slide-arrow.prev-arrow.slick-arrow
{
top: -13%;
}

/* カテゴリーリスト
*----------------------------------------------------------------------*/
.categoryList{ margin: 8vw 0; }
.categoryList .sysContent {
width: 97%;
margin: auto;
}
.categoryList .inner-wrap{
display: grid;
grid-template-rows: 20vw 20vw;
grid-template-columns: 31vw 1fr 1fr;
column-gap: 10px;
row-gap: 10px;

}
.categoryList .inner-wrap #category{
grid-row: 1 / 3;
grid-column: 1 / 2;
background:url(/img/top/hakamastyle.jpg);
background-repeat: no-repeat;
background-size: cover;
}

.categoryList .inner-wrap #koten {
grid-row: 1 / 2;
grid-column: 2 / 3;
background:url(/img/top/koten.jpg);
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
}
.categoryList .inner-wrap #retromodern {
grid-row: 1 / 2;
grid-column: 3 / 4;
background:url(/img/top/retromodern.jpg);
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
}
.categoryList .inner-wrap #girly {
grid-row: 2 / 3;
grid-column: 2 / 3;
background:url(/img/top/girly.jpg);
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
}
.categoryList .inner-wrap #cool {
grid-row: 2 / 3;
grid-column: 3 / 4;
background:url(/img/top/cool.jpg);
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
}

/* リスト表示 */
.categoryList .underList{
display: flex;
}
.categoryList .underList h3{
font-size: 2.2rem;
font-weight: initial;
display: flex;
align-items: center;
margin: 2vw 0 0;
border-bottom: 1px solid #c3bfbf;
padding-bottom: 0.5vw;
}
.categoryList .underList h3 span{
font-size: 1.2rem;
padding-left: 1rem;
color: #9c9a9a;
}
.categoryList .underList div:nth-of-type(1){ width: 40%;}
.categoryList .underList div:nth-of-type(n+2){ 
width: 30%;
margin: 0 2vw;
}
.categoryList .underList .colorList{
display: flex;
flex-wrap: wrap;
margin-top: 1.5vw;
}
.categoryList .underList .colorList li{
width: 48%;
margin-bottom: 0.5vw;
margin-right: 0.3vw;
border-bottom: solid 0.65px #e6e6e6;
}
.categoryList .underList .colorList a{
display: flex;
align-items: center;
font-size: 1.5rem;
padding-bottom: 0.5vw;
}
.categoryList .underList .colorList a span{
display: block;
width: 3vw;
height: 3vw;
margin-right: 0.9vw;
}
.categoryList .underList .colorList a span img{
border-radius: 50px;
}

/* 価格リスト */
.categoryList .underList .priceList li,
.categoryList .underList .styleList li{
border-bottom: solid 0.65px #e6e6e6;
}
.categoryList .underList .priceList li a,
.categoryList .underList .styleList li a{
padding: 0.8vw;
display: block;
font-size: 1.6rem;
}

/* コラム（トップページ）
*----------------------------------------------------------------------*/
.topColumn .sysContent ul{
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.topColumn .sysContent ul li{
width: 32%;
padding: 1vw;
}

/* Instagram
*----------------------------------------------------------------------*/
.instaFeed .instagram{
display: flex;
flex-wrap: wrap;
}
.instaFeed .instagram div{ 
width: 25%;
padding: 1vw;
}
.instaFeed .instagram div img{
width: 18vw;
height: 18vw;
object-fit: cover;
}

/* レンタルの流れ
*----------------------------------------------------------------------*/
.flowTop{ margin: 10vw 0 0; }
.flowTop .inner-wrap ul{
display: flex;
justify-content: space-evenly;
margin: 0 6vw;
}
.flowTop .inner-wrap ul li{
width: 25%;
padding: 0 2.5vw;
}
.flowTop .inner-wrap ul li div:nth-of-type(1){
padding: 2vw;
width: 8vw;
height: 8vw;
display: flex;
align-items: center;
margin: auto;
}

/* フッター
*----------------------------------------------------------------------*/
.footerNavi{
margin: 7vw 0 0;
background: #eee;
}
.footerNavi .inner-contents{
display: flex;
justify-content: space-between;
padding: 4vw 12vw;
}
.footerNavi .inner-contents .footer-logo{
width: 10vw;
}
.footerNavi .inner-contents nav ul{
display: flex;
flex-wrap: wrap;
}
.footerNavi .inner-contents nav ul li{
width: 25%;
}
.footerNavi .inner-contents .icon-list{
display: flex;
}
.footerNavi .inner-contents .icon-list div{
width: 2vw;
height: 2vw;
margin: 0 1vw;
}

/* コラム一覧ページ
*----------------------------------------------------------------------*/
.featuresList .sysContent ul,
.coordination .sysContent ul,
.hairmake .sysContent ul,
.knowledge .sysContent ul,
.other .sysContent ul{
display: flex;
flex-wrap: wrap;
min-height: initial;
}
.featuresList .sysContent ul li,
.coordination .sysContent ul li,
.hairmake .sysContent ul li,
.knowledge .sysContent ul li,
.other .sysContent ul li{
width: 33.3%;
padding: 0 1.8vw;
}
.featuresText{
line-height: 2.5rem;
font-size: 1.4rem;
margin: 1vw 0 4vw;
}

.columCategory .sysContent ul{
display: flex;
justify-content: center;
margin: 5vw 0;
}
.columCategory .sysContent ul li{
margin: 0 0.8vw;
}
.columCategory .sysContent ul li a{
display: block;
width: 100%;
font-size: 1.6rem;
padding: 0.4vw 2vw;
border: 1px solid;
border-radius: 50px;
}
/* ページ別制御 */
/* ページによってボタンの色変える */
#features_list .all a,
#coordination .cordinate a,
#hairmake li.hairmake a,
#knowledge li.knowledge a,
#other li.other a
{
background: black;
color: white;
font-weight: bold;
}
/* コラムページング */
.holder{
text-align: center;
font-size: 2rem;
}

.holder a{
padding: 1vw 1.5vw;
border: 1px solid #eee;
margin: 0 0.5vw;
}
.holder a.jp-current{
background: #eee;
}


/* 商品詳細ページ
*----------------------------------------------------------------------*/
.sysItemImages{ position: relative; }
.arrow{
position: absolute;
top: 35%;
width: 3vw;
height: 3vw;
}
.arrow.next{
background: url(/img/item/next.png)no-repeat;
background-size: contain;
right: 3.5%;
}
.arrow.prev{
background: url(/img/item/prev.png)no-repeat;
background-size: contain;
left: 2%;
}
/**/
#sysItemDetail .sysMainImage{ display: none; }

/* コラム詳細ページ
*----------------------------------------------------------------------*/
.columnCategory{
text-align: center;
padding: 1.5vw;
font-size: 2.5rem;
border-bottom: 1px solid #eee;
}
.columnStyle h2{
font-size: 3.1rem;
line-height: 1.52941;
margin: 4vw 10vw;
font-weight: normal;
}
.columnStyle .mainimage img{ width: 100%; }
/* コラム本文 */
.columnStyle .columnContent p{
font-size: 1.5rem;
line-height: 2.5;
/* margin: 5vw 10vw; */
}
.columnStyle .columnContent .inner-block{
margin: 3vw 10vw;
}
.columnStyle .columnContent .inner-block h3{
font-size: 3rem;
line-height: 1.4;
margin: 2.5vw 0 1.7vw;
}
.columnStyle .columnContent .inner-block h4{
font-size: 2.2rem;
line-height: 1.81818;
margin: 2.5vw 0 1.4vw;
border-bottom: 1px solid;
}
.columnStyle .columnContent .inner-flex{
display: flex;
}
.columnStyle .columnContent .inner-flex img{ width: 40%; }
.columnStyle .columnContent .inner-flex p{ width: 60%; }
.columnStyle .columnContent .inner-flex img,
.columnStyle .columnContent .inner-flex p
{
padding: 2vw 2vw 2vw 0;
}

/* プライバシーポリシー
*----------------------------------------------------------------------*/
.p-privacy .inner-box{
  max-width: 980px;
  margin: 80px auto;
  width: 90%;
  font-size: 12px;
  line-height: 2;
}
.pp-ttl{
  text-align: center;
  padding: 0.8vw;
  font-size: 2.5rem;
  border-bottom: 1px solid #eee;
  font-family: 'Jost', sans-serif;
}
.pp-ttl span{
  font-size: 10px;
  display: block;
  color: #b5b5b5;
}
.privacyBox{
  margin-bottom: 50px;
}
.privacyBox h2{
  font-size: 20px;
  margin-bottom: 15px;
}
.privacyBox ol{
  padding: 0 15px;
  margin-top: 10px;
}
.privacyBox ol li{
  list-style-type: decimal;
}

/* ショッピングガイド
*----------------------------------------------------------------------*/
#shopping-guide #sysWrap{
width: 100%;
}

/* カート
*----------------------------------------------------------------------*/
#sysBasket #sysAll #sysWrap{
width: 100%;
}

#sysBasket .sysTotal
/* #sysBasket form */
{
margin: 0 6vw;
}
#sysBasket .sysItemListArea{
margin: 3vw 6vw;
}

/* お知らせ
*----------------------------------------------------------------------*/

#sysInformation article{
  max-width: 900px;
  width: 90%;
  margin: 50px auto;
  line-height: 2.2;
}
#sysInformation article h1{
  font-size: 2vw;
  padding: 2vw 0;
  font-weight: 800;
}
.bk-home{
  display: block;
  max-width: 300px;
  margin: 50px auto;
  background: #6f6055;
  text-align: center;
  color: white;
  padding: 10px;
  font-size: 14px;
  font-weight: bold;
}
/*=====================================================================
/* 2022 改修
*=====================================================================*/
.about_22{
padding: 0 0 120px;
}

/* 共通
------------------------------------*/
.recommend_22 .sysHeadline,
.info_22 .sysHeadline,
.contents_22 .sysHeadline{
margin: 0 auto !important;
width: 85%;
font-size: 3rem;
color: #736357;
text-align: center;
}
/* .recommend_22 .sysHeadline span,
.info_22 .sysHeadline span,
.contents_22 .sysHeadline span{
display: block;
font-size: 1.1rem;
color: #c4bab2;
} */
@media screen and (min-width: 750px){
.recommend_22 .sysHeadline,
.info_22 .sysHeadline,
.contents_22 .sysHeadline{
  font-size: 4rem;
}
/* .recommend_22 .sysHeadline span,
.info_22 .sysHeadline span,
.contents_22 .sysHeadline span{
  font-size: 1.5rem;
} */
}
/* ボタン */
.btn_arrow {
  display: block;
  position: relative;
  padding: 6px 20px;
  max-width: 160px;
  background-color: #998675;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  box-sizing: border-box;
  transition: 0.5s;
  /* font-family: serif; */
  margin-top: 30px;
  border: 1px solid #998675;
}
.btn_arrow::after {
  position: absolute;
  top: 50%;
  right: 1em;
  width: 0.5em;
  height: 0.5em;
  transform: translateY(-50%) rotate(45deg);
  border-right: 2px solid currentColor;
  border-top: 2px solid currentColor;
  content: "";
}
.btn_arrow:hover {
  background-color: #fff;
  border: 1px solid #998675;
  color: #998675;
}



/* TOP（おすすめ）
------------------------------------*/
.recommend_22 .sysContent{
padding: 0 0 120px 0;
padding: 20px 0 120px 0 !important;
}
.recommend_22 .sysHeadline{
margin: 0 auto !important;
width: 85%;
font-size: 3rem;
color: #736357;
text-align: center;
}
.recommend_22 .sysHeadline span{
display: block;
font-size: 1.1rem;
color: #c4bab2;
}
.recommend_22 .sysItemBlock{
max-width: 1150px;
margin: auto;
width: 95%;
}
.recommend_22 ul{
display: flex;
flex-wrap: wrap;
}
.recommend_22 ul li{
width: 50%;
display: flex;
flex-direction: column;
padding: 10px;
}
.recommend_22 .sysContent .sysVertical .sysItemImage img{
width: 100%;
border-radius: 10px;
}
@media screen and (min-width: 750px){
.recommend_22 .sysContent{
  padding: 50px 0 120px 0 !important;
}
.recommend_22 ul li{
  width: 25%;
  padding: 15px;
}
.recommend_22 .sysHeadline{
  font-size: 4rem;
}
.recommend_22 .sysHeadline span{
  font-size: 1.5rem;
}
}

/* NEWS
------------------------------------*/
.info_22{
  padding: 20px 0 45px;
  background: #f7f7f7;
  margin-top: 90px;
}
.info_22 .sysContent{
  padding-top: 70px!important;
}
.info_22 .sysHeadline {
margin-bottom: -27px !important;
}
.info_22 .sysContent nav{
max-width: 800px;
margin: auto;
width: 90%;
}
.info_22 .sysContent nav ul li{
background: white; 
margin-bottom: 30px;
}
.info_22 ul li a{
padding: 20px;
font-size: 12px;
  color: #736357;
}
@media screen and (min-width: 750px){
  .info_22{
    padding: 20px 0 60px;
  }
  .info_22 ul li a{
    font-size: 1.4rem;
  }
  .info_22 .sysContent{
    padding-top: 50px!important;
  }
}

/* 検索 
------------------------------------*/
/* 最期統一 */
#sysItemCategory #sysWrap{
margin-left: initial;
}

/* 全体レイアウト */
#sysItemCategory .sysFreeArea{
margin-bottom: 75px;
}
#sysItemCategory .sysFreeArea .searchbox,
#sysItemSearch .sysItemSearchForm{
max-width: 900px;
margin: auto;
width: 90%;
padding: 20px;
background: #f6f4f2;
}
#sysItemCategory .sysFreeArea h2,
#sysItemSearch .sysFreeArea h2{
font-size: 16px;
color: #736357;
line-height: 1.4;
display: flex;
align-items: center;
}
#sysItemCategory .sysFreeArea h2 span,
#sysItemSearch .sysFreeArea h2 span{
font-size: 1.2rem;
color: #b2a194;
}

/* 商品一覧メインビジュアル */
.item-kv{
position: relative;
}
.item-kv__ttl{
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
font-size: 2rem;
width: 100%;
padding: 10px;
background-color: rgba(255, 255, 255, 0.4);
border-right-color: rgba(255, 255, 255, 0.2);
border-bottom-color: rgba(255, 255, 255, 0.2);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
color: white;
font-weight: bold;
}
.item-lead{
max-width: 750px;

width: 90%;
text-align: center;

margin: 35px auto;
font-size: 1.3rem;
}
/* カテゴリリンク */
.selectLink{
display: flex;
justify-content: center;
flex-wrap: wrap;
}

/* 色から選ぶ */
.colorLink{
flex: 0 0 100%;
}
.colorLink ul{
display: flex;
flex-wrap: wrap;
margin-top: 15px;
}
.colorLink ul li{
width: 25%;
margin-bottom: 5px;
}
.colorLink ul li a{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.colorLink ul li a span{
display: block;
width: 40px;
height: 40px;
border-radius: 50px;
}
.colorLink ul li:nth-of-type(1) a span{ background: #e0104a; }
.colorLink ul li:nth-of-type(2) a span{ background: #ff8baa; }
.colorLink ul li:nth-of-type(3) a span{ background: #ff745e; }
.colorLink ul li:nth-of-type(4) a span{ background: #50cb60 }
.colorLink ul li:nth-of-type(5) a span{ background: #85e1d9; }
.colorLink ul li:nth-of-type(6) a span{ background: #af8fd1; }
.colorLink ul li:nth-of-type(7) a span{ background: #3f3f3f; }
.colorLink ul li:nth-of-type(8) a span{ 
border: 0.5px solid #cccbcb;
background: white;
}

/* スタイルから選ぶ */
.styleLink{
flex: 0 0 100%;
}
.styleLink ul{
display: flex;
margin-top: 15px;
}
.styleLink ul li{
padding: 0 10px;
}
.styleLink ul li a{
display: flex;
flex-direction: column;
}
.styleLink ul li a img{
border-radius: 50%;
}


/* 絞り込み検索 */
.sysFreeArea form{
display: flex;
align-items: center;
margin-top: 15px;
border-bottom: 0.5px solid #d2cbc4;
padding-bottom: 20px;
}

/**/
.searchflex{
display: flex;
flex-wrap: wrap;
}

@media only screen and (min-width: 750px){
.item-lead {
  font-size: 1.7rem;
  margin: 70px auto;
}
.item-kv__ttl{
  font-size: 4.5rem;
  padding: 15px;
}
#sysItemCategory .sysFreeArea h2,
#sysItemSearch .sysFreeArea h2{
  font-size: 2rem;
}
#sysItemCategory .sysFreeArea h2 span,
#sysItemSearch .sysFreeArea h2 span{
  display: block;
  font-size: 1.2rem;
}
.selectLink{
  margin-top: 40px;
}
/* 検索ボックス */
.sysFreeArea form{
  padding-bottom: 45px;
}
#sysItemCategory .sysFreeArea .searchbox,
#sysItemSearch .sysItemSearchForm{
  padding: 60px 85px;
}
.colorLink{
  flex: 0 0 50%;
  padding-right: 45px;
}
.styleLink{
  flex: 0 0 50%;
}
.colorLink ul{
  margin-top: 25px;
}
.styleLink ul{
  margin-top: 25px;
}
.colorLink ul li a span{
  width: 45px;
  height: 45px;
}
}
@media only screen and (max-width: 750px) and (min-width: 480px){
/* 検索ボックス */
#sysItemCategory .sysFreeArea .searchbox,
#sysItemSearch .sysItemSearchForm{
  padding: 40px 45px;
}

}

/* 検索結果 */
#sysItemSearch #sysMain > h2{
color: #736357;
text-align: center;
  font-size: 2.3rem;
  padding: 30px;
}

/* 下層ページ共通 
------------------------------------*/
/* タイトル */
.l-head{
text-align: center;
padding: 60px 0;
background: #f7f3ee;
color: #746b62;
}
.l-head h1{
font-size: 2.5rem;
}
.l-head span{
font-size: 14px;
}
@media screen and (min-width: 750px) {
  .l-head{
      padding: 90px 0;
  }
.l-head h1{
  font-size: 4rem;
}
}


/* コラム記事ページ
------------------------------------*/
.columside_22{
  margin-left: 40px;
  max-width: 265px;
  flex: 0 0 265px;
}
.column_area{
  flex: 0 0 calc(100% - 265px - 40px);
  max-width: calc(100% - 265px - 40px);
}
/* コラムサイドバー */
.columside_22 .sysHeadline{
background: #6f6055;
color: white;
padding: 10px 20px;
margin: 50px 0 0 !important;
font-size: 16px;
}
.columside_22 .sysContent{
background: #fcf6ed;

}
.columside_22 .sysContent ul{
padding: 20px;
}
/* タイトルエリア */
.ct-head > h1{
font-size: 20px;
margin: 10px 0;
}
/* 本文 */
.ct-post{
margin-top: 30px;
}
.ct-post > p{
font-size: 13px;
line-height: 2;
margin-bottom: 30px;
}
.ct-post > img{
margin-bottom: 25px;
}
.ct-post > h2 {
padding: 10px 15px;
font-size: 21px;
color: white;
background: #6f6055;
margin: 50px 0 25px;
}
.ct-post > h3 {
border-top: 1px solid #6f6055;
border-bottom: 1px solid #6f6055;
padding: 10px 15px;
margin-bottom: 25px;
font-size: 17px;
color: #6f6055;
}

/* 目次 */
#toc{
background: #fcf6ed;
  padding: 20px;
  max-width: 400px;
  margin: auto;
  width: 90%;
}
#toc > p{
font-weight: bold;
  text-align: center;
  font-size: 17px;
  margin-bottom: 10px;
font-family: Roboto,"游ゴシック体","Yu Gothic",YuGothic,"Hiragino Kaku Gothic Pro","メイリオ",sans-serif;
}
#toc ol {
  counter-reset: section;
}
#toc ol li {
  list-style: none;
line-height: 2.3;
}
#toc ol li > ol{
padding-left: 15px;
}
#toc ol > li:before {
  content : counters(section, '-') '. ';
  counter-increment : section;
}
.c-breadcrumbs{
display: flex;
  flex-wrap: wrap;
  font-size: 11px;
}
.c-breadcrumbs__name {
  margin-right: 5px;
  position: relative;
}
.c-breadcrumbs__name:nth-child(n+2):before {
  border-right: 1px solid #000;
  border-top: 1px solid #000;
  content: '';
  display: inline-block;
  height: 5px;
  margin-right: 5px;
  transform: rotate(45deg) translateY(-2px);
  width: 5px;
}
#js-pagetop {
position: fixed;
bottom: 50px;
right: 50px;
cursor: pointer;
}
.point-area{
  display: block;
  margin: 70px auto 0;
  position: relative;
}
.point-area > div{
  border: solid 1px #5f5f5f;
  padding-bottom: 40px;
}

.point-area span,.matome-area span{
  position: relative;
  top: -50px;
  display: block;
  text-align: left;
  padding-left: 20px;
}
.point-text{
  width: auto;
  display: block;
  margin-top: -40px;
  text-align: left;
  line-height: 2;
  font-size: 12px;
  padding: 0 20px;
}
.btn--item-check{
  max-width: 350px;
  display: block;
  width: 90%;
  margin: 30px auto 55px;
  background: #6f6055;
  padding: 15px;
  color: white;
  font-weight: bold;
}
@media screen and (min-width: 768px){
  .point-text{
      text-align: center;
      font-size: 13px;
  }
}
ul.ct-list {
  background: #fcf6ed;
  padding: 20px 20px 20px 40px;
  border: solid 1px #6f6055;
  font-weight: bold;
  margin-bottom: 40px;
}
ul.ct-list li{
  line-height: 2.2;
  list-style-type: disc;
}

/* カレンダー */
.sysRentalSchedulesCalendar{
table-layout: fixed;
}

/* カート */
.sysCart .nav .sysNumArea{
display: none;
}
.sysCart #sysMain .sysNextSubmit{
margin: 20px auto !important;
}
.sysCart #sysMain .sysNextSubmitArea{
width: 90%;
margin: auto;
}
#sysBasket #sysMain > form{
width: 90%;
  text-align: center;
  margin: auto;
}

/* カート情報入力 */
#sysBillingAddress form[name="billing_address_form"],
#sysPayment form[name="payment_form"],
#sysConfirm .sysOrder,
#sysConfirm .sysProduct,
#sysConfirm .sysDetail,
#sysConfirm .sysNextSubmitArea,
#sysConfirm .sysAcceptDomainArea,
#sysThanks .sysBox,
#sysCartError .sysBox{
max-width: 850px;
  margin: auto;
  width: 90%;
}
.sysCart .sysCartTitle{
background: #6f6155;
  color: white;
  padding: 10px;
}
.sysBackSubmitArea{
text-align: center;
}
/* メルマガ */
.sysFormItem.sysAcceptMailmagazine{
display: none;
}


/*
* 2023年度 
* ハカマエイト用
/*
/* 共通
---------------------------------------*/
* {
  overflow-wrap: break-word;
  word-wrap: break-word;
}
dl { margin-bottom: 0; }

/* メインメニュー共通 */

/* サイドメニュー共通 */
#sysAside{
  margin-right: 40px;
  max-width: 265px;
  flex: 0 0 265px;
  padding: 0;
  margin: 0;
}
#sysAside .sysHeadline{
font-size: 16px;
  letter-spacing: 2px;
  font-weight: bold;
  font-family: Roboto, 游ゴシック体, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", メイリオ, sans-serif;
  border-bottom: 3px solid;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
#sysAside .aside-list ul li.sysText a {
  padding: 8px;
  border-bottom: 1px solid #d9d7d7;
}
/* カラーから選ぶ */
#sysAside .top_color.aside-list ul li{
position: relative;
}
#sysAside .top_color.aside-list ul li.sysText a{
display: flex;
  align-items: center;
padding-left: 35px;
}
#sysAside .top_color.aside-list ul li.sysText a::before {
content: "";
width: 10px;
height: 10px;
  position: absolute;
  left: 10px;
}
#sysAside .top_color.aside-list ul li.sysText:nth-of-type(1) a::before{ background: #dc143c; }
#sysAside .top_color.aside-list ul li.sysText:nth-of-type(2) a::before{ background: #6495ed; }
#sysAside .top_color.aside-list ul li.sysText:nth-of-type(3) a::before{ background: #3cb371; }
#sysAside .top_color.aside-list ul li.sysText:nth-of-type(4) a::before{ border: 1px solid #808080; }
#sysAside .top_color.aside-list ul li.sysText:nth-of-type(5) a::before{ background: #9370db; }
#sysAside .top_color.aside-list ul li.sysText:nth-of-type(6) a::before{ background: #000; }
#sysAside .top_color.aside-list ul li.sysText:nth-of-type(7) a::before{ background: #ffc0cb; }
#sysAside .top_color.aside-list ul li.sysText:nth-of-type(8) a::before{ background: #ff7f50; }

#hakama-eight #sysMain{
flex: 0 0 100%;
  max-width: 100%;
}
@media screen and (min-width: 768px){
#hakama-eight #sysMain{
  flex: 0 0 calc(100% - 265px - 40px);
    max-width: calc(100% - 265px - 40px);
}
}

/* flexbox */
.flex{
  display: flex;
}
.flex-wrap{
flex-wrap: wrap;
}
.justify-between{
  justify-content: space-between;
}
.justify-center{
justify-content: center;
}
.align-center {
  align-items: center;
}
.flex-column{
  flex-direction: column;
}

/* ボーダー */
.bt-gray{
  border-top: 1px solid #e4e4e4;
}
.bb-gray{
  border-bottom: 1px solid #e4e4e4;
}

/* アイテムブロック共通 */

/* タイトル */
.item-block .sysHeadline,
.top_rank_h2 .sysHeadline,
.item-rank .sysHeadline{
width: 100%;
letter-spacing: 0;
margin: 30px 0px 5px auto!important;
}
.item-rank ul{
  display: flex;
overflow-x: auto;

}

.item-rank ul::-webkit-scrollbar{
display: none;
}
.item-rank ul li{
flex: 0 0 auto;
}

.item-block ul li,
.item-rank ul li{
  /* flex: 0 0 25%;
  max-width: 25%; */
width: calc((100% - 40px) / 2);
min-width: 0;
opacity: 1;
}
.item-block ul li,
.item-rank ul li{
  display: flex !important;
  flex-direction: column;
  padding: 5px;
  /* box-shadow: 0px 0px 8px rgb(0 0 0 / 15%); */
}

/* .item-block ul li:nth-of-type(1){
  margin: 0px 5px 0px 15px;
} */
.item-block ul li .sysItemImage img,
.item-rank ul li .sysItemImage img{
  width: 100% !important;
}
@media screen and (max-width: 768px){
.item-rank ul li:nth-of-type(1){
  margin-left: 10px;
}
}
@media screen and (min-width: 768px){
  .item-block ul li{
      margin: 15px;
      /* box-shadow: 0px 0px 14px rgb(0 0 0 / 17%); */
  }
  .item-block ul li:nth-of-type(1){
      margin: 15px;
  }
.item-rank ul{
  margin-left: 0;
}
.item-rank ul li{
  flex: 0 0 25%;
    max-width: 25%;
}
}

/* くの字矢印 */
.arrow_right{
  position: relative;
}
.arrow_right::before {
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 8px;
  height: 8px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(45deg);
}

/* 
* トップページ
*
---------------------------------------*/
/* タイトル */
.main-block .sysHeadline{

}

/* 後で修正要
---------------------------------------*/
#hakama-eight #sysWrap{
display: flex;
flex-wrap: wrap;
  flex-direction: row-reverse;
  justify-content: center;
max-width: 1290px;
  margin: auto;
font-family: Roboto,"游ゴシック体","Yu Gothic",YuGothic,"Hiragino Kaku Gothic Pro","メイリオ",sans-serif;
}

@media screen and (min-width: 768px){
#hakama-eight #sysWrap{
  padding: 0 3vw;
}
}
/* トップメインタイトル共通
---------------------------------------*/
.top-sub a,
.rank-ttl a{
  font-size: 12px;
  padding-right: 20px;
font-weight: bold;
text-decoration: none;
}
.top-sub,.rank-ttl{
padding: 0 20px;
}
.top-sub h2{
font-size: 17px;
  font-weight: bold;
  /* letter-spacing: 1.2px; */
}
@media screen and (min-width: 768px){
.top-sub h2{
  font-size: 20px;
}
.top-sub a,
.rank-ttl a{
  font-size: 14px;
}
}
/* トップヘッダー
---------------------------------------*/
/* #sp-navi{
  border-bottom: 1px solid #dfdede;
} */

/* トップメインスライダー
---------------------------------------*/
.top_bnr{
  margin: 15px 0 0;
}
.top_bnr li{
  padding: 0 5px;
opacity: 1;
}
.top_bnr li img {
  border-radius: 10px;
  /* box-shadow: 4px 6px 16px rgb(0 0 0 / 25%); */
}
@media screen and (min-width: 768px){
  .top_bnr{
      margin: 30px 0;
  }
  .top_bnr li{
      padding: 0 10px;
  }
}

/* トップニュース
---------------------------------------*/
.top_info{
padding: 0 15px 10px;
}
.top_info ul li {
position: relative;
}
.top_info ul li a {
font-size: 13px;
  border-bottom: 1px solid #dfdede;
  letter-spacing: 1.5px;
}
.top_info ul li a time{
font-weight: bold;
}
.top_info ul li a::after{
content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(45deg);
}
@media screen and (min-width: 768px){
.top_info{
  padding: 15px;
}
.top_info ul li a {
  font-size: 14px;
}	
}

/* トップカテゴリ
---------------------------------------*/
.top-category{
padding: 0 3vw;
flex-wrap: wrap;
}
.top-category__box{
flex: 0 0 50%;
padding: 5px;
text-align: center;
}
.top-category__box a {
padding-top: 50%;
  display: block;
  position: relative;
border-radius: 5px;
width: 100%;
height: 100%;
}
.top-category__box:nth-of-type(1) a{
background: url(../img/origin-min.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 30%;
}
.top-category__box:nth-of-type(2) a{
background: url(../img/koten-min.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 30%;
}
.top-category__box:nth-of-type(3) a{
background: url(../img/retro.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 30%;
}
.top-category__box:nth-of-type(4) a{
background: url(../img/girly.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 30%;
}


.top-category__box a::after{
content: "";
  background: rgb(0,0,0,0.4);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
border-radius: 5px;
}

.top-category__in{
position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: white;
  z-index: 2;
  width: 100%;
  text-align: center;
}
.top-category__in h2{
font-size: 15px;
font-weight: bold;
}
.top-category__in span{
display: block;
font-size: 11px;
font-weight: 200;
}
/* おすすめアイテム
---------------------------------------*/
@media screen and (max-width: 768px){
  /* .top_recommend .slick-list {
      padding: 0 10% 0 0!important;
  } */
}

/* ランキング
---------------------------------------*/
/* メインタイトル */
.top_rank_h2 {
  margin: 5px 0 15px;
}
/* サブタイトル */
.rank-ttl{
margin-bottom: 6px;
}
.rank-ttl h2{
background: #eb624a;
  color: white;
  padding: 3px 20px;
  border-radius: 50px;
font-size: 14px;
font-weight: bold;
font-family: Roboto, 游ゴシック体, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", メイリオ, sans-serif;
  letter-spacing: 2px;
}
@media screen and (min-width: 768px){
.rank-ttl h2{
  padding: 3px 27px;
}
}

/* 共通タイトル
---------------------------------------*/
@media screen and (max-width: 768px){
  
}

/*
* 2023年度 
* ガールズハカマ用
*/
body{
font-family: "游ゴシック体","Yu Gothic",YuGothic,"Hiragino Kaku Gothic Pro","メイリオ",sans-serif !important;
}

.relative{
position: relative;
}
.main-block{
max-width: 1150px;
margin: auto;
margin-top: 3.5vw;
}
@media screen and (max-width: 768px){
#test .sysHeadline{
  margin: 10px auto 25px !important;
}
.main-block{
  margin-top: 50px;
}
}
/* テキスト系 */
.txt-center{
text-align: center;
}

/* ボタン系 */
.more-btn{
padding-top: 35px;
}
.more-btn a {
max-width: 350px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px #B2ABAB solid;
  padding: 7px;
  font-size: 15px;
  text-decoration: none;
  text-align: center;
  letter-spacing: 2px;
  width: 90%;
position: relative;
}
.more-btn a::after{
content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb;
  transform: rotate(45deg);
}
@media screen and (max-width: 768px){
.more-btn a {
  font-size: 13px;
}
}
/* トップページ共通タイトル */
.top-ttl{
display: block;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 2px;
text-align: center;
position: relative;
margin: 2vw 0;
}
.top-ttl span{
font-size: 12px;
  display: block !important;
  font-weight: 300;
}
.top-ttl:before {
content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #4c4c4c;
  border-radius: 2px;
}
@media screen and (min-width: 768px){
.top-ttl{
  font-size: 20px;
}
.top-ttl span{
  font-size: 13px;
}
}

/* メインビジュアル */

@media screen and (min-width: 768px){
.mv_2023 li{
  padding: 20px;
}
}


/* おすすめ商品 */

.recommend_23 .slick-slide{
opacity: 1;
}
@media screen and (min-width: 768px){
.recommend_23 .sysContent .sysHorizontal li{
  padding: 10px;
}
}
/* ランキング */
.ranking_23 .sysItemBlock ul,
.l-ranking .sysItemBlock ul{
display: flex;
flex-wrap: wrap;
}
.ranking_23 .sysItemBlock ul li,
.l-ranking .sysItemBlock ul li{
flex: 0 0 33.3%;
max-width: 33.3%;
padding: 2px !important;
}
.ranking_23 li .sysItemImage,
.l-ranking li .sysItemImage{
position: relative;
}
.ranking_23 li .sysItemImage::before,
.l-ranking li .sysItemImage::before {
height: 30px;
  position: absolute;
  width: 30px;
  top: 0;
  left: 0;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 16px;
}
.l-ranking li,
.ranking_23 li{
counter-increment: rank;
}
.l-ranking li .sysItemImage::before,
.ranking_23 li .sysItemImage::before{
content: counter(rank);
}
.l-ranking li:nth-of-type(1) .sysItemImage::before,
.ranking_23 li:nth-of-type(1) .sysItemImage::before{ background-color: #C4B274; }

.ranking_23 li:nth-of-type(2) .sysItemImage::before,
.l-ranking li:nth-of-type(2) .sysItemImage::before{ background-color: #d1cfcf; }

.ranking_23 li:nth-of-type(3) .sysItemImage::before,
.l-ranking li:nth-of-type(3) .sysItemImage::before{ background-color: #DC9A7D;}

.ranking_23 li:nth-of-type(n+4) .sysItemImage::before,
.l-ranking li:nth-of-type(n+4) .sysItemImage::before{ background-color: #000; }

@media screen and (min-width: 768px){
.ranking_23 .sysItemBlock ul li,
.l-ranking .sysItemBlock ul li{
  flex: 0 0 20%;
  max-width: 20%;
  padding: 10px !important;
}
}
@media screen and (max-width: 768px){
.ranking_23 .sysItemPrice{
  font-size: 12px;
}
.ranking_23 .sysItemBlock ul li:nth-of-type(n+7){
  display: none;
}
}
/* 下層ページランキング */
.l-ranking .sysContent .sysVertical .sysItemImage img {
  width: 100%;
  float: none;
  margin-right: 0;
}


/* コラム */
.column_23 ul{
display: flex;
overflow-x: auto;
  flex-wrap: nowrap;
}
.column_23 li{
padding: 10px;
}
@media screen and (max-width: 768px){
.column_23 li{
  flex: 0 0 auto;
  width: calc((100% - 90px) / 1);
  min-width: 0;
  max-width: initial;
  padding: 0 5px;
}
.column_23 li:nth-of-type(1){
  margin-left: 10px;
}
}

header.active{
  position: fixed;
  top: 0;
  width: 100%;
  background: rgb(255,255,255,0.9);
  z-index: 9999;
  border-bottom: 1px solid #e4e4e4;
}
/* 詳細ページ */
@media screen and (max-width: 768px){
  #sysItemDetail #sysWrap{
    padding-top: 135px;
  }
  #sysItemCategory #sysWrap,#sysItemSearch #sysWrap{
    padding-top: 140px;
  }

}

/* 会員登録不正対策
---------------------------------------*/
#sysRegi #sysMain{
  padding-top: 10px;
  max-width: 980px;
  margin: 50px auto;
  width: 90%;
}

#sysRegi #sysRegisterForm,
#sysRegi #sysPurchaseAuthMember,
#sysRegi #sysPurchaseAuthCustomer > h2{
  display: none;
}
#sysRegi #sysPurchaseAuthCustomer{
  text-align: center;
}
/* カート完了ページ
---------------------------------------*/
#sysThanks #sysMain > div:nth-of-type(3){
  display: none !important;
}
.sysImageDescription{
  display: none;
}

.sysCart .sysNextSubmitArea .sysAttention {
  font-size: 20px;
  font-weight: bold;
  color: red;
  text-align: center;
  padding: 20px 0;
}


/* -------------------------------------*/
/*カート画面の利用規約チェックボックス*/
/* 同意ブロック全体 */
.cart-terms-block {
  margin: 24px auto;
  padding: 16px;
  border: 1px solid #ddd;
  background-color: #fafafa;
  font-size: 14px;
  width: 90%;
}

/* 折りたたみの見出し部分 */
.cart-terms-summary {
  cursor: pointer;
  padding: 8px 12px;
  border: 1px solid #ccc;
  background-color: #f7f7f7;
  font-weight: bold;
}

/* 折りたたみ中身 */
.cart-terms-body {
  padding: 12px;
  border: 1px solid #ccc;
  border-top: none;
  background-color: #fff;
  max-height: 260px;
  overflow-y: auto;
}

/* 同意チェックボックス */
.cart-terms-agree {
  margin-top: 12px;
}

.cart-terms-agree label {
  cursor: pointer;
}

/* ボタン無効時の見た目（必要に応じて） */
.cart-terms-button-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.terms-error-msg {
  color: #d60000;
  font-size: 14px;
  margin-top: 6px;
}
/*カート画面の利用規約チェックボックス おわり*/
/* ガールズハカマ 共通CSS */
@media screen and (max-width:768px){
.sp-none{ display: none; }
.sysDisplayMobileNone{
	display:none !important;
}


.sysHeadline {
    width: 95%;
    margin: 30px auto 15px !important;
    position: static;
    font-size: 20px;
    letter-spacing: 3px;
}

/* 10-0 Only Smartphone
 *----------------------------------------------------------------------*/
#sysMain,#sysAside{ width: 100%!important;}
/* #sysFormIndex #sysMain form{
	margin: 0 1.5vw 7vw;
} */
.sysMypage #sysWrap,
.sysMemberRegister #sysWrap{
	margin: 130px auto 0;
}
#sysFormIndex .pp-ttl{ margin-top: -5px; }
/* #sysFormIndex div#sysMain,
#sysFormConfirm div#sysMain,
#sysFormThanks div#sysMain{
	width: 98% !important;
	padding:20px 10px 30px !important;
    margin:10px auto;
} */

.sysFormField label{display: block;}
#sysFormIndex .txtBlock{text-align: left;}
#sysMain{ margin-top: 0;}
.grid-col {
	float: none;
	width: 100%!important;
        margin-left: 0;
}
/*Header */
#sysHeader{ margin-bottom: 5px;}

/* Category Pankuzu */
#sysItemCategory .sysItemCategoryPankuzu{
	display: none; /* 商品一覧ページは消す */
}
.sysItemCategoryPankuzu {
    font-size: xx-small;
}

/* Archive Thumbnail Item */
.sysItemList ul.sysThumbnail { font-size: small;}
/* 商品一覧 */
#sysItemCategory .sysItemList ul.sysThumbnail{
margin: 0 1.5vw;
}
#sysItemCategory .sysThumbnailImage{
	padding: 0.5vw;
}
.sysItemList ul.sysThumbnail input { font-size: x-small;}

/* Order Area */
.orderArea { 
    letter-spacing: normal;
    flex-wrap: wrap;
	justify-content: center;
	margin: 3vw 2vw;
}
.orderArea > div {
    width: 100%;
    padding-right: 0;
    float: none;
}

/*header検索ボックス*/
.h_search{
	margin-top:30px;
}
#sysItemSearch .sysRetailPrice{ font-size: 11px; }
/***********************************
	商品詳細ページ
***********************************/
#sysDescription{
	font-size: 12px;
}
#sysItemDetail .sysItemName{
	padding: initial;
}
#sysItemDetail .sysCategoryPankuzu{
	font-size: 11px;
    margin: 0 auto 10px;
	white-space: nowrap;
    overflow: scroll;
}
#sysItemDetail .sysItemName h1{
	margin-bottom: initial !important;
    text-align: left;
    padding: 5px 0;
}
.sysExplanation table th, .sysExplanation table td{
	display: block;
	padding: 7px 10px;
	text-align: left;
}

.sysExplanation table tr:not(:first-child){
	border: none;
}
.sysExplanation table{
	border: none;
}
#sysItemDetail .sysRetailPrice{
	padding: 3vw 0 0;
}
#sysItemCategory .sysRetailPrice{
	font-size: 11px;
	padding: 1.5vw;
}
.sysItemList ul.sysThumbnail li{width: 50% !important;}
.sysItemName a{font-size: 11px;}
/*商品名*/
#sysItemDetail .sysItemName h1{
	font-size: 18px;
	padding-bottom:5px;
	margin-bottom:20px;
}
#sysItemDetail .sysForm select{
	height:30px;
	text-align:center;
}
#sysItemDetail .sysSelectionDescription{margin: 5px 0 10px;}
#sysItemDetail #sysNumber{text-align: right;}

#sysItemDetail #sysNumber {
    text-align: left;
    margin-right: 0px; 
}
.orderArea > div:nth-of-type(2){ padding: 3vw; }
/*数量増減*/
#sysItemDetail .sysNumArea button {
	width: 35%;
}
/*PRアイコン(商品カテゴリーページ)*/
.sysItemPrArea span{
        width: 48%;
        padding: 3px 0px;
        font-size: 10px;
}
#sysItemCategory input[type=submit]{margin-top: 0px;}
.sysAddSelection{font-size: 12px;}
.sysSelectionDescription{font-size: 10px;}
/*PRアイコン(商品詳細ページ)*/
.sysPr{margin-top: 10px;}
.sysPr span{
        width: 49%;
        font-size: 16px;
}
#sysItemDetail .sysForm select {
	width: 100%;
	display: inline-block;
	float: right;
}
#sysItemDetail .sysNumber select {
        min-width: 100px;
}

#sysItemDetail{
	padding-bottom:40px;
}

/*商品ページ用おすすめ商品*/
.itempage_recommend .sysItemBlock .sysHorizontal li{
	width:50%;
	padding:0 5px;
	margin-bottom:20px;
}
.itempage_recommend .sysItemName{
	font-size:12px;
}
.itempage_recommend .sysItemPrice{
	font-size:11px;
}

/*for demo 2017/01/12*/
.sysExplanation{
	float: none;
	width: 100%;
	padding: 50px 15px;
}

span.sp_newline{display: block}

/*旧サイトデザイン*/
.standard .standard_photo {
    width: 90%;
    height: auto;
    float: none;
    margin: 20px auto　20px;
}
.standard .standard_contents {
    margin-top: 20px;
    width: 100%;
    float: none;
    margin: 0 auto;
}
.standard .standard_contents .clearfix .set_image {
    width: 50%;
    float: left;
}

.rental .clearfix {
    margin-bottom: 15px;
    clear: both;
    display: block;
}

/***********************************
	ヘッダー
***********************************/
.header_wrap{
	position: fixed;
	height: 60px;
	top: 0px; left: 0; right: 0;
	margin: auto;
	background: #fff;
	z-index: 120;
}
#sysHeader{
	width: 100%;
	margin: 0px auto;
}
.h_inner{margin: 0px 0 0;}
.header_h1_under, .header_h1{
	width: 100%;
	height: 20px;
	float: none;
	text-align: center;
	background: #ededed;
}
.header_h1_under a, .header_h1 a{
	display: none;
}
.head_title{
	font-size: 10px;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	letter-spacing: 1px;
}
.header_sp{
	width: 95%;
	margin: 0 2.5%;
	position: relative;
	text-align: center;
}
.header_sp #navBtn{
	position: absolute;
	top: 10px; left: 0;
}
.header_sp .spCart{
	position: absolute;
	top: 10px; right: 0;
}
.header_sp #navBtn img, .header_sp .spCart img{
	width: 40px;
	height: 40px;
}
.header_sp .spLogo img{
	width: 180px;
	margin-top: 15px;
}

/***********************************
	カート情報
***********************************/
#cartInfo{display: none;}

/***********************************
	ナビゲーション
***********************************/
#headNavigation{
        display: none;
}
#headNavigation .pcnone{display: block;}
#headNavigation .spnone{display: none;}
#headNavigation li.active{background: #fff;}
.h_navi{
	width: 100%;
	height: 40px;
}
#headNavigation li.tab1{
        width: 25%;
		margin-top:10px;
}
#headNavigation li.tab1 a{
        font-size: 10px;/*20171013変更　12px > 10px*/
        color: #fff;/*20171005追加*/
        line-height: 45px;/*20171005追加*/
        position: relative;
}

/*ナビゲーショントグル*/
.toggleNav{
	display: none;
	width: 100%;
	position: absolute;
	height: 0px; /*heightはjs制御*/
	top: 39px; left:0;
	z-index: 110;
         background: rgba(0,0,0,0);
	box-shadow:0px 0px 0px 0px #ccc;
	-moz-box-shadow:0px 0px 0px 0px #ccc;
	-webkit-box-shadow:0px 0px 0px 0px #ccc;
}
.toggleNav:hover{overflow: visible !important;}
#headNavigation ul.tab{
        position: relative;
}
.tabmenu .border:after{
	content:none;
}
.tabmenu li.tab1{
	position: static;
	border-right:1px solid #fff;/*20171013変更　#000 > #fff*/
}
.tabmenu li.tab1:nth-child(4){
	border-right:none;
}
.tabmenu li.tab1 a{font-size:14px;}
.tabmenu ul:after{
    display: block;
    content: "";
    clear: both;
}
.tabmenu li.tab2{
	width: 100%;
	height:auto;
	text-align: left;
	line-height:1;
	font-size: 18px;
	border-bottom: 1px dotted #ddd;
	position: relative;
	background: rgba(255,255,255,1);
}
.tabmenu li.tab2 a{
	display: block;
	position: relative;
	padding: 5px 15px;
	font-size: 14px !important;
	line-height: 40px !important;
    font-weight: bold;
}
#headNavigation li.tab2 a:after{display: none;}
.tabmenu li.tab2 a i{
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top:-7px;
}

.h_spnavi{
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0px; left: 0;
	background: rgba(220,220,220,0.9);
	z-index: 150;
	color: #444;
	display: none;
        overflow: auto;
}
#spNaviWrap{
	position: absolute;
	width: 100%;
	height: 667px;
	top: 0px; left: -100%;
	background: rgba(225,225,225,1);
	z-index:  200;
	padding: 30px 10px 0;
        overflow: scroll;
}

.sysFuncText.sp_nav.sysDisplayPcNone.sysDisplayKeitaiNone:last-child {
    display: none;
}

#headNavigation li a{
    display: block;
	font-weight: 700;
        color: #fff;/*20171005追加*/
        line-height: 30px;/*20171005追加*/
}
/***********************************
	ログイン情報
***********************************/
.h_login .sysHeadline,.h_search .sysHeadline{
	text-align: center;
	font-size: 18px;
    margin-botom: 10px;
}
.h_login .sysContent{text-align: center;}
.h_login .sysFormItem{margin-bottom: 10px;}
.h_login .sysFormLabel{
	display: block;
	font-size: 12px;
	height: 20px;
	text-align: left;
	margin-bottom: 3px;
}
.h_login .sysLoginButton{
	width: 100%;
	margin: 10px 0%;
	border-radius:5px;
	background:#000;
	font-size: 15px;
	height: 35px;
	line-height: 10px;
}
.h_login li{
	border:1px solid #444;
	margin-bottom: 10px;
	font-size: 15px;
	height: 35px;
	line-height: 32px;
	text-align: center;
	border-radius:5px;
}
.h_login li a{
	font-size: 12px;
	padding: 0px 5px 5px 0px;
}

/***********************************
	ナビゲーションメニュー
***********************************/
#closeMenu{
	position: absolute;
	top: 15px; left: 15px;
	font-size: 15px;
}
#closeMenu span{
        font-size: 12px;
        margin: 0 10px;
        display: inline-block;
		cursor:pointer;
}
#closeMenu2{
        text-align: center;
        margin: 20px 0;
        border: 1px solid #444;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
		border-radius:5px;
		cursor:pointer;
}
#closeMenu2 span{
        display: inline-block;
        margin: 0 10px;
}
#spNavMenu .navTitle{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
#spNavMenu{margin: 30px 0 0;}
#spNavMenu .spMenuList{
	height: auto;
	line-height: 40px;
	font-size: 15px;
	position: relative;
	border-bottom: 1px solid #aaa;
}
#spNavMenu .spMenuList a{
        display: block;
	padding-left: 15px;
}

ul.sns_button li {
    width: 30px;
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom:10px;
}
ul.sns_button li:last-child {
    margin-right: 0px;
}
ul.sns_button li a {
    padding-left:0px!important;
}

ul.sns_button {
    width:100px;
    display: flex;
    justify-content:space-between;
}

#spNavMenu .spToggleNav{
	/*height: 270px;20171013変更コメントアウト*/
	overflow: hidden;
}
#spNavMenu .spToggleNav li{
	height: 45px;
	line-height: 45px;
	font-size: 12px;
	border-bottom: 1px dotted #aaa;
}
#spNavMenu .spToggleNav li{padding-left: 20px;}
#spNavMenu .spToggleNav li:first-child{border-top: 1px solid #aaa}
#spNavMenu .spToggleNav li:last-child{border-bottom: 0;}

/***********************************
	フッター
***********************************/
.footer{
	/* margin: 30px 0 0; */
	background: #fff;
	letter-spacing: 2px;
}
.footer .f_navi_all{
	width: 95%;
	margin: 0 auto;
	padding: 10px 2.5% 0;
}
.footer .f_navi h3{
	width: 100%;
	height: 25px;
	background: #424242;
	color: #fff;
	margin: 10px 0;
	font-size: 12px;
	line-height: 25px;
	border-radius: 10px;
}
.footer .f_navi ul{
	width: 100%;
	text-align: left;
	margin: 0 auto;
}
.footer .f_navi li{
	display: inline-block;
	height: 25px;
	padding: 0 3px;
	margin: 10px 0px 0;
	font-size: 15px;
	position: relative;
	border-right: 1px solid #aaa;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.footer .f_navi li i{
	position: absolute;
	font-size: 20px;
	line-height: 23px;
	right: 10px; top: 0;
}
.footer .f_navi li.sp_title{
	width: 100%;
	text-align: center;
	margin: 10px 0;
}

.footer .f_navi li.sp_title h5{
	position: relative;
	text-align: center;
	background: #fff;
}
.footer .f_navi li.sp_title h5 span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	background-color: #fff;
	text-align: left;
}
.footer .f_navi li.sp_title h5::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #222222;
}
.footer .f_navi li.sp_3column{
	width: 32%;
	margin-bottom: 5px;
}
.footer .f_navi li.sp_2column{
	width: 49%;
	margin-bottom: 5px;
}
.footer .f_navi li:after{width: 0;}
.footer .f_navi .b_none, .footer .f_navi .spb_none{border-right: 0px;}

.footer .f_gnav_all{
	background: #998675;
	padding: 0px 0 0px;
	letter-spacing: 2px;
	text-align: left;
}
.footer .f_gnav ul:after{
	display: block;
	content: "";
	clear: both;
}
.footer .f_gnav{
	width:100%;
	border-top: 1px solid #444;
	margin-bottom: 0;
	overflow: hidden;
}
.footer .f_gnav li{
	width: 50%;
	float: left;
	display: block;
	height: 45px;
	line-height: 45px;
	padding: 0px 0px 0 15px;
	font-size: 12px;
	position: relative;
	border-bottom: 1px solid #6f6055;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.footer .f_gnav li i{
	position: absolute;
	font-size: 20px;
	line-height: 30px;
	right: 10px;
  top: 6px;
}
.footer .f_gnav a{
	color: #fff;
}
.footer .f_gnav li:nth-child(even){
	border-left: 1px solid #6f6055;
}

.footer .f_gnav li a{display: block;}
.footer .f_gnav .sp_wide{
	width: 100%;
	height: 38px;
	border-bottom: 0px;
}
.footer .f_gnav li:after{width: 0px;}

.footer .f_copy{
	padding: 10px 5px;
	font-size: 10px;
}
@media screen and (max-width:320px) {
  .footer .telephone .telephone02 a {
      font-size: 27px;
  }
  .footer .f_gnav:nth-of-type(2) li:nth-child(3) a{
    font-size: 10px;
  }
}

/***********************************
	サイド
***********************************/
.side_search{
	width:95%;
	margin:0 auto 30px;
}
.side_navi_item,
.side_navi{
	width:95%;
	margin:0 auto;
}
.side_navi ul li.sysText a{
	padding:10px 5px !important;
}
.side_navi_item .sysHeadline,
.side_navi_item .sysContent{
	width:100% !important;
	margin:0 auto !important;
}
.side_navi_1{
	border-top:1px solid #000;
}

/***********************************
	共通パーツ
***********************************/
.sysTitle{
	width: 100%;
	margin: 30px auto!important;
	position: relative;
	text-align: center;
	font-size: 13px;
	letter-spacing: auto;
}
.sysTitle b{
	display: block;
	font-size: 12px;
	text-align: center;
	margin-top: 5px;
}
.sysTitle span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 10px 0 20px;
	background-color: #fff;
	text-align: center;
	font-weight: bold;
}
.sysTitle::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #222222;
}

.sysHeadline b{
	width: 100%;
	display: block;
	font-size: 10px;
	text-align: center;
	border-top: 1px solid #222222;
	padding: 0 80px;
	margin-top: 3px;
	padding-top: 5px;
}
.sysTitle span, .sysHeadline span{
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0;
	padding: 0;
	/* background-color: #fff; */
	text-align: center;
}
.sysTitle::before, .sysHeadline::before {height: 0px;}
.contentsWrap{
	width: 90%;
	margin: 0 auto;
}

/***********************************
	特商法テーブルレイアウト
***********************************/	
.p-law .sysTitle{width: 90%;}
#main_tradelaw, .main_tradelaw{
    margin: 40px auto;
    font-size: 12px;
}
#main_tradelaw dl, .main_tradelaw dl{
    flex-wrap: wrap;
}
#main_tradelaw dt, .main_tradelaw dt{
	flex: 0 0 100%;
    max-width: 100%;
    padding: 15px;
}
#main_tradelaw dd, .main_tradelaw dd{
    padding: 15px;
}
.shipFee{
	max-width: 1100px;
	margin: 20px auto
}
.shipFee .tableTitle{
	text-align: center;
	font-size: 12px;
}
table.shipFeeTable {
	width: 100%;
	margin: 0%;
    border-collapse: collapse;
	margin-bottom: 30px;
    text-align: left;
    line-height: 1.5;
}
.spThead{display: block;}
.pcThead{display: none;}
table.shipFeeTable thead th {
	font-size: 12px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    color: #fff;
	text-align: left;
}
table.shipFeeTable tbody th {
	font-size: 12px;
	display: block;
	width: 100%;
	border: 0px solid #ddd;
}
table.shipFeeTable tbody .sum{
	position: relative;
	padding: 25px 10px;
	text-align: center;
}
table.shipFeeTable tbody .sum i{
	position: absolute;
	color: #888;
	font-size: 35px;
	left: 0;
	right: 0px;
	margin: auto;
	bottom: -20px;
	z-index: 20;
}
table.shipFeeTable td {
	display: block;
    width: 100%;
    vertical-align: top;
	border: 0px;
}
table.shipFeeTable b{
	color: #D42E30;
	display: inline-block;
	padding: 0 3px;
	font-size: 1.2em;
}

/***********************************
	2カラムレイアウト
***********************************/
.col2Style h2.pattern03{
	height: 35px;
	line-height: 35px;
	font-size: 18px;
	padding: 0 0px 3px 10px;
	margin: 0 0 15px;
	border-bottom: 1px solid #6843ac;
}
.col2Style .txtBlock li{margin: 10px 0;}
.col2Style .imgWrap img{
	width: 100%;/*20171006変更　80% > 100%*/
	margin: 0;/*20171006変更　0px 10%; > 0px*/
}
.col2Style .floatWrap img{
	width: 80%;
        margin: 0px 10%;
	float: none;
}
.col2Style .floatWrap .txt{
	padding-top: 5px;
	margin-left: 0px
}
.col2Style .floatImg .imgWrap{
	width: 100%;
	float: none;
}
.col2Style .floatImg .imgWrap img{
	width: 80%;
	margin: 20px 10%;
}

/***********************************
	お買物ガイド
***********************************/
.indexList2{display: block;}
.indexList li{
	padding: 3px 5px;
	font-size: 12px;
}
.guideBlock{
        padding-top: 0;
        maergin-top: 30px;
}

/***********************************
	ご利用ガイド
***********************************/
.f_guide{margin-top: 30px;}
.f_guide .sysContent{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.f_guide .Title{
	font-size: 20px;
	text-align: center;	
	padding: 20px 0 0px;
}
.f_guide .guideBlock{
	width: 95%;
	margin: 50px 2.5%;
	display: block;
	padding: 30px 0px 5px;
	border: 1px solid #424242;
	border-radius: 10px;
	position: relative;
}
.f_guide .guide01{padding-right: 0px;}
.f_guide .guide02{padding-left: 0px;}
.f_guide .guideTitle{
	width: 200px;
	margin: auto;
	text-align: center;
	margin-bottom: 10px;
	position: absolute;
	top: -15px; left:0; right: 0;
	background: #fff;
	font-size: 15px;
}
.f_guide p{
	font-size: 15px;
	line-height: 20px;
	margin: 5px 0  !important;
	text-align: left;
        padding: 0 10px 0 15px;
}
.f_guide img{width: 100%;}
.f_guide .mt{margin-top: 10px;}
.f_guide .smaller{font-size: 12px;}
.f_guide a.f_guide_btn{
	margin: 20px auto;
	float: none;
}
.f_guide .freedial{
	font-size:30px;
}

.creafix{
    overflow: hidden;
}
.jp {
    width: 100%;
    margin: 0 0 50px 0;
    float: none;
}
.sagawa {
    width: 100%;
    float: none;
}
.what_girls_hakamaimg{
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
    clear: both; 
    display: block;
}
.what_girls_hakamaimg img{
width: 100%;
}
/* カート内商品数表示*/
button.itemCount2{
        display: none;
	position: absolute;
	bottom: 0px;
	right: 0px;
	background: rgba(207,15,42,0.9);
	border:none;
	width: 18px;
	height: 18px;
	border-radius: 10px;
	text-align: center;
	line-height: 15px;
	font-size: 10px;
	color: #fff;
	font-weight: bold;
}
/*商品購入ステップ*/
.steps ul{width: 350px;}
.steps li{
	float: left;
	padding: 0 6px;
	height: 150px;
}
.steps li a{height: 150px !important;}
.steps li img{height: 150px;}
@media screen and (max-width: 350px){
/*商品購入ステップ*/
.steps ul{width: 275px;}
.steps li{
	float: left;
	padding: 0 2px;
	height: 100px;
}
.steps li a{height: 100px !important;}
.steps li img{height: 100px;}
}
/* 決済ページ*/
#sysPayment #sysWrap,
#sysConfirm #sysWrap,
#sysThanks #sysWrap,
#sysCartError #sysMain{
         width: 95% !important;
        margin-left: 2.5%;
}
#sysBillingAddress form{
        width: 95%;
        padding: 30px 20px;
        margin: 0 auto;
}
#sysPayment #sysMain .sysFormLabel{line-height: 10px;}
#sysDestination #sysMain{
           width: 95%;
            border: 1px solid #aaa;
            padding: 20px 20px !important;
            margin: 30px auto;
}

/***********************************
	マイページ
***********************************/
.sysMypage .sysMypageNav form{width: 100% !important;}

/***********************************
	新規会員登録
***********************************/
#sysMemberRegisterIndex .sysNextSubmit{
        width: 100%;
         float: none;
         margin-right: 0%;
         border-radius: 5px;
         height: 50px; 
         font-size: 15px;
}
#sysMemberRegisterIndex .sysButton[type="submit"]{
         width: 100%;
         float: none;
        margin-right: 0%;
        border-radius: 5px;
        height: 50px;
        font-size: 15px;
        margin-top: 0px;
}
#sysMypageLogin .sysLoginButton{
        width: 100%;
        float:none;
        margin-right: 0%;
}
#sysMypageLogin .sysButton{
        width: 100%;
        margin-left: 0%;
        margin-top: 0px;
}

/***********************************
	カートページ
***********************************/
/*ドメイン*/
.sysAcceptDomainArea .sysAcceptDomain a{
	padding:0;
	font-size:10px;
}

/***********************************
	ボタンデザイン
***********************************/
.common_btn{
	margin: 20px auto 30px;
}

/***********************************
	TOPページ
***********************************/
/*.トップスライダー*/
#slideShow{height: 130px;}
.top_slider{
	padding-top:0;
	margin:120px auto 0;
}
.owl-dots .owl-dot {
	top:0;
}
.owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;}

.owl-nav [class*=owl-] {
	margin-top: -25px;
	width: 15px !important;
	height: 28px !important;
}
.owl-nav .owl-prev{
	left:20%;
	background: url(/img/common/controls.png) no-repeat 0 0;
	background-size:30px !important;
}
.owl-nav .owl-next{
	right:20%;
	background: url(/img/common/controls.png) no-repeat -15px 0;
	background-size:30px !important;
}
.owl-nav .owl-prev:hover {
	background-position: 0 0;
}
.owl-nav .owl-next:hover {
	background-position: -15px 0;
}

/*新着アイテム*/
.top_newarrival li{
	width: 30% !important;
	margin: 0 1.5% 30px !important;
	padding:0 !important;
}
.top_newarrival li .sysItemName{
	padding-top:0;
}
.top_newarrival li .sysItemPrice{
	font-size:12px;
}

/*特集一覧*/
.top_features{
	overflow:hidden;
}
.top_recommend_item ul{
	font-size:0;
	text-align:left;
}
.top_features li{
	width: 46%;
	margin: 2%;
}
.top_features li:nth-child(1),
.top_features li:nth-child(2){
	position:relative;
	z-index:10;
	width:96%;
}
.top_features li:nth-child(1) p,
.top_features li:nth-child(2) p{/*スタイル変更　コメントアウト*/
	/*position:absolute;
	left:0;
	bottom:0;
	z-index:15;
	margin:0;
	padding:10px;
	background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;*/
}
/*下層ページ　特集一覧*/
.features_list li{
        width: 90%;
        height: auto;
        margin: 0 auto 50px;
}
.features_list li img{
        display: block;
}


/*おすすめ商品、ランキング*/
.top_ranking_item li{
	width: 30% !important;
	margin: 0 1.5% 30px !important;
	padding:0 !important;
}
.top_recommend_item li .sysItemName,
.top_ranking_item li .sysItemName{
	padding-top:0;
}
.top_recommend_item li .sysItemPrice,
.top_ranking_item li .sysItemPrice{
	font-size:12px;
}
.top_recommend_item li .sysCartButton,
.top_ranking_item li .sysCartButton{
	width:100%;
	font-size:10px;
	letter-spacing:-1px;
}

/*おすすめ商品*/
.top_recommend_item li{
	padding:5px !important;
}
/*袴を着付けるにあたってのポイント*/
/*ヘアスタイル一覧*/
.content_box_inner{
        width: 100%;
        float: none;
        margin: 20px 0 20px;
}

.content_box_inner .hairstyle{
        width: 100%;
        height: 450px;
        float: none;
        margin: 20px 0 20px;
}

.content.hair_style ul li {
    width: 100%;
}

.content.hair_style ul li img {
    width: 100%;
}

/*マナーや気を付けること*/
.manners .content_box_inner{
       width: 90%;
       margin: 20px auto;
       float: none;
}
.manners .content_box_inner{
       overflow: hidden;
}
.manners .content_box_inner img{
       width: 100%;
       height: auto;
       display: block;
       float: none;
}
.manners .content_box_inner p{
       width: 100%;
       float: none;
       padding: 0px;
}

/*コンテンツ選ばれる理由*/


/*返却について*/
.sp_block{
        display: block;
}

/*TOP ガールズハカマchoice*/
.catch{
        margin: 0 0 10px 0;
}
.catch2 p{
        padding: 0 20px;
}
.catch h3{
        width: 100%;
        margin: 0 0 20px 0;
}
.catch h3 img{
        display: block;
        margin: 0 auto;
}
.catch p{
        width: 100%;
        margin: 0;
        padding: 0 20px 0;
}

.ghtop_img li img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    margin-top: 110px;
}

.the_best_graduation {
    margin-top: 13px;
    text-align: center;
    background: #e6e6e6;
        color: #BF1313;
    line-height: 1.5em;
}

.what_girlshakama {
    margin-top: 21px;
}

.spmypage {
    position: absolute;
    top: 10px;
    right: 37px;
    display: none;
}
.menuSPlist p{
    margin-top:10px;
    text-align:center;
    color:#000;
}
.menuSPlist ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 3px;
width:100%;
}

.menuSPlist li {
    width: 80px;
}

.wgh_txt2 {
    padding: 15px;
}

.wgh_txt1 {
    padding: 15px;
}

.wgh_img ul li {
    max-width: 168px;
}

.wgh_img ul {
    justify-content: space-evenly;
}

.content.manners .text {
    margin: 20px;
}

.sp_top li img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    margin-top: 109px;
}

.content.kituke_flow h2 {
    width: auto;
}

h3#manner {
    margin: 0px 0px 0px 0px;
}

.new_arrival p:before {
    content: '新着アイテム';
    position: absolute;
    font-size: 15px;
    top: 19px;
    left: 123px;
    font-family: serif;
}

.new_arrival p {
margin-top:31px;
}


.overlay.active{
    width: 100%;
    height: 100%;
    background: rgb(0,0,0,0.3);
    z-index: 1;
    position: fixed;
}
.mini-sidebar.active {
    transform: translateX(290px);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.165,0.84,0.44,1);
    transition: transform 0.4s cubic-bezier(0.165,0.84,0.44,1);
}

.main-slidebar{
    padding: 40px 30px;
}
.sideheader header nav ul li {
    margin: 5.5vw 0;
}
.sideheader header h1 {
    padding: 1.2vw 0;
    width: 170px;
}

/* 共通 */
.pagettl{
	width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.5rem;
    border-bottom: 1px solid #eee;
    color: #bebcbc;
}


/* ヘッダー
 *----------------------------------------------------------------------*/
.mini-sidebar{
	position: relative;
}
header{
	width: 100%;
	position: fixed !important;
	z-index: 9999999;
}
/* header.active{
	background: white;
	height: 50px;
} */

/* ロゴ */
.logo-mini{
	display: none !important;
	height: 50px;
    justify-content: center;
    align-items: center;
}
.logo-mini.spactive{
	display: flex !important;
}
.logo-mini a{
	writing-mode: initial;
    color: #bebcbc;
	font-size: 6vw;
}

/* ハンバーガー */
.ham-icon{
	top: -3px;
    left: 0;
	z-index: 9999;
}
.ham-icon .hamburger.active span{ background: white; }
.ham-icon .hamburger.active span:nth-child(1){
	top: 29px;
	left: 17px;
}
.ham-icon .hamburger.active span:nth-of-type(3){ display: none; }
.ham-icon .hamburger span{
	left: 17px;
	width: 30px;
	background: #bebcbc;
}
.ham-icon .hamburger span:nth-of-type(1) {
    top: 18px;
}
.ham-icon .hamburger span:nth-of-type(2) {
    top: 29px;
}
.ham-icon .hamburger span:nth-of-type(3) {
    top: 40px;
}

/* カートボタン */
.cartBtn{
	position: absolute;
    z-index: 9999;
    width: 20px;
    right: 20px;
    height: 50px;
    align-items: center;
    display: flex;
}


/* メインビジュアル
 *----------------------------------------------------------------------*/
.mini-sidebar{
    width: initial !important;
	height: initial !important;
    z-index: 999;
}
.topMain .inner-wrap{
    flex-wrap: wrap-reverse;
}
.topMain .inner-wrap>div {
    width: 100%;
    height: 50vh;
}
.about .in-txt .catchcopy {
    font-size: 7vw;
    font-weight: 600;
    letter-spacing: 0.5rem;
}
.about .bg-ttl {
    font-size: 19vw !important;
    bottom: 32% !important;
    line-height: 1;
    left: -1% !important;
    top: initial !important;
}

/* コラムスライダー
 *----------------------------------------------------------------------*/
.feature .slick-slider{ margin-left: 10px; }
.feature .slick-slide{ margin: 0 2.5vw; }
.feature .slick-list{ padding: 0 30% 0 0!important; }

/* スライダー矢印 */
.slide-arrow.prev-arrow.slick-arrow{
    position: absolute;
    top: -12%;
    width: 10vw;
    right: 20%;
}
.slide-arrow.next-arrow.slick-arrow{
    position: absolute;
    top: -12%;
    width: 10vw;
    right: 5%;
}

/* インフォメーション
 *----------------------------------------------------------------------*/
 .sysFuncInformation.information{
    flex-wrap: wrap;
}
.sysFuncInformation.information .sysContent {
    padding-left: 5vw !important;
	width: 95%;
}
.information ul li a{ 
	font-size: 1.3rem;
	padding: 3.2vw 0;
}
.sysFuncInformation.information {
    padding: 0 0 10vw 0;
	margin: 15vw 0;
}
/* PICK UP HAKAMA
 *----------------------------------------------------------------------*/
.pickup .sysItemBlock .sysHorizontal{
	margin: 0 5px;
}
.pickup .sysContent .sysHorizontal li{
	width: 50%;
}

/* RANKING
 *----------------------------------------------------------------------*/
.sliderArea_rank .slick-slide ._no {
    top: -3vw;
    left: -2vw;
    width: 11vw;
}
.sliderArea_rank { margin: 5vw 0 0 6.5vw; }

/* CATEGORY
 *----------------------------------------------------------------------*/
.categoryList .inner-wrap {
    grid-template-rows: 30vw 30vw 30vw 30vw;
    grid-template-columns: 1fr 1fr;
    column-gap: 7px;
    row-gap: 7px;
}
.categoryList .inner-wrap #category {
    grid-row: 1 / 3;
    grid-column: 1 / 3;
    background: url(/img/top/hakamastyle.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.categoryList .inner-wrap #koten {
    grid-row: 3 / 4;
    grid-column: 1 / 2;
    background: url(/img/top/koten.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.categoryList .inner-wrap #retromodern {
    grid-row: 3 / 4;
    grid-column: 2 / 3;
    background: url(/img/top/retromodern.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.categoryList .inner-wrap #girly {
    grid-row: 4 / 5;
    grid-column: 1 / 2;
    background: url(/img/top/girly.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.categoryList .inner-wrap #cool {
    grid-row: 4 / 5;
    grid-column: 2 / 3;
    background: url(/img/top/cool.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

/* カラー＋価格 */
.categoryList .underList{
	flex-wrap: wrap;
	margin: 3vw 2vw;
}
.categoryList .underList div:nth-of-type(1),
.categoryList .underList div:nth-of-type(n+2)
{
	width: 100%;
}

/* カラー */
.categoryList .underList .colorList a{ padding: 2.5vw; }
.categoryList .underList .colorList a span {
    display: block;
    width: 10vw;
    height: 10vw;
    margin-right: 2.5vw;
}
.categoryList .underList .priceList li a, .categoryList .underList .styleList li a {
    padding: 3.5vw;
}
.categoryList .underList .priceList,
.categoryList .underList .styleList{ margin-top: -5vw; }

.categoryList .underList div:nth-of-type(n+2){ margin: initial; }
.categoryList .underList div:nth-of-type(3){display: none;}

/* 矢印 */
.categoryList .underList h3{ position: relative; }
.categoryList .underList h3:before {
    content: "";
    width: 2vw;
    height: 2vw;
    margin-top: -2px;
    border-top: 1px solid #888;
    border-right: 1px solid #888;
    position: absolute;
    top: 30%;
    right: 7%;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.categoryList .underList h3.active:before {
    content: "";
    width: 2vw;
    height: 2vw;
    margin-top: -2px;
    border-top: 1px solid #888;
    border-right: 1px solid #888;
    position: absolute;
    top:35%;
    right: 7%;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

/* コラムリスト
 *----------------------------------------------------------------------*/
 .topColumn .sysContent ul{
	 margin: 0 1.5vw;
 }
.topColumn .sysContent ul li:nth-of-type(1){ width: 100%; }
.topColumn .sysContent ul li:nth-of-type(n+2){ 
	width: 50%;
	padding: 0 1vw;
}

/* コラムリスト
 *----------------------------------------------------------------------*/
.instaFeed .instagram{
	justify-content: center;
}
.instaFeed .instagram div{ width: 33%; }
.instaFeed .instagram div img {
    width: 30vw;
    height: 30vw;
}
/* レンタルの流れ
 *----------------------------------------------------------------------*/
.flowTop .inner-wrap ul{
	flex-wrap: wrap;
}
.flowTop .inner-wrap ul li{
	width: 50%;
}

.flowTop .inner-wrap ul li div:nth-of-type(1) {
    width: 15vw;
    height: 15vw;
    margin: 4vw auto;
}
.flowTop .inner-wrap ul li div:nth-of-type(2){
	font-size: 0.8rem;
}

/* フッター
 *----------------------------------------------------------------------*/
.footerNavi .inner-contents {
    padding: 10vw 3vw;
    flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.footerNavi .inner-contents .footer-logo {
    width: 30%;
}
.footerNavi .inner-contents nav{
	width: 70%;
	padding-left: 2vw;
}
.footerNavi .inner-contents .icon-list div {
    width: 7vw;
    height: 7vw;
    margin: 8vw 4vw;
}

/* ボタン類
 *----------------------------------------------------------------------*/
.allItem{ width: 90%; }
.allItem a{ padding: 8px; }

/* 検索ページ
 *----------------------------------------------------------------------*/
.selectArea div{ margin: 0.9vw 0; }
#sysItemSearch #sysMain .sysSearchButton{
	width: 100% !important;
	padding: 1.5vw !important;
}
#sysItemSearch .sysFreeArea{
	flex-wrap: wrap;
}
#sysItemSearch .sysFreeArea .selectArea{
	flex-wrap: wrap;
	width: 100%;
}
.sysItemList ul.sysList{ margin: 0 2vw; }
.sysItemList ul.sysList li{ width: 49.0%; }


/* コラムページ
 *----------------------------------------------------------------------*/
.columCategory .sysContent ul{
	flex-wrap: wrap;
}
.columCategory .sysContent ul li{
	margin: 2vw;
}
.columCategory .sysContent ul li a{
	padding: 0.9vw 4vw;
}
.featuresList .sysContent ul, 
.coordination .sysContent ul, 
.hairmake .sysContent ul, 
.knowledge .sysContent ul, 
.other .sysContent ul{
	margin: 0 2.5vw;
	min-height: initial !important;
}
.featuresList .sysContent ul li, 
.coordination .sysContent ul li, 
.hairmake .sysContent ul li, 
.knowledge .sysContent ul li, 
.other .sysContent ul li{
	width: 50%;
	padding: 0 2.5vw;
}
.featuresText {
    line-height: 2.2rem;
    font-size: 1.2rem;
	margin: 2.5vw 0 4vw;
}
.holder{
	margin-top: 10vw;
}

.holder a {
    padding: 1vw 3vw;
	margin: 0 1.8vw;
}


/* フッター
 *----------------------------------------------------------------------*/
 footer{
     font-size: 2.5vw;
 }
.footerCompany{
    margin: 3vw 6vw !important;
}
.footerCompany div {
    width: 28% !important;
}
.footerCompany p {
    margin: initial;
    line-height: 2rem;
}
.footer_nav .inner ul.sns-menu li {
    width: 50px !important;
    height: 50px !important;
    margin: 3vw 20px !important;
}

/* 検索
 *----------------------------------------------------------------------*/
.sysFreeArea form{
	flex-wrap: wrap;
	margin: 3vw 6vw 2vw !important;
}
.sysFreeArea .selectArea{
	width: 100% !important;
	flex-wrap: wrap;
}
#sysItemCategory input[type=submit]{
	width: 100% !important;
	margin: 30px 0;
}
.sysItemListDisp div{
	float: none;
	text-align: center;
	padding: 20px;
	font-size: 15px;
}


  /* 商品詳細 */
  #sysAll #sysWrap #sysMain article > div.sysBlock{
    flex-wrap: wrap;
  }
  #sysAll #sysWrap #sysMain article > div.sysBlock > div.sysBlock{
    width: 100%;
	padding: 0 20px;
  }
  #sysAll #sysWrap #sysMain article > div.sysBlock > div.sysBlock:nth-of-type(2){
    width: 100%;
    padding: 20px;
  }
  #sysItemDetail .sysItemImages{
	padding: initial;
}
.subHeadline:before{
	width: 40%;
}
#sysItemDetail .item-opshon-K{
    margin: 0 auto;
}
#sysItemDetail .item-opshon-K h2{
	padding: 10px 0;
    font-weight: 900;
    width: 90%;
    margin: 10px auto 20px;
}
#sysItemDetail .item-opshon-K .rental > p{
    width: 90%;
    margin: 0 auto 25px;
}
.sysRentalSchedulesCalendars{ width: initial; }
#sysBasket .sysHeadline{ text-align: center; }

/* #sysItemCategory #sysMain,
#sysItemSearch #sysMain,
#sysItemDetail #sysMain{
	padding-top: 150px !important;
} */
#sysItemSearch #sysMain .sysItemSearchForm{
	display: none;
}
.sysFreeArea .searchbox{
	display: none;
}

/* 検索結果 */
#sysItemSearch #sysMain > h2{
	text-align: center;
    font-size: 2rem;
    padding: 30px 0 0 0;
}

/* プライバシーポリシー */
.p-privacy .inner-box{
    margin: 40px auto;
    font-size: 11px;
}
.privacyBox h2{
    font-size: 18px;
}
/* サイトマップ */
.sm_list .parents{
    flex-wrap: wrap;
}
.sm_list > ul > li {
    padding: 20px 0;
}
.sm_list .parents > div{
    flex: 1 1 100%;
    padding: 20px 0;
    border-bottom: 1px solid #dedede;
}
.sm_list .parents > ul{
    flex: 0 0 80%;
    margin: 0 0 0 20%;
}
.sm_list .parents > ul > li{
    padding: 20px 0;
}
#sysFormConfirm .sysNextSubmit{
    width:68%;
}

/* コラム詳細
 *----------------------------------------------------------------------*/
.column_area{
	flex: 0 0 100%;
    max-width: 100%;
    padding: 0 5vw;
}
/* サイドカテゴリ */
.columside_22{
	max-width: 100%;
    flex: 0 0 100%;
    margin: auto;
    padding: 5vw;
}
.columside_22 .sysHeadline{
	width: 100%;
	margin: 30px 0 0 !important;
}
/* 本文 */
.ct-head > h1{
	font-size: 18px;
}
.ct-post > p{
	font-size: 12px;
}
.ct-post > h2{
	font-size: 16px;
}
.ct-post > h3{
	font-size: 14px;
}
#toc ol {
    font-size: 12px;
}
#toc > p{
    font-size: 15px;
}
.c-breadcrumbs{
	font-size: 10px;
}
#js-pagetop {
    bottom: 20px;
    right: 25px;
}
/* ガールズハカマ　スマホ用CSS */
}
@media screen and (min-width:769px) and (max-width:769px){
.sysDisplayTabletNone{
	display:none !important;
}

/* 20-0 Only Tablet
 *----------------------------------------------------------------------*/
#sysWrap{margin-top:120px;} 
div#sysMain,div#sysAside{
	width: 100% !important;
	float: none;
}
.sysMypage #sysWrap,
.sysMemberRegister #sysWrap{
	margin: 130px auto 0;
}
#sysFormIndex div#sysMain,
#sysFormConfirm div#sysMain,
#sysFormThanks div#sysMain,
.sysMypage div#sysMain,
.sysMemberRegister #sysMain,
#sysItemSearch div#sysMain{
        width: 95% !important;
        margin: 30px auto;
        padding: 20px !important;
}
.sysCart #sysMain{
	 width: 95% !important;
    margin: 0 auto;
	padding: 20px;
}
.sysFormField label{display: block;}

/* 決済ページ*/
#sysPayment #sysWrap,
#sysConfirm #sysWrap,
#sysThanks #sysWrap,
#sysCartError #sysMain{
         width: 95% !important;
        margin-left: 2.5%;
}
#sysPayment #sysMain .sysFormLabel{line-height: 10px;}
#sysBillingAddress form{
        width: 95%;
        padding: 30px 20px;
        margin: 0 auto;
}
#sysDestination #sysMain{
           width: 95%;
            border: 1px solid #aaa;
            padding: 20px 20px !important;
            margin: 30px auto;
}
/*header検索ボックス*/
.h_search{
	margin-top:100px;
}

/***********************************
	商品詳細ページ
***********************************/
#sysItemCategory #sysMain{padding:  30px 20px;}
#sysItemCategory input[type=submit]{margin-top: 0px;}
#sysItemDetail #sysMain {
    width: 95% !important;
}
#sysItemDetail .sysCategoryPankuzu {
	margin-bottom: 20px;
}
#sysItemDetail .sysItemName h1 {
	font-size: 15px;
}
#sysItemDetail .sysItemId {
	margin: 0 0 10px 0 !important;
	text-align: left !important;
}
#sysItemDetail .sysMainImage {
	max-width: 700px;
	margin: 0 auto;
}
#sysItemDetail .sysImageList {
	max-width: 700px;
	margin: 0 auto 20px;
}
#sysItemDetail .sysImageList li {
	display: inline-block;
	max-width: 60px;
	line-height: 0;
}
#sysItemDetail .sysReview,
#sysItemDetail .description_left,
#sysItemDetail .sysDescription,
#sysItemDetail .sysForm,
#sysItemDetail .sysRetailPrice,
#sysItemDetail .sysImageDescription {
	max-width: 700px;
	margin: 0 auto 10px auto !important;
}
#sysItemDetail .sysForm select {
	min-width: 350px;
	display: inline-block;
	float: none!important;
}
#sysItemDetail #sysNumber{text-align:right;}
.sysItemPrArea span{
        width: 48%;
        font-size: 14px;
}
.sysPr span{font-size: 10px;}

/*旧サイトデザイン*/
.standard .standard_photo {
    width: 90%;
    height: auto;
    float: none;
    margin: 20px auto　20px;
}
.standard .standard_contents {
    margin-top: 20px;
    width: 100%;
    float: none;
    margin: 0 auto;
}
.standard .standard_contents .clearfix .set_image {
    width: 20%;
    float: left;
}

/***********************************
	ヘッダー
***********************************/
.header_wrap{
	position: fixed;
	height: 120px;
	top: 0px; left: 0; right: 0;
	margin: auto;
	background: #fff;
	z-index: 120;
}
#sysHeader{
	width: 100%;
	margin: 0px auto;
}
.h_inner{margin: 0px 0 0;}
.header_h1_under, .header_h1{
	width: 100%;
	height: 20px;
	float: none;
	text-align: center;
	background: #ededed;
}
.header_h1_under a, .header_h1 a{
	display: none;
}
.head_title{
	font-size: 10px;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	letter-spacing: 1px;
}
.header_sp{
	width: 95%;
	margin: 0 2.5%;
	position: relative;
	text-align: center;
}
.header_sp #navBtn{
	position: absolute;
	top: 10px; left: 0;
}
.header_sp .spCart{
	position: absolute;
	top: 10px; right: 0;
}
.header_sp #navBtn img, .header_sp .spCart img{
	width: 40px;
	height: 40px;
}
.header_sp .spLogo img{
	width: 180px;
	margin-top: 15px;
}

/***********************************
	カート情報
***********************************/
#cartInfo{display: none;}

/***********************************
	ナビゲーション
***********************************/
#headNavigation{
        display: none;
}
#headNavigation .pcnone{display: block;}
#headNavigation .spnone{display: none;}
#headNavigation li.active{background: #fff;}
.h_navi{
	width: 100%;
	height: 40px;
}
#headNavigation li.tab1{
        width: 25%;
		margin-top:10px;
}
#headNavigation li.tab1 a{
        font-size: 12px;
        color: #fff;/*20171005追加*/
        line-height: 45px;/*20171005追加*/
        position: relative;
}
/*ナビゲーショントグル*/
.toggleNav{
	display: none;
	width: 100%;
	position: absolute;
	height: 0px; /*heightはjs制御*/
	top: 39px; left:0;
	z-index: 110;
         background: rgba(0,0,0,0);
	box-shadow:0px 0px 0px 0px #ccc;
	-moz-box-shadow:0px 0px 0px 0px #ccc;
	-webkit-box-shadow:0px 0px 0px 0px #ccc;
}
.toggleNav:hover{overflow: visible !important;}
#headNavigation ul.tab{
        position: relative;
}
.tabmenu .border:after{
	content:none;
}
.tabmenu li.tab1{
	position: static;
	border-right:1px solid #fff;/*20171013変更　#000 > #fff*/
}
.tabmenu li.tab1:nth-child(4){
	border-right:none;
}
.tabmenu li.tab1{position: static;}
.tabmenu li.tab1 a{font-size:14px;}
.tabmenu ul:after{
    display: block;
    content: "";
    clear: both;
}
.tabmenu li.tab2{
	width: 100%;
	height:auto;
	text-align: left;
	line-height:1;
	font-size: 18px;
	border-bottom: 1px dotted #ddd;
	position: relative;
	background: rgba(255,255,255,1);
}
.tabmenu li.tab2 a{
	display: block;
	position: relative;
	padding: 5px 15px;
	font-size: 14px !important;
	line-height: 40px !important;
    font-weight: bold;
}
#headNavigation li.tab2 a:after{display: none;}
.tabmenu li.tab2 a i{
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top:-7px;
}

.h_spnavi{
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0px; left: 0;
	background: rgba(220,220,220,0.9);
	z-index: 150;
	color: #444;
	display:none;
    overflow: auto;
}
#spNaviWrap{
	position: absolute;
	width: 100%;
	height: 1400px;
	top: 0px; left: -100%;
	background: rgba(225,225,225,1);
	z-index:  200;
	padding: 80px 10px 50px;
       overflow: scroll;
}

/***********************************
	ログイン情報
***********************************/
.h_login{
        max-width: 700px;
        width: 90%;
        margin: 0 auto;
}
.h_login .sysHeadline{
	text-align: center;
	font-size: 25px;
    margin-botom: 10px;
}
.h_login .sysContent{text-align: center;}
.h_login .sysFormItem{margin-bottom: 10px;}
.h_login .sysFormLabel{
	display: block;
	font-size: 15px;
	height: 25px;
	text-align: left;
	margin-bottom: 0px;
}
.h_login .sysLoginButton{
	width: 100%;
	margin: 15px 0%;
	border-radius: 0;
	border:1px solid #444;
	font-size: 15px;
	height: 50px;
	line-height: 10px;
}
.h_login li{
	border:1px solid #444;
	margin-bottom: 15px;
	height: 50px;
	line-height: 45px;
	text-align: center;
}
.h_login li a{
	font-size: 15px;
	padding: 0px 5px 5px 0px;
}

/***********************************
	ナビゲーションメニュー
***********************************/
#closeMenu{
	position: absolute;
	top: 15px; left: 15px;
	font-size: 20px;
}
#closeMenu span{
        font-size: 15px;
        margin: 0 10px;
        display: inline-block;
}
#closeMenu2{
        text-align: center;
        margin: 20px 0;
        border: 1px solid #aaa;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
}
#closeMenu2 span{
        display: inline-block;
        margin: 0 10px;
}
#spNavMenu .navTitle{
	text-align: center;
	font-size: 25px;
	font-weight: bold;
}
#spNavMenu{
        max-width: 800px;
        margin: 80px auto 0;
        width: 90%;
}
#spNavMenu .spMenuList{
	height: auto;
	line-height: 40px;
	font-size: 15px;
	position: relative;
	border-bottom: 1px solid #aaa;
}
#spNavMenu .spMenuList i{
	position: absolute;
	line-height: 40px;
	right: 10px;
	font-size: 18px;
}
#spNavMenu .spMenuList a{
        display: block;
	padding-left: 15px;
}
#spNavMenu .spToggleNav{
	height: 200px;/*20171013変更コメントアウト*/
	overflow: hidden;
}
#spNavMenu .spToggleNav li{
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	border-bottom: 1px dotted #aaa;
}
#spNavMenu .spToggleNav li:first-child{border-top: 1px solid #aaa}
#spNavMenu .spToggleNav li:last-child{border-bottom: 0;}

/***********************************
	フッター
***********************************/
.footer .f_gnav_all{
	/*background: #c3c3c3;*/
	background: #000;
	padding: 0px 0 0px;
	letter-spacing: 2px;
	text-align: left;
}
.footer .f_gnav ul:after{
	display: block;
	content: "";
	clear: both;
}
.footer .f_gnav{
	width:100%;
	border-top: 1px solid #444;
	margin-bottom:0;
	overflow: hidden;
}
.footer .f_gnav li{
	width: 50%;
	float: left;
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0px 0px 0 15px;
	font-size: 12px;
	position: relative;
	border-bottom: 1px solid #444;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.footer .f_gnav li i{
	position: absolute;
	font-size: 20px;
	line-height: 30px;
	right: 10px; top: 5px;
}
.footer .f_gnav li:nth-child(even){
	border-left: 1px solid #444;
}
.footer .f_gnav li:last-child{
	width:100%;
}
.footer .f_gnav li a{display: block;}
.footer .f_gnav .sp_wide{
	width: 100%;
	height: 35px;
	border-bottom: 0px;
}
.footer .f_gnav li:after{width: 0px;}
.footer .f_gnav a{
	color: #fff;
}
/***********************************
	サイド
***********************************/
.side_search{
	width:95%;
	margin:0 auto 30px;
}
.side_navi_item,
.side_navi{
	width:95%;
	margin:0 auto;
}
.side_navi ul li.sysText a{
	padding:10px 5px !important;
}
.side_navi_item .sysHeadline,
.side_navi_item .sysContent{
	width:100% !important;
	margin:0 auto !important;
}
.side_navi_item .sysContent li,
.side_navi .sysContent li{
	float:left !important;
	width:50% !important;
}
.side_navi_1{
	border-top:1px solid #000;
}

/***********************************
	共通パーツ
***********************************/
.sysTitle{
	width: 600px;
	margin: 50px auto!important;
	position: relative;
	text-align: center;
	font-size: 20px;
	letter-spacing: auto;
}
.sysTitle b{
	display: block;
	font-size: 15px;
	text-align: center;
	margin-top: 5px;
}
.sysTitle span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 40px;
	background-color: #fff;
	text-align: center;
	font-weight: bold;
}
.sysTitle::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #222222;
}

.contentsWrap{
	width: 90%;
	margin: 0 auto;
}

/***********************************
	商法テーブルレイアウト
***********************************/
.p-law .sysTitle{max-width: 600px;}
.p-law .sysTitle span {
	font-size: 22px;
	padding: 0 40px;
}

#main_tradelaw{width: 90%;}
.shipFee{
	width: 90%;
	margin: 50px auto;
}
.shipFee h3{font-size: 16px;}
table.shipFeeTable .newLine{display: block;}
table.shipFeeTable tbody th {
	width: 500px;
	vertical-align: middle;
}
table.shipFeeTable td{
    width: 500px;
	font-size: 15px;
	vertical-align: middle;
}

/***********************************
	 フッター部分のご利用ガイド
***********************************/
.f_guide{margin-top: 50px;}
.f_guide .sysContent{width: 100%;}
.f_guide .Title{ 
	font-size: 15px;
	padding: 20px 0 30px;
}
.f_guide .guideBlock{
	width: 50%;
	padding: 0 2%;
	padding-bottom:30px;
}
.f_guide .guide01{padding-right: 20px;}
.f_guide .guide02{padding-left: 20px;}
.f_guide .freedial{
	font-size:30px;
}
.f_guide a{
	display:block;
	width:200px;
}

/***********************************
	カート内商品数表示
***********************************/
button.itemCount2{
        display:none;
	position: absolute;
	bottom: 0px;
	right: 0px;
	background: rgba(207,15,42,0.9);
	border:none;
	width: 18px;
	height: 18px;
	border-radius: 10px;
	text-align: center;
	line-height: 15px;
	font-size: 10px;
	color: #fff;
	font-weight: bold;
}
/***********************************
	商品購入ステップ
***********************************/
.steps ul{width: 550px;}
.steps li{
	float: left;
	padding: 0 2px;
	height: 180px;
}
.steps li a{height: 180px !important;}
.steps li img{height: 180px;}

/***********************************
	TOPページ
***********************************/
/*.トップスライダー*/
#slideShow{height: 190px;}

.top_slider{
	padding-top:0;
	margin-top:120px;
}


/*袴を着付けるにあたってのポイント(追加)*/
/*ヘアスタイル（追加）*/
.hair_style .content_box_inner,
.kituke_flow .content_box_inner{
        width: 48%;
        height: 450px;
        float: left;
        margin: 20px 3% 20px 0;
}
.hair_style .content_box_inner:nth-of-type(even),
.kituke_flow .content_box_inner:nth-of-type(even){
        margin-right: 0;
}
/*TOP ガールズハカマchoice*/
.catch{
        overflow: hidden;
        margin: 0 0 10px 0;
}
.catch2 p{
        padding: 0 20px;
}
.catch h3{
        width: 45%;
        float: left;
}
.catch h3 img{
        display: block;
        margin: 0 auto;
}
.catch p{
        width: 50%;
        margin: 0;
        padding: 0 20px 0;
        float: right;
}

.choice_list .sysContent .sysHorizontal{
        margin: 0 auto;
}
.choice_list .sysContent .sysHorizontal li{
        float: left;
        width: 23%;
        margin: 0 1% 0;
        padding: 5px;
}
.choice_list .sysContent .sysHorizontal{
        margin: 0 auto;
}
.choice_list .sysContent .sysHorizontal li{
        float: left;
        width: 23%;
        margin: 0 1% 0;
        padding: 5px;
}

/*下層ページ　特集一覧*/
.features_list{
        overflow: hidden;
}
.features_list li{
        width: 45%;
        height: 400px;
        margin: 1.6% 1.6% 50px 1.6%;
        position: relative;
}
.features_list li img{
        display: block;
        position: absolute;
        bottom: 0;
}
.features_list li:nth-of-type(odd){
        float: left;
}
.features_list li:nth-of-type(even){
        float: right;
}
}
@media screen and (min-width:770px){
/*====================================================
 2021年度 改修オープン（2021.07.01〜）
====================================================*/

.pc-none{ display: none; }
/* TOPページ
-----------------------------------------*/
/*
 * 基本設定
 */
/* ヘッダーとメインは横並びにする（入れ替え時に#renewalは外す） */
#sysAll{
    display: flex;
    flex-wrap: wrap;
}
.sysDisplayPcNone{
	display:none !important;
}
.hair_style .content_box_inner:nth-of-type(3n+3),
.kituke_flow .content_box_inner:nth-of-type(3n+3){
        margin-right: 0;
}
/*TOP ガールズハカマchoice*/
.catch{
        overflow: hidden;
        margin: 0 0 10px 0;
}
.catch2 p{
        padding: 0 20px;
}
.catch h3{
        width: 45%;
        float: left;
}
.catch h3 img{
        display: block;
        margin: 0 auto;
}
.catch p{
        width: 50%;
        margin: 0;
        padding: 0 20px 0;
        float: right;
}

.choice_list .sysContent .sysHorizontal{
        margin: 0 auto;
}
.choice_list .sysContent .sysHorizontal li{
        float: left;
        width: 23%;
        margin: 0 1% 0;
        padding: 5px;
}

/*下層ページ　特集一覧*/
.features_list{
        overflow: hidden;
}
.features_list li{
        width: 45%;
        min-height: 380px;
        margin: 1.6% 1.6% 50px 1.6%;
        position: relative;
}
.features_list li img{
        display: block;
        position: absolute;
        bottom: 0;
}
.features_list li:nth-of-type(odd){
        float: left;
}
.features_list li:nth-of-type(even){
        float: right;
}

.top_features li:first-child {
    width: 100%;
}

li#b-back {
    background: #998675;
    width: 440px;
    height: 600px;
}

li#b-back img {
    padding-top: 230px;
    width: 357px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

li#b-back p {
    text-align: center;
    font-family: 'Yu Gothic';
    font-weight: bold;
    font-size: x-large;
    margin-top: 30px;
    padding-top: 18px;
    padding-bottom: 20px;
    border-top: solid 1px;
    border-bottom: solid 1px;
    width: 345px;
    color: white;
}

li#empty {
    width: 660px;
    background: #9e9e9e36;
}

li#side_color_box {
    float: left;
    width: 200px;
    height: 810px;
    display: block;
    background-color: #f2f2f2;
    margin-right: 20px;
}

.what_girls_hakamaimg {
    display: flex;
    justify-content: center;
}

.what_girls_hakamaimg img {
    width: 50%;
}

.wgh_img li img {
    width: 200px;
}

.wgh_txt1 {
    width: 767px;
    font-size: 15px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wgh_txt1 p {
    margin: 0;
}

.wgh_txt1 {
    width: 842px;
    font-size: 18px;
    display: flow-root;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

.wgh_txt2 {
    width: 827px;
    display: flow-root;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    font-size: 14px;
}

.new_arrival p:before {
    content: '新着アイテム';
    position: absolute;
    font-size: 15px;
    top: 19px;
    left: 238px;
    font-family: serif;
}

.header_wrap {
    position: unset;
}

.maintopimg {
    border-color: ;
    border-style: solid;
    border-radius: 0px;
    border-width: 0px;
    box-shadow: 0px 0px 0px grey;
    margin: 0 auto;
    width: 1100px;
}

/* div#sysAside {
    width: 180px;
} */

/* div#sysMain {
    float: right;
    width: 870px;
    margin: 0 auto;
    margin-left: 30px;
    padding: 0;
} */


.pick-up p {
    font-size: 41px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    margin-top: 70px;
    padding-top: 30px;
    position: relative;
}

.pick-up {
    width: max-content;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pick-up p:before {
    content: '特集';
    position: absolute;
    /* font-size: small; */
    /* font-family: serif; */
    font-size: 15px;
    top: 17px;
    left: 74px;
    font-family: serif;
}


.recommend p:before {
    content: 'おすすめ商品';
    position: absolute;
    font-size: 15px;
    top: 17px;
    left: 249px;
    font-family: serif;
}




.ranking p:before {
    content: '人気ランキング';
    position: absolute;
    font-size: 15px;
    top: 17px;
    left: 240px;
    font-family: serif;
}

.the_best_graduation {
    width: 1100px;
    text-align: center;
    background: #e6e6e6;
    color: #BF1313;
    line-height: 1.5em;
    position: absolute;
    top: 75px;
}

.girls-hakama a img {
    position: absolute;
    top: 0px;
    left: 26%;
    text-indent: -999px;
    z-index: 2;
}
.girls-hakama img {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.header_wrap .girls-hakama {
    width: 1100px;
}

ul.infomation {
    display: none;
}

.nav1 {
    display: flex;
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

ul.tab.clearfix {
    display: flex;
    width: fit-content;
    position: absolute;
    bottom: -93px;
}

ul.personal_page {
    position: absolute;
    right: 1px;
    top: 10px;
    display: flex;
}

ul.personal_page li:first-child {
    display: block;
    width: 30px;
}

ul.personal_page li:nth-child(2n) {
    display: block;
    width: 30px;
    margin-left: 5px;
    margin-right: 5px;
}

.new_arrival_kimono .sysContent .sysHorizontal li {
    float: left;
    width: 25%;
    padding: 10px;
}

.new_arrival_kimono .sysContent .sysHorizontal li .sysItemName {
    font-size: small;
}

.kituke_point {
    display: flex;
    flex-wrap: wrap;
}

.kituke_point_inner {
position:relative;
    width: 270px;
   margin-right: 20px;

}

.content.awasete ul {
    display: flex;
    flex-wrap: wrap;
}

.content.awasete li {
    width: 47%;
}

/* ヘッダー
-----------------------------------------*/

/* カテゴリ
-----------------------------------------*/
.categoryList .inner-wrap > a > div > p{
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  top: 50%;
  color: white;
  font-size: 3vw;
  text-align: center;
  font-family: 'Jost';
}
#koten,
#retromodern,
#girly,
#cool{
  position: relative;
  overflow: hidden;
}
#koten:before,
#retromodern:before,
#girly:before,
#cool:before{
  content: '';
  background: inherit;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  /* z-index: -1; */
}
/* インフォメーション
 *----------------------------------------------------------------------*/
 .sysFuncInformation.information{
    margin: 5vw 0;
    padding: 3.5vw 8vw;
}

.topColumn .sysContent ul li:last-of-type{ display: none; }

/* PICK UP HAKAMA
 *----------------------------------------------------------------------*/
.sysFuncItemBlock.pickup,
.sysFuncText.rankingTop,
.sysFuncText.categoryList,
.topColumn,.instaFeed
{
    margin: 9vw 6vw 0;
}

/* 商品詳細ページ
 *----------------------------------------------------------------------*/
.sysBlock.orderArea .sysItemName h1{
    text-align: left !important;
    padding: 0.3vw 0 !important;
    font-size: 2.5rem !important;
    border-bottom: none !important;
}

/* 商品一覧 */
#sysItemCategory .pagettl h2{
    text-align: center;
    padding: 1.5vw;
    font-size: 2.5rem;
    border-bottom: 1px solid #eee;
}
/* 商品検索結果 */
#sysItemSearch .sysList{
    margin: 0 5vw;
}

#itemContainer{
    margin: 0 6vw;
}

/*小物パックのバナー（河原）*/

/* .item-komono {
    width: 65%;
} */
.item-opshon-K p {
    font-size: 14px;
    margin-bottom: 20px;
    color: rgb(205, 50, 50);
}

.hakama_fitting_sheet2 table {
    width: 42%;
}

/* ヘッダー下部カートボタン */
.ham-icon .hamburger span{ background: white; }
.cartBtn{
    position: absolute;
    bottom: 35px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.cartBtn a{
    width: 75px;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    border: 1px solid #fff;
}
.cartBtn a img{
    width: 24px;
}
}
/* #END_OF_RESOURCE_FILE */