@charset "utf-8";

/*
*
* Templat BASIC form aishipR
*
* クラス値命名規則
* h:ヘッダー用  m:メイン用 s:サイドバー用 f:フッター用 p:汎用
*
* Table Of Content
*
* 1-0 ALL Setting
*   1-1 Webkit appearance 
*   1-2 Layout Setting 
* 2-0 Function Parts
*   2-1 Clearfix 
*   2-2 Holizontal Item Block 
*   2-3 Vertical Item Block 
*   2-4 Fachttps://admin.aispr.jp/ebook 
*   2-5 Button 
*   2-6 機能パーツ：商品カテゴリ 
*   2-7 グリッドナビ（スタイル:gridnav） 
*   2-8 非表示コンテンツ(FB/タグマネージャ等用) 
*   2-9 トグル機能アニメーション 
*   2-10 カテゴリ・商品詳細ページ 見出し部下線 
*   2-11 機能パーツ：テキスト 
*   2-12 見出し
*   2-13 Bootstrap Buttons UI kit
*   2-14 Responsive Grid System
* 3-0 Module
*   3-1 Header
*     3-1-1 サイトロゴ 
*     3-1-2 カート・マイページボタン 
*     3-1-3 ドロップダウンメニュー 
*     3-1-4 カート・ログインボタン 
*     3-1-5 メインメニュー
*     3-1-6 検索フォーム 
*   3-2 Main
*     3-2-1 Main IMAGE 
*     3-2-2 Half Banner 
*     3-2-3 PICK UP Item 
*     3-2-4 News & SNS 
*     3-2-5 ShopInformation 
*     3-2-6 Notice 
*   3-3 Aside
*     3-3-1 Aside Check List 
*     3-3-2 Aside Login Form & Search Form 
*     3-3-3 Aside Banner 
*     3-3-4 Aside Login Form 
*   3-4 Footer
*     3-4-1 Footer Site Map 
*     3-4-2 Page Top Btn 
*     3-4-3 CopyRight 
* 4-0 Page-Content
*   4-1 Archive Page 
*     4-1-1 Free Area 
*     4-1-2 Pankuzu List
*     4-1-3 Category View Mode 
*     4-1-4 Item PR Setting 
*     4-1-5 Cart Button 
*     4-1-6  Archive List Item 
*     4-1-7  Archive Thumbnail Item 
*   4-2 Item Page 
*     4-2-1 Item IMAGE 
*     4-2-2 Item Name  
*     4-2-3 Order Area 
*     4-2-4 Item Page Titile 
*     4-2-5 Item Explanation 
*     4-2-6 Item BuyForm 
*     4-2-7 System Button 
*     4-2-8 Item Text 
*     4-2-9 Item Gallary 
*     4-2-10 Review 
*   4-3 Free Page 
*     4-3-1 TOP PAGE 
*   4-4 Form Page 
*     4-4-1 Cart Button Reset 
*     4-4-2 Form Page 
*     4-4-3 Form Confirm Page 
*     4-4-4 Item Search Form
*   4-5 MyPage 
*     4-5-1 Mypage Index 
*     4-5-2 Member Profile Editor 
*   4-6 News
* 10-0 ALL Setting[ For SmartPhone ]
*   10-1 Header 
*     10-1-3 ドロップダウンメニュー 
*   12-2 Holizontal Item Block 
*     13-1-5 メインメニュー
*     13-2-2 Half Banner 
*     13-2-4 News & SNS 
*     13-2-5 ShopInformation 
*     13-4-1 Footer Site Map 
*     13-4-2 Page Top Btn 
*     14-1-2 Category Pankuzu 
*     14-1-7  Archive Thumbnail Item 
*     14-2-3 Order Area 
* 20-0 ALL Setting[ For Tablet ]
*   20-1 Header 
*     20-1-3 ドロップダウンメニュー 
*     23-3-3 Aside Banner 
*     23-4-2 Page Top Btn 
* 30-0 ALL Setting[ For PC ]
*   30-1 Header 
*     30-1-3 ドロップダウンメニュー 
*   32-9 トグル機能アニメーション 
*     33-3-1 Aside Check List 
*     34-4-1 Footer Site Map 
*     34-4-2 Page Top Btn
*/
body {
  display: none;
}

.setCollection {
  text-align: center;
}

.sysItemBlock {
  font-family: serif;
}

/* #top .sysFuncItemBlock.stylebook .sysHeadline, */
#top .sysFuncText.rank-satou .sysHeadline,
#top .sysFuncText.whyChosen .sysHeadline {
  margin-top: 50px;
  text-align: center;
  font-size: 40px;
  font-family: serif;
  color: #ebb7bd;
  position: relative;
  width: 90%;
  margin: auto;
}



#top .sysFuncText.whyChosen .sysHeadline {
  margin-top: 100px;
  margin-bottom: 10px;
}

.sysFuncInformation.news .sysHeadline {
  text-align: center !important;
}

/* 商品一覧 */
#sysItemCategory .sysItemList .sysItemName {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

#sysItemCategory .sysList {
  display: flex;
  flex-wrap: wrap;
}

#sysItemCategory .sysList>li {
  width: 33.3%;
}

/* View more ボタン */
.Top_viewmore {
  color: #fff;
  background-color: #ec6a90;
  width: 300px;
  border-radius: 100vh;
  margin: auto;
  font-weight: bold;
  font-size: 20px;
  margin-top: 20px;
}

.Top_viewmore a {
  padding: 10px;
}

.sysFuncText.whyChosen .sysContent .detail {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 28px;
  margin-right: 10px;
  margin: auto;
}

.sysFuncText.whyChosen .sysContent .detail div {
  width: 44%;
  border: solid #ECB8BD;
  height: 145px;
  margin-bottom: 24px;
  margin: 0 8px 8px 0;
}

.whyChosen .ttl {
  background: #ECB8BD;
  font-size: 18px;
  color: #E34068;
  font-weight: bold;
  height: 29px;
}


.whyChosen .ttl span {
  width: 25px;
  height: 25px;
  background: white;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  margin-right: 3px;
}


.whyChosen .dtl {
  padding: 5px;
  top: 25px;
  position: relative;
  font-size: 15px !important;
}

/* 
 * PC用アサイドメニュー
 * 2020.10.13
 */

/* カテゴリから探す */
.sysFuncText.asideCategory ul li,
.sysFuncText.asideTopics ul li {
  padding: 10px;
  /* border-bottom: 1px solid #eeeeee; */
  position: relative;
}

.sysFuncText.asideCategory,
.sysFuncText.asideTopics {
  margin-bottom: 30px;
}

/* タイトルは同じデザインで統一する */
.sysFuncText.asideCategory .sysHeadline,
.sysFuncText.asideTopics .sysHeadline,
.sysFuncText.asideGuide .sysHeadline {
  font-size: 20px;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: 10px;
  text-align: center;
  margin-bottom: 15px;
}

/* サイズ+色で選ぶ */
.sizeList li,
.colorList li {
  margin-left: 30px;
  /* 一段下げる */
}

/* .choseSize,
.choseColor{
  margin-left: 20px;
} */

/* .sysFuncText.asideCategory ul li::before,
.sysFuncText.asideTopics ul li::before
{
  content: "\f105";
  font-family: fontAwesome;
  position: absolute;
  top: 20px;
  margin-top: -15px;
  font-size: 20px;
  color: #ec6a90;
} */

.sysFuncText.asideCategory .choseSize::before,
.sysFuncText.asideCategory .choseColor::before {
  left: -10px;
}

.sysFuncText.asideCategory ul li a,
.sysFuncText.asideTopics ul li a {
  margin-left: 20px;
}

/* ご利用ガイド */

.sysFuncText.asideGuide ul li {
  padding: 13px;
  background: #FEEEED;
  margin-bottom: 10px;
  position: relative;
  display: flex;
  font-size: 15px;
  /* border: solid #FEEEED; */
}

.sysFuncText.asideGuide ul li span {
  width: 50px;
  height: 50px;
  background: #ec6a90;
  border-radius: 50%;
  display: block;
  margin-right: 15px;
  align-items: center;
  align-items: center;
  text-align: center;
}

.sysFuncText.asideGuide ul li span img {
  width: 65%;
  ;
  margin-top: 9px;
}

.sysFuncText.asideGuide ul li a {
  display: block;
  align-items: center;
  margin-top: 12px;
}


/* お役立ち情報 */
.sysFuncText.chose_contents ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-top: 50px;
  margin-bottom: 50px;
}

.sysFuncText.chose_contents ul li {
  width: 48%;
  margin-top: 20px;
}

/* アイテム一覧 */
#top .sysItemBlock .sysHorizontal {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#sysItemCategory .sysItemName {
  font-size: 0.8rem;
}

#top .sysItemBlock .sysItemName {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 選ばれる理由 */
.whyChose {
  position: relative;
}

.whyChose .inner {
  position: absolute;
  bottom: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.whyChose .inner div {
  width: 48%;
  background: white;
  border: 3px solid #ECB8BD;
  margin-bottom: 10px;
  position: relative;
  height: 120px;
}

.whyChose .inner .ttl {
  position: absolute;
  top: 0;
  background: #ECB8BD;
  width: 100%;
  font-size: 18px;
  color: #E34068;
  font-weight: bold;
  height: 29px;
}


.whyChose .inner .ttl span {
  width: 25px;
  height: 25px;
  background: white;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  margin-right: 3px;
}


.whyChose .inner .dtl {
  padding: 5px;
  top: 45px;
  position: relative;
  font-size: 14px !important;
}



/* カラーから選ぶ */
.reason .title {
  FONT-WEIGHT: 500;
  FONT-VARIANT: JIS04;
  FONT-WEIGHT: 500;
  padding: 0.40rem 0.8rem;
  color: #e5004f;
  background-color: transparent;
  background-image: linear-gradient(45deg, #f9dbdc 25%, transparent 25%, transparent 75%, #f9dbdc 75%, #f9dbdc), linear-gradient(45deg, #f9dbdc 25%, transparent 25%, transparent 75%, #f9dbdc 75%, #f9dbdc);
  background-size: 38px 38px;
  background-position: 0 0, 20px 20px;
}

/*
* ランキングエリア
* 2020.10.10追加
*/

#rank_navi {
  margin-top: 35px;
  margin-bottom: 35px;
  font-family: 'Allura', cursive;
  font-size: 17px;
  overflow: hidden;
}

.img_list {
  display: flex;
  max-width: 95%;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: auto;
  margin-top: 25px;
}

.img_list a {
  width: 18.3%;
}

.img_list a img {
  width: 100%;
}

.img_list_ct {
  width: 32%;
  position: relative;
}

.img_list_ct .rank {
  position: absolute;
  width: 35px !important;
  height: 35px !important;
  margin: 0 !important;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  color: white !important;
  top: 4px;
  left: 5px;
  border: 1px solid #999999 !important;
  z-index: 10;
}

.img_list_ct .rank.no1 {
  background-color: #ffedb3 !important;
}

.img_list_ct .rank.no2 {
  background-color: #eeeaec !important;
}

.img_list_ct .rank.no3 {
  background-color: #e6b38a !important;
}

.img_list_ct .rank.no4,
.img_list_ct .rank.no5,
.img_list_ct .rank.no6 {
  background-color: #fdede4 !important;
}

.img_list_ct .rank span {
  display: block;
  margin-top: 3px;
  position: absolute;
  top: -1px;
  left: 11px;
  color: #4d4d4d;
  font-size: 20px;
}

.img_list_ct .p_name {
  position: absolute;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.8) !important;
  font-size: 13px;
  height: 31px !important;
  width: 100% !important;
  text-align: center;
  line-height: 13.5px !important;
  vertical-align: middle;
  color: black !important;
  padding-top: 6px !important;
  font-weight: bold;
}

#rank_navi .swiper-wrapper .swiper-slide {
  text-align: center;
  padding-bottom: 10px;
  padding-top: 10px;
  font-family: 'Quicksand', sans-serif;
}

/* .rank_navi_item.swiper-slide-active::before {
  content: '';
  display: block;
  width: 100%;
  height: 4px;
  margin: auto;
  background-color: #f6b79e;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
} */

.rank_navi_item.swiper-slide-active {
  display: block;
  border-radius: 30px;
  background-color: #ebb7bd;
  bottom: 0;
  z-index: 2;
  color: white;
  padding-top: 10px;
}


/* !HTML5 elements
---------------------------------------------------------- */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

/* !Reseting
---------------------------------------------------------- */
body {
  font-family: 'Shippori Mincho B1', serif;
  font-size: 16px;
  -webkit-text-size-adjust: none;
  line-height: 1.5;
  background: #FCFBF3 !important;
  color: #666;
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

/* div#sysMain p a {

} */

@media screen and (max-width:767px) {
  /* body {} */
}

body,
div,
pre,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
th,
td,
figure,
figcaption {
  margin: 0;
  padding: 0;
}

input,
textarea {
  margin: 0;
  font-size: 100%;
}

label {
  cursor: pointer;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
}

fieldset,
img {
  border: 0;
}

img {
  height: auto;
  vertical-align: top;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: normal;
}

ol,
ul {
  list-style: none;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

q:after,
q:before {
  content: '';
}

a,
input {
  outline: none;
}

input,
textarea {
  border-radius: 0;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

input[type="button"],
input[type="submit"] {
  -webkit-appearance: none;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

abbr,
acronym {
  border: 0;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

a img:hover {
  opacity: 0.8;
}

a.rollover img:hover {
  opacity: 1;
}

.ib-parent {
  letter-spacing: -.4em;
}

.ib-parent>* {
  display: inline-block;
  letter-spacing: normal;
}

.ib-parent {
  position: relative;
}

.ib-parent {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.ib-parent ul {
  width: 300px;
  height: 100%;
  position: relative;
  margin-bottom: 30px;
}

.ib-parent ul li:first-child {
  background: #e34068;
  color: white;
  height: 135px;
  padding-top: 20px;
  font-family: 'Meiryo';
}

.ib-parent ul li {
  padding: 25px 25px 25px 25px;
}

*/.ib-parent li:before {
  content: 'Q';
  position: absolute;
  top: 22px;
  left: 43%;
  font-size: 40px;
  color: white;
  font-family: 'Raleway', sans-serif;
}

*/

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#contents,
.section {
  display: block;
  min-height: 1%;
}

.clearfix:after,
#contents:after,
.section:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

* html .clearfix,
* html #contents,
* html .section {
  height: 1%;
  /*\*/
  /*/
  height: auto;
  overflow: hidden;
  /**/
}

/* !Layout
---------------------------------------------------------- */
html {
  overflow-y: scroll;
}

@media print {

  html,
  html body {
    *zoom: 0.65;
  }
}

/* 1-0 ALL Setting
*----------------------------------------------------------------------*/

#sysAll {
  max-width: 100%;
  padding: 0;
}

#sysHeader,
#sysMain,
#sysAside,
#sysFotoer {
  padding: 0 5px;
}

#sysWrap {
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}

#sysHeader,
#sysFooter {
  padding: 0;
  margin: 0;
}

div#sysMain,
div#sysAside {
  display: table;
  table-layout: fixed;
  position: relative;
  margin-top: 20px;
}

/*#sysHeader{ background: #fff;}*/
/*#sysFooter > div{ background-color: #ddd; margin: 0 auto; padding-bottom: 5px;}*/
#sysMain {
  line-height: 1.5;
}

.sysContent {
  padding: 0 !important;
}

/* 1-0 Wrapper Setting */
.p-pagetop .sysContent,
.p-topimg .sysContent,
.h-sitelogo,
.h-utilitybtn,
.h-siteinfo,
.h-subMenu,
.h-mainMenu .sysContent,
.h-search .sysContent,
#sysMain {
  max-width: 960px;
}

.contentsInner {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
}

.contents .sysHeadline {
  padding: 0;
}

@media screen and (max-width:760px) {
  .hakama-choose_img img#sp {
    display: block;
  }

  .hakama-choose_img img#pc {
    display: none;
  }
}

@media screen and (min-width:780px) {
  .hakama-choose_img img#pc {
    display: block;
  }

  .hakama-choose_img img#sp {
    display: none;
  }
}

.hakama-choose_img {
  margin-bottom: 24px;
  margin-top: 35px;
}

/* 1-1 Webkit appearance */
input[type=search],
input[type=submit] {
  -webkit-appearance: none;
}

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

input[type=search]::-webkit-search-decoration {
  display: none;
}

input[type="radio"] {
  -webkit-appearance: none;
  display: inline-block;
  vertical-align: baseline;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  border: 1px solid #999;
  cursor: pointer;
  border-radius: 100%;
}

input[type="radio"]:checked {
  background: #666;
}

/* 1-3 Content setting */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

select {
  height: 30px;
}

/* p {
margin: 10px auto;
} */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
}

/* 1-2 Layout Setting */
/* Responsive Grid system */
.grid-row:after {
  content: "";
  display: table;
  clear: both;
}

.grid-row {
  padding-bottom: 0em;
}


/* DEFAULT COLUMN STYLES */
.grid-col {
  display: block;
  float: left;
  margin-left: 2%;
}

.grid-col:first-child {
  margin-left: 0;
}

.grid-col.col-span6:nth-child(2n+1) {
  margin-left: 0;
}


.col-span1 {
  width: 8.33333333333%;
}

.col-span2 {
  width: 16.6666666667%;
}

.col-span3 {
  width: 25%;
}

.col-span4 {
  width: 33.3333333333%;
}

.col-span5 {
  width: 41.6666666667%;
}

.col-span6 {
  width: 50%;
}

.col-span7 {
  width: 58.3333333333%;
}

.col-span8 {
  width: 66.6666666667%;
}

.col-span9 {
  width: 75%;
}

.col-span10 {
  width: 83.3333333333%;
}

.col-span11 {
  width: 91.6666666667%;
}

.col-span12 {
  width: 100%;
}

.grid-col.col-span1 {
  width: 6.5%;
}

.grid-col.col-span2 {
  width: 15.0%;
}

.grid-col.col-span3 {
  width: 23.5%;
}

.grid-col.col-span4 {
  width: 32.0%;
}

.grid-col.col-span5 {
  width: 40.5%;
}

.grid-col.col-span6 {
  width: 49.0%;
}

.grid-col.col-span7 {
  width: 57.5%;
}

.grid-col.col-span8 {
  width: 66.0%;
}

.grid-col.col-span9 {
  width: 74.5%;
}

.grid-col.col-span10 {
  width: 83.0%;
}

.grid-col.col-span11 {
  width: 91.5%;
}

.grid-col.col-span12 {
  width: 100%;
}

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

/* 2-2 Holizontal Item Block */
.sysContent .sysItemBlock .sysHorizontal {
  /*  width: 930px;*/
  /* margin: 15px 0px 0px 4px; */
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
}

.sysContent .sysItemBlock .sysHorizontal li {
  width: 24%;
  float: none;
  /*  margin-left: 30px;*/
  margin-bottom: 20px;
  text-align: left;
  padding: 0 2vw;
}

.sysContent .sysItemBlock .sysHorizontal li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}

.sysContent .sysItemBlock .sysHorizontal li:first-child {
  margin-left: 0;
}

/* 
.checkedRecently .sysContent .sysHorizontal .sysItemImage {
  margin-bottom: 6%;
}

.checkedRecently .sysContent .sysHorizontal .sysItemImage img {
  max-width: 100%;
  width: auto;
}

.checkedRecently .sysContent .sysHorizontal .sysItemPrice {
  color: #DF6A6C;
  font-size: 15px;
} */

.sysContent .sysItemBlock .sysHorizontal li .sysItemName a {
  text-decoration: none;
}

.sysContent .sysItemBlock .sysHorizontal li .sysItemName a:hover {
  text-decoration: underline;
}



/* 2-3 Vertical Item Block */

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

/* 2-5 Button */
.btn {
  padding: 10px 20px;
  display: inline-block;
  margin-top: 10px;
}

.btn-info {
  background: #666;
  color: #fff;
}

.btn-info:hover {
  background: #999;
}

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

/* 2-6 機能パーツ：商品カテゴリ */
.sysFuncItemCategory a {
  line-height: 1.75;
  border-bottom: 1px dotted #999;
}

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

div#sysSelections {
  display: grid;
  margin-top: 20px;
}

div#sysSelections input[type="text"] {
  width: 75%;
  float: right;
}

/* 2-7 グリッドナビ（スタイル:gridnav） */
.gridnav ul li:last-child {
  border-right: 0;
}

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

/* 2-9 トグル機能アニメーション */
.sysAccordionInitialHide {
  display: block !Important;
  position: relative;
  opacity: 0;
  z-index: -1;
}

.sysAccordionInitialHide.active {
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  opacity: 1;
  z-index: 999;
}

/* 2-10 カテゴリ・商品詳細ページ 見出し部下線 */
/* #sysItemDetail #sysMain .sysItemName,
.sysExplanation > div > span,
.sysRetailPrice,
.sysReview > span {
border-bottom: 1px dashed lightgray;
} */

#sysDescription .a05-product_name {
  padding: 1em;
  margin-bottom: 1em;
  border: 4px double #8f8f8f;
  border-radius: 15px;
}

.c-productDetail_infoBox_body .a05-product_name {
  padding: 1em;
  margin-bottom: 1em;
  background-color: #ddd;
  border-radius: 15px;
}

.a05-dataLists {
  padding-top: 10px;
}

.a05-dataLists dt {
  padding-bottom: 3px;
}

.a05-dataLists dl {
  padding-bottom: 3px;
}

.a05-product_description {
  padding-bottom: 5px;
}

.a05-product_name-item {
  font-size: 100%;
  font-weight: bold;

}

.sysFuncItemCategory.s-price.asideCnt {
  display: none;
}

/* 2-11 機能パーツ：テキスト */
/*#sysMain .sysContent h3 { border-bottom: 1px dashed lightgray;}
#sysMain .sysContent h3:before {
content: "■";
padding-right: 10px;
}*/

/* 2-12 見出し */
.headline-1st {
  font-size: x-large;
  font-weight: bold;
  border-bottom: 1px dotted rgb(212, 212, 212);
  padding: 5px;
}

.headline-2nd {
  font-size: large;
  font-weight: bold;
  border-bottom: 1px dotted rgb(212, 212, 212);
  padding: 5px;
  margin-left: 15px;

}

.headline-3rd {
  font-size: medium;
  font-weight: bold;
  border-bottom: 1px dotted rgb(212, 212, 212);
  padding: 5px;
  margin-left: 30px;
}

/* 2-13 Bootstrap Buttons UI kit */
.btn {
  text-decoration: none;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.btn.active:focus,
.btn:active:focus,
.btn:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

.btn:focus,
.btn:hover {
  color: #333;
  text-decoration: none
}

.btn.active,
.btn:active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc
}

.btn-default.active,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open .dropdown-toggle.btn-default {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad
}

.btn-default.active,
.btn-default:active,
.open .dropdown-toggle.btn-default {
  background-image: none
}

.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
  background-color: #fff;
  border-color: #ccc
}

.btn-default .badge {
  color: #fff;
  background-color: #333
}

.btn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd
}

.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #3276b1;
  border-color: #285e8e
}

.btn-primary.active,
.btn-primary:active,
.open .dropdown-toggle.btn-primary {
  background-image: none
}

.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
  background-color: #428bca;
  border-color: #357ebd
}

.btn-primary .badge {
  color: #428bca;
  background-color: #fff
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c
}

.btn-success.active,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.open .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #47a447;
  border-color: #398439
}

.btn-success.active,
.btn-success:active,
.open .dropdown-toggle.btn-success {
  background-image: none
}

.btn-success.disabled,
.btn-success.disabled.active,
.btn-success.disabled:active,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled],
.btn-success[disabled].active,
.btn-success[disabled]:active,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success.active,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
  background-color: #5cb85c;
  border-color: #4cae4c
}

.btn-success .badge {
  color: #5cb85c;
  background-color: #fff
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da
}

.btn-info.active,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.open .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #39b3d7;
  border-color: #269abc
}

.btn-info.active,
.btn-info:active,
.open .dropdown-toggle.btn-info {
  background-image: none
}

.btn-info.disabled,
.btn-info.disabled.active,
.btn-info.disabled:active,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled],
.btn-info[disabled].active,
.btn-info[disabled]:active,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info.active,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
  background-color: #5bc0de;
  border-color: #46b8da
}

.btn-info .badge {
  color: #5bc0de;
  background-color: #fff
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236
}

.btn-warning.active,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ed9c28;
  border-color: #d58512
}

.btn-warning.active,
.btn-warning:active,
.open .dropdown-toggle.btn-warning {
  background-image: none
}

.btn-warning.disabled,
.btn-warning.disabled.active,
.btn-warning.disabled:active,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled],
.btn-warning[disabled].active,
.btn-warning[disabled]:active,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning.active,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
  background-color: #f0ad4e;
  border-color: #eea236
}

.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a
}

.btn-danger.active,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.open .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925
}

.btn-danger.active,
.btn-danger:active,
.open .dropdown-toggle.btn-danger {
  background-image: none
}

.btn-danger.disabled,
.btn-danger.disabled.active,
.btn-danger.disabled:active,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled],
.btn-danger[disabled].active,
.btn-danger[disabled]:active,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger.active,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
  background-color: #d9534f;
  border-color: #d43f3a
}

.btn-danger .badge {
  color: #d9534f;
  background-color: #fff
}

.btn-link {
  color: #428bca;
  font-weight: 400;
  cursor: pointer;
  border-radius: 0
}

.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none
}

.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
  border-color: transparent
}

.btn-link:focus,
.btn-link:hover {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent
}

.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
  color: #999;
  text-decoration: none
}

.btn-group-lg>.btn,
.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px
}

.btn-group-sm>.btn,
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px
}

.btn-group-xs>.btn,
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px
}

.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0
}

.btn-block+.btn-block {
  margin-top: 5px
}

.asideCnt .sysHeadline {
  border-bottom: 1px solid #333;
  background-color: #333;
  color: #fff;
  font-size: large;
  padding: 5px;
  margin: 0px;
}

/* 2-14 Responsive Grid System */
/*  12 COLUMN : RESPONSIVE GRID SYSTEM
DEVELOPER : DENIS LEBLANC
URL : http://responsive.gs
VERSION : 3.0
LICENSE : GPL & MIT */
.row:after,
.col:after {
  content: "";
  display: table;
  clear: both;
}

.row {
  padding-bottom: 0em;
}

/* DEFAULT COLUMN STYLES */
.col {
  display: block;
  float: left;
}

.span_1 {
  width: 8.33333333333%;
}

.span_2 {
  width: 16.6666666667%;
}

.span_3 {
  width: 25%;
}

.span_4 {
  width: 33.3333333333%;
}

.span_5 {
  width: 41.6666666667%;
}

.span_6 {
  width: 50%;
}

.span_7 {
  width: 58.3333333333%;
}

.span_8 {
  width: 66.6666666667%;
}

.span_9 {
  width: 75%;
}

.span_10 {
  width: 83.3333333333%;
}

.span_11 {
  width: 91.6666666667%;
}

.span_12 {
  width: 100%;
}

.gutters .col {
  margin-left: 2%;
}

.gutters .col:first-child {
  margin-left: 0;
}

.gutters .span_1 {
  width: 6.5%;
}

.gutters .span_2 {
  width: 15.0%;
}

.gutters .span_3 {
  width: 23.5%;
}

.gutters .span_4 {
  width: 32.0%;
}

.gutters .span_5 {
  width: 40.5%;
}

.gutters .span_6 {
  width: 49.0%;
}

.gutters .span_7 {
  width: 57.5%;
}

.gutters .span_8 {
  width: 66.0%;
}

.gutters .span_9 {
  width: 74.5%;
}

.gutters .span_10 {
  width: 83.0%;
}

.gutters .span_11 {
  width: 91.5%;
}

.gutters .span_12 {
  width: 100%;
}

/* 3-0 Module
*----------------------------------------------------------------------*/
/* 3-1 Header*/
.h-siteinfo {
  height: 40px;
  background-color: #fff;
}

.h-siteinfo h1 {
  color: #000;
}

/* 3-1-1 サイトロゴ */
.h-sitelogo {
  margin: 0 auto;
  background: #fff;
  padding-bottom: 5px;
  padding-left: 5px;
}

.h-sitelogo .sysContent {
  width: 200px;
  max-width: 50%;
}

/* 3-1-2 カート・マイページボタン */
.h-utilitybtn {
  margin: 0 auto;
}

.h-utilitybtn .sysContent {
  width: 30%;
  float: right;
  position: relative;
  bottom: 40px;
  height: 40px;
}

/* 3-1-3 ドロップダウンメニュー */
.h-subMenu {
  position: relative;
}

.h-subMenu .sysAccordionInitialHide {
  position: absolute;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5);
  right: 0;
  padding: 9px 10px;
  width: 100%;
}

.h-subMenu ul li {
  margin: 10px auto;
}

.h-subMenu .sysHeadline {
  color: #e5e5e5;
  line-height: 60px;
  text-align: center;
  background: #666;
}

.h-subMenu .sysAccordion:after {
  content: "";
}

/* 3-1-4 カート・ログインボタン */
.h-utilitybtn ul li {
  margin-right: 2%;
  width: 48% !important;
  height: 40px;
  line-height: 40px;
  margin-bottom: 0;
}

.h-utilitybtn ul li.sysText a {
  border: 1px solid rgb(212, 212, 212);
  line-height: 36px;
  height: 36px;
  font-size: small;
  margin-top: 1px;
}

.h-utilitybtn ul li.sysText a:hover {
  background: rgb(212, 212, 212);
}

.h-utilitybtn ul li.sysText a:before {
  content: "";
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.h-utilitybtn ul li.sysText:nth-child(1) a:before {
  background: url(http://template-advance.aispr.jp/img/icon/icon-mypage.png);
  background-size: 100%;
}

.h-utilitybtn ul li.sysText:nth-child(2) a:before {
  background: url(http://template-advance.aispr.jp/img/icon/icon-cart.png);
  background-size: 100%;
}

/* 3-1-5 メインメニュー*/
.h-mainMenu {
  margin: 0 auto;
  background: #999;
}

.h-mainMenu ul li:last-child a {
  border: 0;
}

.h-mainMenu ul {
  display: table;
  width: 100%;
}

.h-mainMenu ul li {
  display: table-cell;
  float: none;
  height: 50px;
  border-right: 1px solid;
}

.h-mainMenu ul li.sysText a {
  line-height: 1;
  border: none;
  white-space: normal;
  padding: 20px 0;
  margin: 0 auto;
}

.h-mainMenu .sysContent {
  margin: 0 auto;
  background: #fff;
}



/* 3-1-6 検索フォーム */
.h-search .sysContent {
  margin: 0 auto;
  position: relative;
  padding: 0 5px 0;
}

.h-search .sysItemSearchForm {
  display: table;
  width: 100%;
}

.h-search .sysItemSearchFormWord {
  display: table-cell;
  padding-right: 10px;
  width: 100%;
  vertical-align: top;
}

.h-search .sysItemSearchFormWord input {
  height: 40px;
  border: 1px solid #c9c9c9;
  padding: 5px;
  vertical-align: bottom;
}

.h-search .sysSearchButton {
  width: 100px;
  padding: 6px;
  height: 40px;
  border: 1px solid #999;
  border-radius: 3px;
  margin: 0 auto;
  background-color: #999;
}

/* 3-1-7 Main Image */
.p-topimg {
  background-color: #ddd;
}

.p-topimg .sysContent {
  margin: 0 auto;
  padding: 5px;
}

/* 3-2 Main*/

/* 3-2-1  */


/* 3-2-2 Half Banner */
.p-banner ul {
  text-align: center;
  clear: both;
  margin: 10px auto;
}

.p-banner li {
  width: 49%;
  display: inline-block;
}


/* 3-2-3 PICK UP Item */
.p-pickup .sysContent {
  padding: 5px 0;
}

.p-pickup .sysContent .sysHorizontal li {
  padding: 0 2.5px;
}

/* 3-2-4 News & SNS */
.p-news .sysContent {
  line-height: 1.5;
}

.p-news li {
  padding-left: 10px;
}

/* 3-2-5 ShopInformation */
.p-shopInfo .sysContent {
  text-align: center;
}

.shopinfo-inner {
  display: inline-block;
  width: 48%;
  width: -webkit-calc(50% - 10px);
  width: calc(50% - 10px);
  margin: 5px;
  padding-bottom: 10px;
  line-height: 1.5;
  overflow: hidden;
  vertical-align: top;
  text-align: left;
}

.shopinfo-inner h3 {
  font-size: 150%;
  border-bottom: 1px dotted #666;
  padding: 0 0 5px 0px;
  margin-bottom: 10px;
}

.shopinfo-inner .btn {
  float: right;
  margin-right: 20px;
}

/* 3-2-6 Notice */
.p-notice .sysHeadline {
  background: #e60054;
  border-color: #e60054;
  text-align: center;
  font-weight: bold;
}


/* 3-3 Aside*/
/* 3-3-1 Aside Check List */
.s-checklist li {
  margin: 5px auto;
  padding-bottom: 10px;
  border-bottom: 1px dotted;
}

/* 3-3-2 Aside Login Form & Search Form */
.s-login {
  line-height: 1.75;
}

.s-login ul {
  text-align: center;
}

.s-login li {
  display: inline-block;
  width: 46%;
  line-height: 1.5;
  vertical-align: top;
  background: #666;
}

.s-login li a {
  color: #fff;
  text-decoration: none;
  padding: 10px;
  display: block;
}

.s-login input {
  width: 95%;
  margin: 5px auto;
  line-height: 2;
  display: block;
}

.s-login .sysLoginButton {
  border: none;
  padding: 5px;
  background: #666;
  color: #fff;
  margin: 10px auto;
  border-radius: 0;
}

.s-login a {
  text-decoration: none;
  display: inline-block;
  background: #666;
  text-align: center;
  padding: 5px 15px;
  margin: 5px;
  color: #fff;
  border-radius: 3px;
}

/* 3-3-3 Aside Banner */
.s-banner {
  margin-bottom: 10px;
}

.s-banner li {
  margin: 5px auto;
}

/* 3-3-4 Aside Login Form */
.s-search {
  line-height: 1.75;
}

.s-search ul {
  text-align: center;
}

.s-search input[type=search] {
  width: 95% !important;
  margin: 5px auto;
  line-height: 2.5;
  display: block;
}

.s-search .sysItemSearchAndOr,
.s-search .sysItemSearchFormCategory {
  text-align: center;
}

.sysSearchButton {
  border: none;
  padding: 10px;
  background: #666;
  color: #fff;
  width: 95%;
  display: block;
  margin: 10px auto;
}

/* 3-4 Footer*/
footer {
  position: relative;
  margin-top: 40px;
}

footer .shopGuide {
  padding: 50px 10px;
  -webkit-box-shadow: 0 0 0 1px #F5DDDC;
  box-shadow: 0 0 0 1px #F5DDDC;
}

.shopGuide .guide,
.shopGuide .name {
  width: 958px;
  margin: 0 auto;
}

.shopGuide .name {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
}

footer .box {
  float: left;
  width: 462px;
}

footer .box:last-child {
  margin-left: 34px;
}

footer .box .title {
  border: 1px solid #F0B9BC;
  background: #FFF;
  color: #E89195;
  margin-bottom: 10px;
  padding: 3px 10px;
}

footer .box p {
  margin-bottom: 20px;
}

footer .box a {
  text-decoration: underline;
}

footer .box .big {
  font-size: 22px;
  margin-bottom: 10px;
  font-weight: bold;
}

footer .menu {
  background: #E89195;
  color: #4d4d4d;
}

footer .copy {
  text-align: center;
  padding: 5px;
  background: #dbdbdb;
  /* color: white; */
  font-size: 0.8rem;
}

footer .menu {
  padding: 40px 0 10px 0;
  text-align: center;
}

footer .menu ul {
  width: 960px;
  display: block;
  margin: 0 auto;
  text-align: right;
  position: relative;
}

.menu ul img {
  position: absolute;
  left: 1px;
  top: -33px;
  width: 70px;
}


footer .copy .logo {
  float: left;
}

footer .menu li {
  display: inline-block;
}

/* 3-4-1 Footer Site Map */
/* .f-sitemap ul li.sysText a {
  color: #fff;
  padding: 0;
  background: #666;
  display: block;
  border: 1px solid #ddd;
  text-align: center;
}

.f-sitemap ul li.sysText a:hover {
  background: #999;
} */

/* 3-4-2 Page Top Btn */
footer .pagetop .sysContent {
  padding: 0;
}

.pagetop .pagetopBtn {
  display: block;
  width: 65px;
  margin: 0 auto;
  position: relative;
  top: 30px;
}

/* 3-4-3 CopyRight */
.f-copyright {
  margin: 0 auto;
  text-align: center;
  padding: 20px 0;
}

.f-copyright .sysContent {
  border-top: 1px solid #666;
}

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

/* 4-1-2 Pankuzu List*/
.sysCategoryPankuzu,
.sysItemCategoryPankuzu {
  font-size: 12px;
  margin-bottom: 25px;
  white-space: nowrap;
  overflow: hidden;
  color: #793D39;
  padding: 0 5px;
}

.sysCategoryPankuzu a,
.sysItemCategoryPankuzu a {
  display: inline-block;
  padding: 0 10px;
  color: #793D39;
  text-decoration: none;
}

.sysCategoryPankuzu a:hover,
.sysItemCategoryPankuzu a:hover {
  text-decoration: underline;
}

.sysCategoryPankuzu br,
.sysItemCategoryPankuzu br {
  display: none;
}

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


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

/* 4-1-5 Cart Button */
.sysCartButton,
input.sysCartButton {
  border: none;
  padding: 10px;
  margin: 5px 0;
  border: 1px solid #E88E93;
  border-radius: 5px;
  background-color: #E06B74;
  color: #fff;
  cursor: pointer;
}

.sysCartButton:hover,
input.sysCartButton:hover {
  background: #E06B74;
}

/* 4-1-6  Archive List Item */
/* .sysItemList ul.sysList li .sysThumbnailImage {
  width: 40%;
  max-width: 200px;
} */

/* 4-1-7  Archive Thumbnail Item */
.sysItemList ul.sysThumbnail li {
  display: inline-block;
  float: none;
  vertical-align: top;
  letter-spacing: normal;
}

.sysItemList ul.sysThumbnail {
  letter-spacing: -.4em;
}

.sysItemList ul.sysThumbnail input {
  width: 100%;
  padding: 10px 0;
}

/* 4-2 Item Page */
/* 4-2-1 Item IMAGE */
.sysItemImages {
  width: 48%;
  max-width: 460px;
  float: left;
  margin-right: 4%;
}

.sysThumbnailImage>span,
.sysThumbnailImage>br {
  display: none;
}

.sysItemImages .sysMainImage {
  margin-bottom: 1%;
}

.sysItemImages .sysImageList li {
  vertical-align: top;
  height: auto;
  width: 23.5%;
  line-height: 1;
  float: left;
  margin: 1% 2% 1% 0;
}

.sysItemImages .sysImageList li:nth-child(4n) {
  margin-right: 0;
}

.sysItemImages .sysImageList li img {
  border: 3px solid transparent;
}

.sysItemImages .sysImageList li.sysCurrent img {
  border: 3px solid #EDC3C1;
}

.itemInfoArea {
  width: 48%;
  float: right;
}

/* 4-2-2 Item Name */
.sysItemName h1 {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.8em;
}

/* 4-2-3 Order Area */
.orderArea {
  letter-spacing: -.4em;
  text-align: center;
}

.orderArea>div {
  width: 50%;
  display: inline-block;
  letter-spacing: normal;
  text-align: left;
  vertical-align: top;
  padding-right: 20px;
}

.orderArea>.orderArea>div {
  width: 100%;
  display: block;
}


/* 4-2-4 Item Page Titile */
/* .sysItemName,
.sysExplanation > div > span,
.sysReview > span {} */

#sysItemDetail .itemInfoArea .sysItemName {
  font-size: large;
  line-height: 1.3;
  padding-top: 12px;
  margin-bottom: 10px;
  /**border-top: 3px solid #ddd;**/
  border-bottom: none !important;
}

#sysItemDetail .itemInfoArea .sysRetailPrice {
  /**border-bottom: 3px solid #ddd;**/
  color: #E06B74;
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 4px;
}

/* 4-2-5 Item Explanation */
.subHeadline {
  position: relative;
  border-bottom: 2px solid #ddd;
  font-size: 1.5em;
  margin-bottom: 20px;
}

.subHeadline:before {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 10%;
  height: 2px;
  content: '';
  background: #6a6a6a;
}

.itemSetContents .subHeadline {
  position: relative;
  border-bottom: 2px solid #ddd;
  font-size: 1.5em;
  margin-bottom: 20px;
}

.itemSetContents .subHeadline:before {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 22%;
  height: 2px;
  content: '';
  background: #6a6a6a;
}

.subHeadline.mb1 {
  margin-bottom: 1%;
}

.sysExplanation {
  margin-top: 4%;
}

.sysExplanation .explanationLeft {
  width: 48%;
  max-width: 460px;
  vertical-align: top;
  margin-right: 4%;
}

.sysExplanation .explanationRight {
  width: 48%;
  max-width: 460px;
  vertical-align: top;
}

.sysExplanation table {
  width: 100%;
  table-layout: fixed;
}

.sysExplanation table caption {
  width: 100%;
  font-size: 16px;
  padding: 5px 10px;
  background: #FBEAEB;
  border: 1px solid #EDC3C1;
  box-shadow: rgb(252, 251, 243) 0px 0px 0px 1px inset;
  -webkit-box-shadow: rgb(252, 251, 243) 0px 0px 0px 1px inset;
  -moz-box-shadow: rgb(252, 251, 243) 0px 0px 0px 1px inset;
}

.sysExplanation th,
.sysExplanation td {
  border-bottom: 1px solid #EDC3C1;
  border-right: 1px solid #EDC3C1;
  padding: 5px 10px;
}

.sysExplanation th {
  width: 110px;
}

.sysExplanation th,
.sysExplanation td:first-child {
  border-left: 1px solid #EDC3C1;
}

.itemOptions,
.itemSetContents,
.itemSingleContents {
  margin-top: 3%;
}

.itemOptions ul li {
  text-align: center;
  width: 19.2%;
  margin-left: 1%;
  vertical-align: top;
}

.itemOptions ul li:nth-child(5n+1) {
  margin-left: 0;
  margin-bottom: 1%;
}

.itemOptions ul li div {
  margin-bottom: 10px;
}

.itemOptions ul li a {
  text-decoration: underline;
}

.sysExplanation .setContentsSmall {
  margin-top: 2%;
}

.sysExplanation .setContentsSmall li {
  vertical-align: top;
  width: 23.5%;
  line-height: 1;
  margin: 1% 2% 1% 0;
  text-align: center;
  font-size: 12px;
}

.sysExplanation .setContentsSmall li:nth-child(4n) {
  margin-right: 0;
}

.sysExplanation .setContentsSmall li div {
  margin-bottom: 7px;
}

.itemSingleContents ul li {
  vertical-align: top;
  width: 32%;
  line-height: 1;
  margin: 1% 2% 1% 0;
  text-align: center;
  font-size: 12px;
}

.itemSingleContents li:nth-child(3n) {
  margin-right: 0;
}

.itemSingleContents ul li div {
  margin-bottom: 7px;
}


/* 4-2-6 Item BuyForm */
#sysItemDetail .sysRetailPrice {
  font-weight: bold;
}

#sysItemDetail .sysPr {
  text-align: center;
}

#sysItemDetail .sysPr>span {
  display: inline-block;
}

#sysItemDetail .sysForm select {
  min-width: 110px !important;
  width: 75%;
  display: inline-block;
  float: right;
}

#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%;
  background-image: url(../img/icon/cart.png);
  background-repeat: no-repeat;
  background-position: 26% center;
  font-size: 24px;
  text-align: left;
  padding-left: 34%;
}

#sysItemDetail .sysShare {
  padding: 5px 0 0 2%;
}

#sysCartInForm {
  width: 100%;
}

/*add*/
#sysItemDetail .sysForm #sysNumber {
  display: none;
}



/* 4-2-7 System Button */
.sysLoginButton,
.sysButton {
  border: none;
  padding: 10px;
  margin: 5px 0;
  border-radius: 5px;
  background-color: #666;
  color: #fff;
  cursor: pointer;
}

.sysLoginButton,
.sysButton:hover {
  background: #999;
}

.sysLoginButton {
  display: block;
  width: 50%;
  margin: 10px auto;
  padding: 20px;
}

/* 4-2-8 Item Text */
.sysDescription,
.sysImageDescription {
  font-size: 0.75rem;
}

/*added*/
.itemInfoArea .sysDescription {
  font-size: 16px;
}

.itemInfoArea .sysDescription p {
  margin: 15px 0;
}

.itemInfoArea .sysDescription .kimonoSet {
  margin-top: 10px;
}

.itemInfoArea .sysDescription .kimonoSet .setContents li {
  display: inline-block;
  margin-right: 16px;
}

.itemInfoArea .sysDescription .kimonoSet .partsLinks {
  margin-top: 5px;
  letter-spacing: -.4em;
}

.itemInfoArea .sysDescription .kimonoSet .partsLinks li {
  width: 46%;
  padding: 5px 0;
  border: 1px solid #CCC;
  background: #E3E3E3;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
}

.itemInfoArea .sysDescription .kimonoSet .partsLinks li:first-child {
  margin-right: 8%;
}

.itemInfoArea .sysDescription .kimonoSet .partsLinks li a {
  display: block;
  text-decoration: none;
  color: inherit;
}

.itemInfoArea .sysDescription .kimonoSet .partsLinks li:hover {
  background: #F4F4F4;
}

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

/* 4-2-10 Review */
.sysReview input {
  background: #666;
  color: #fff;
  text-shadow: none;
  border: 1px solid #999;
  border-radius: 3px;
  display: block;
  padding: 10px;
  margin: 5px auto;
  width: 50%;
}

.sysReview>br {
  display: none;
}

.sysReviewHistoryList {
  padding: 0 10px;
  border: 1px solid lightgray;
}

.sysReviewHistoryList li {
  margin-bottom: 5px;
  border-bottom: 1px dashed lightgray;
  padding: 5px 0;
}

.sysReviewHistoryList li:last-child {
  border: none;
}

.sysNickname,
.sysEvaluation {
  display: inline-block;
  padding: 0 10px 0 0;
}

.sysNickname {
  font-size: large;
  font-weight: bold;
}

.sysReviewDatetime {
  font-size: small;
  text-align: right;
  padding-right: 20px;
}

.sysReviewText {
  font-size: small;
}

/* 4-2-11 Item Stock (ADD)*/
.sysStockQuantity {
  font-size: 16px;
  font-weight: bold;
}

/* 4-2-12 Item Check History (ADD)*/
/* .checkedRecently {
  padding: 1.5% 2.5%;
  margin-top: 5%;
}

.checkedRecently .sysHeadline {
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 7px;
  border-bottom: 1px solid #EDC3C1;
  margin-bottom: 2%;
}

.checkedRecently .sysContent {
  padding: 0;
} */


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

/* 4-4 Form Page */
/* 4-4-1 Cart Button Reset */
.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit,
.sysCart #sysMain input[type=submit],
.sysCart #sysMain button[type=submit],
.sysCart #sysMain button {
  background: #666;
  color: #fff;
  text-shadow: none;
}

.sysCartInDone {
  margin: 0;
}

/* 4-4-2 Form Page */
#sysMemberRegisterRegister #sysMain h2,
#sysMemberRegisterConfirm #sysMain h2,
#sysMemberRegisterIndex #sysMain h2,
#sysFormThanks #sysMain h2,
#sysFormConfirm #sysMain h2,
#sysFormIndex #sysMain h2 {
  border-bottom: 1px solid #999;
  background-color: #999;
  color: #ffffff;
  font-size: large;
  padding: 5px;
}

#sysMemberRegisterRegister #sysMain,
#sysMemberRegisterConfirm #sysMain,
#sysMemberRegisterIndex #sysMain,
#sysFormThanks #sysMain,
#sysFormConfirm #sysMain,
#sysFormIndex #sysMain {
  border-color: #999;
  border-style: solid;
  border-radius: 0px;
  border-width: 1px;
  -webkit-box-shadow: 1px 1px 1px gray;
  box-shadow: 1px 1px 1px gray;
  margin-bottom: 10px;
  padding: 0;
}

#sysMemberRegisterConfirm #sysMain>form,
#sysMemberRegisterIndex #sysMain>form,
#sysFormConfirm #sysMain>form,
#sysFormIndex #sysMain>form {
  padding: 10px;
}

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

#sysMain input[type="email"],
#sysMain input[type="number"],
#sysMain input[type="password"],
#sysMain input[type="tel"],
#sysMain input[type="url"],
#sysMain input[type="text"],
#sysMain textarea {
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#FFFFFF));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFEFEFEF', endColorstr='#FFFFFFFF');
  border-radius: 5px 5px 5px 5px;
  border: #999999 1px solid;
  line-height: 3;
}

#sysMain textarea {
  min-height: 75px;
}

.sysZipcode button,
.sysZipcode .sysFormField {
  display: inline-block;
}

.sysZipcode .sysFormLabel {
  display: block;
}

.sysZipcode .sysFormField {
  width: 200px;
}

.sysZipcode br {
  display: none;
}

.sysBirthday input {
  width: auto !important;
}


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

/* 4-4-4 Item Search Form */
/* .sysItemSearchForm > div {
  margin: 20px auto;
  width: 90%;
  text-align: left;
} */

form.sysItemSearchForm {
  text-align: center;
}

.sysItemSearchForm>div.sysItemSearchFormWord {
  width: 95%;
}

/* 4-5 MyPage */
/* 4-5-1 Mypage Index */
.sysMypage #sysMain {
  border-color: #999;
  border-style: solid;
  border-radius: 0px;
  border-width: 1px;
  box-shadow: 1px 1px 1px gray;
  margin-bottom: 10px;
  padding: 0;
}

.sysMypage #sysMain h2 {
  border-bottom: 1px solid #999;
  background-color: #999;
  color: #ffffff;
  font-size: large;
  padding: 5px;
}

.sysMypage #sysMain>form,
.sysMypage #sysMain>div {
  padding: 5px 10px;
}

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

.sysOrderList li {
  border-bottom: 1px dotted rgb(212, 212, 212);
  margin-bottom: 5px;
  padding-bottom: 5px;
}

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

.sysMypageNav .sysButton {
  width: 100%;
  display: block;
  line-height: 40px;
  font-size: 1rem;
}

/* 4-5-2 Member Profile Editor */
#sysMypageEditDelivery #sysMain>form,
#sysMypageEditMember #sysMain>form {
  padding: 10px;
}

#sysMypageEditDelivery #sysMain input,
#sysMypageEditMember #sysMain input {
  line-height: 15px;
  padding: 5px;
  font-size: small;
  margin: 5px auto;
}

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

/* 4-6 News Page */
.news-row {
  border-color: #999;
  border-style: solid;
  border-radius: 0px;
  border-width: 1px;
  box-shadow: 1px 1px 1px gray;
  margin-bottom: 10px;
  margin-top: 80px;
}

.news-row>h1 {
  border-bottom: 1px solid #999;
  background-color: #999;
  color: #ffffff;
  font-size: large;
  padding: 5px;
  background: -webkit-gradient(linear, left top, left bottom, from(), to());
  /*     background: -webkit-linear-gradient(top, , ); */
}

.sysNewsDetail {
  padding: 10px 20px;
}

/* xx Easter Egg*/
#top #sysAll {
  z-index: 999;
  margin-bottom: 0px;
  position: relative;
}

.sysFuncText.easterEgg {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #333;
  color: #fff;
  z-index: 1;
  height: 50px;
  overflow: hidden;
}


/* USER CUSTOMIZED */
#sysHeader,
#sysMain,
#sysAside,
#sysFotoer {
  padding: 0;
  margin: 0 auto;
}

h2.pageTitle:before {
  content: '';
  border-top: solid 1px;
  width: 75px;
  flex-grow: 0;
  /* position: absolute; */
  /* right: 1px; */
  margin-right: 1rem;
}

h2.pageTitle:after {
  content: '';
  border-top: solid 1px;
  width: 75px;
  flex-grow: 0;
  /* position: absolute; */
  /* right: 1px; */
  margin-left: 1rem;
}

/* TOP PAGE */
#top #sysHeader {
  margin-bottom: 0;
}


/* TOP button-link */

.toplink .reasonbutton {
  display: inline-block;
  width: 690px;
  height: 60px;
  text-align: center;
  text-decoration: none;
  line-height: 60px;
  outline: none;
  background-color: #F7819F;
  color: #fff;
  margin: 5px 0px 10px 0px;
}

.toplink .reasonbutton:hover {
  background-color: #F5A9BC;
}

.toplink .itembutton {
  display: inline-block;
  width: 420px;
  height: 55px;
  text-align: center;
  text-decoration: none;
  line-height: 55px;
  outline: none;
  background-color: #fa828d;
  color: #ffffff;
  margin: 10px 0px 10px 17px;
  font-size: 16px;
  font-family: 'Yu Gothic';
}


.toplink .itembutton:hover {
  background-color: #F5A9BC;
}

span.fc-red {
  color: hotpink;
}

/* コンテンツ紹介バナーリンク */
/* .contentsBanner .sysContent {
  padding: 0;
}

.contentsBanner ul li {
  width: 48%;
  vertical-align: top;
  margin-top: 2.5%;
}

.contentsBanner ul li:nth-child(2n+1) {
  margin-right: 4%;
}

.contentsBanner ul li:nth-child(-n+2) {
  margin-top: 0;
}

.contentsBanner ul li a {
  display: block;
  margin-bottom: 7px;
}

.contentsBanner ul li p {
  background: url(../img/banner/bnr_check.png) no-repeat 1px 2px;
  background-size: 9px 11px;
  padding-left: 20px;
  line-height: 1.2;
  font-size: 13px;
} */

.mainimage {
  z-index: 1;
}

.mainimage .inner ul {
  display: flex;
}



/* コンテンツ紹介バナーリンク2 */
/* .contentsBanner2 .sysContent {
  padding: 0;
}

.contentsBanner2 ul li {
  width: 48%;
  vertical-align: top;
  margin-top: 2.5%;
}

.contentsBanner2 ul li:nth-child(2n+1) {
  margin-right: 4%;
}

.contentsBanner2 ul li:nth-child(-n+2) {
  margin-top: 0;
}

.contentsBanner2 ul li a {
  display: block;
  margin-bottom: 7px;
}

.contentsBanner2 ul li p {
  background: url(../img/banner/bnr_check.png) no-repeat 1px 2px;
  background-size: 9px 11px;
  padding-left: 20px;
  line-height: 1.2;
  font-size: 13px;
}

.sysFuncText.contentsBanner2 {
  max-width: 960px;
  margin: auto;
} */

/* .sysFuncText.contentsBanner {
  max-width: 960px;
  margin: auto;
} */

/* .sysFuncText.contentsBanner3 {
  max-width: 960px;
  margin: auto;
} */

/* .sysFuncItemBlock.autoRecommendBlcok.contents {
  max-width: 960px;
  margin: auto;
}

#teacher .sysFuncItemBlock.autoRecommendBlcok.contents {
  display: none;
} */

/* コンテンツ紹介バナーリンク3 */
/* .contentsBanner3 .sysContent {
  padding: 0;
}

.contentsBanner3 ul li {
  width: 48%;
  vertical-align: top;
  margin-top: 2.5%;
}

.contentsBanner3 ul li:nth-child(2n+1) {
  margin-right: 4%;
}

.contentsBanner3 ul li:nth-child(-n+2) {
  margin-top: 0;
}

.contentsBanner3 ul li a {
  display: block;
  margin-bottom: 7px;
}

.contentsBanner3 ul li p {
  background: url(../img/banner/bnr_check.png) no-repeat 1px 2px;
  background-size: 9px 11px;
  padding-left: 20px;
  line-height: 1.2;
  font-size: 13px;
} */

.mainimage {
  z-index: 1;
}

/*index*/
.contents {
  margin-bottom: 30px;
  margin-top: 4%;
  padding-top: 4%;
}

.contents .title {
  text-align: center;
  margin-bottom: 30px;
}

.reason .box:last-child {
  margin-right: 0;
}

.reason .box .text {
  margin-top: 22px;
}

.reason .box .text .icon {
  width: 45px;
  float: left;
  text-align: center;
}

.reason .box .text .text_area {
  width: 220px;
}

.reason .box .text .text_area h3 {
  margin: 5px auto;
  font-size: 16px;
  font-weight: bold;
  color: #E9999A;
}

.ranking .line {
  width: 930px;
  margin: 0 auto;
}

.ranking .box {
  width: 210px;
  float: left;
  margin-right: 30px;
}

.ranking .box:last-child {
  margin-right: 0;
}

.ranking .box .icon {
  text-align: center;
  margin-bottom: 10px;
}

/* .autoRankingBlcok .sysContent .sysIconRank {
  margin-bottom: 10px;
} */

.ranking .box .image,
.sysContent .sysItemBlock .sysHorizontal li .sysItemImage {
  /* padding: 7px;
  margin-bottom: 10px;
  text-align: center;
  border: 1px solid #F4F3EB;
  background-color: #FFF;
  box-shadow: 0 0 7px 0px rgba(51, 51, 51, .2); */
}

/* .ranking .box .price,
.sysContent .sysItemBlock .sysHorizontal li .sysItemPrice {
  color: #DF6A6C;
} */

/* .autoRecommendBlcok.contents {
  margin-bottom: 0;
} */

/* .autoRankingBlcok .sysContent .sysItemBlock .sysHorizontal li {
  margin-bottom: 0;
} */

.introduction {
  font-size: 15px;
  margin: 15px 0 40px;
  padding: 0 5px;
  line-height: 2;
  text-align: center;
}

/* .topAboutText {
  background: url(../img/index/top_about_bg.png) no-repeat center top #ecc3c1;
  overflow: hidden;
}

.topAboutText .sysContent {
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  padding: 60px 0 !important;
}

.topAboutText .sysContent .ttl {
  margin-bottom: 30px;
  margin-left: 15px;
}

.topAboutText .sysContent p {
  color: #e0686e;
  font-size: 12px;
  line-height: 2;
  width: 640px;
  margin-left: 15px;
} */

/* 下層ページパンくず */
.topic_path {
  margin: 0px auto 25px;
  margin-left: 10px;
}

.topic_path li:before {
  content: ">";
  margin-right: 5px;
}

.topic_path li:first-child:before {
  content: none;
}

.topic_path li a {
  color: #333;
}

/* 袴を選ぶ_商品一覧 */
.s-choseSize,
.s-choseColor,
.s-choseStyle {
  font-weight: bold;
}

#sysItemCategory .sysContent ul {
  font-size: 12px;
}

#sysItemCategory #sysMain {
  display: table;
  table-layout: fixed;
  position: relative;
}

/* #sysItemCategory .sysItemCategoryPankuzu {
  display: table-header-group;
} */

#sysItemCategory .itemCategoryHeader {
  max-width: 482px;
  width: 90%;
  text-align: center;
  margin: 12px auto;
  padding-top: 34px;
}

.sysItemList ul.sysThumbnail,
.sysItemList ul.sysList {
  overflow: hidden;
}

.sysItemList ul.sysThumbnail li {
  width: 190px;
  float: left;
  margin: 10px 0 15px 30px;
  border-top: none;
}

.sysItemList ul.sysList li {
  border-top: none;
}

.sysItemList ul.sysThumbnail li:last-child,
.sysItemList ul.sysList li:last-child {
  border-bottom: none;
}

.sysItemList ul.sysThumbnail li:nth-child(4n+1),
.sysItemList ul.sysList li:nth-child(4n+1) {
  clear: both;
}

.sysItemList ul.sysThumbnail li .sysThumbnailImage,
.sysItemList ul.sysList li .sysThumbnailImage {
  width: 100%;
  padding: 7px;
  /* margin-bottom: 10px; */
  text-align: center;
  background-color: #FFF;
  margin-top: 10px;
  margin-left: 0px;
}

.sysItemList ul.sysThumbnail li .sysRetailPrice,
.sysItemList ul.sysList li .sysRetailPrice {
  font-size: 12px;
  padding: 0.5vw;
  color: #a2a2a2;
}

.sysItemListDisp div {
  display: none;
}

/* ページャー */
.sysPagination {
  margin: 50px 0 30px;
}

.sysPagination ul {
  text-align: center;
  margin-top: 5px;
  display: flex;
  margin: auto;
  flex-wrap: wrap;
  justify-content: center;
}

.sysPagination ul li {
  width: auto;
  padding: 5px;
  display: inline;
  font-size: 20px;
}

.sysPagination a {
  display: block;
  border: none;
  width: 100%;
  line-height: 1.4;
  color: #793D39;
  border: 1px solid #ddd;
  padding: 10px;
}

.sysPagination a.sysCurrent {
  background: none;
  font-weight: bold;
  background: #909090;
  color: white;
}


/*袴の着付け方*/
.howto {
  margin: 25px auto 45px;
}

.howto .topictitle {
  margin-bottom: 25px;
}

.howto .topictitle div {
  display: inline-block;
  vertical-align: middle;
}

.howto .topictitle .topic {
  width: 710px;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  color: #333;
  margin: 20px 0px 0px 0px;
}

.howto .list li {
  display: inline-block;
  margin-bottom: 55px;
}

.howto .list {
  width: 927px;
  margin: 0 55px;
}

.howto .list li:nth-of-type(4n) {
  margin-right: 0;
}

.howto .list .topic {
  width: 211px;
  height: 50px;
  margin-bottom: 40px;
}

.howto .list .topic div {
  display: table-cell;
  vertical-align: middle;
}

.howto .list .topic .number {
  text-align: center;
  color: #888;
  width: 34px;
  height: auto;
  font-size: 22px;
}

.howto .list .topic .text {
  width: 177px;
  font-size: 15px;
}

.howto .list .image {
  padding: 5px;
  text-align: center;
  border: 1px solid #F2F1E9;
  background: #FFF;
  -webkit-box-shadow: 0 0 7px 0px rgba(51, 51, 51, .2);
  box-shadow: 0 0 7px 0px rgba(51, 51, 51, .2);
}

.howto .content .text,
.howto .content .image {
  display: inline-block;
  vertical-align: top;
}

.howto .content .text {
  margin: 0px 10px 0px 10px;
}

.howto .content .image {
  margin: 20px 0px 30px 0px;
}

.howto .content {
  width: 710px;
  margin: 20px 70px 20px 120px;
  padding-bottom: 40px;
  border-bottom: 1px solid #E99599;
}

.howto .content:last-child {
  border-bottom: none;
}

/*選ばれる理由*/

.reason .topictitle {
  margin-bottom: 25px;
}

.reason .topictitle div {
  display: inline-block;
  vertical-align: middle;
}

.reason .topictitle .topic {
  width: 710px;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  color: #E58B8C;
  margin: 20px 0px 0px 0px;
}

.reason .content .text,
.reason .content .image {
  display: inline-block;
  vertical-align: top;
}

.reason .content .text {
  margin: 0px 10px 0px 10px;
}

.reason .content .image {
  margin: 20px 0px 30px 0px;
}

.reason .content {
  width: 710px;
  margin: 20px 70px 20px 120px;
  padding-bottom: 40px;
  border-bottom: 1px solid #E99599;
}

.reason .content:last-child {
  border-bottom: none;
}

.reason .button-link {
  display: inline-block;
  width: 500px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  background-color: #F7819F;
  color: #fff;
  margin: 40px 0px 20px 0px;
}

.reason .button-link:hover {
  background-color: #F5A9BC;
}

/*ヘアカタログ*/
div.imageList ul {
  margin: 10px;
  padding: 0;
}

div.imageList li {
  margin-left: 5px;
  margin-bottom: 5px;
}

div.imageList li img {
  width: 80px;
  height: 120px;
}

div.imageList li img:hover {
  cursor: pointer;
  ;
}

.catalog .intro {
  text-align: center;
  margin: 25px auto;
  font-size: 18px;
}

.catalog .line {
  text-align: center;
  font-size: 0;
}

.catalog .box {
  margin-bottom: 40px;
  margin-right: 2%;
  padding-bottom: 4px;
  padding-top: 13px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #9E9E9E;
  text-align: center;
  letter-spacing: normal;
  width: 40%;
}

.catalog .box:last-child {
  margin-right: 0;
}

.catalog .box .title {
  margin-bottom: 20px;
  padding: 5px 0;
  color: #ff4081;
  font-size: 16px;
}

.catalog .mainImage {
  display: inline-block;
  vertical-align: top;
  max-width: 250px;
}

.catalog .imageList {
  display: inline-block;
  vertical-align: top;
  width: 107px;
}

.catalog .box .comment {
  font-size: 14px;
  padding: 8px 10px;
  margin-top: 15px;
  background-color: #FFF;
  text-align: left;
}

/* 袴を着こなすポイント */
#checkpoint .pageTitle {
  max-width: 466px;
}

.checkPointBlock .topictitle {
  margin-bottom: 25px;
}

.checkPointBlock .topictitle div {
  display: inline-block;
  vertical-align: middle;
}

.checkPointBlock .topictitle .topic {
  width: 710px;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  color: #E58B8C;
  margin: 20px 0px 0px 0px;
}

.checkPointBlock .content .text,
.checkPointBlock .content .image {
  display: inline-block;
  vertical-align: top;
}

.checkPointBlock .content .text {
  margin: 0px 10px 0px 10px;
}

.checkPointBlock .content .image {
  margin: 20px 0px 30px 0px;
}

.checkPointBlock .content {
  width: 710px;
  margin: 20px 70px 20px 120px;
  padding-bottom: 40px;
  border-bottom: 1px solid #E99599;
}

.checkPointBlock .content:last-child {
  border-bottom: none;
}

.checkPointBlock dl {
  width: 300px;
  /* background: url(../img/checkpoint/points_header.png) center top no-repeat; */
  padding-top: 30px;
  vertical-align: top;
  margin-left: 30px;
}

.checkPointBlock dl:first-child {
  margin-left: 0;
}

.checkPointBlock dt .number {
  display: inline-block;
  background: #fa828d;
  ;
  color: #FFF;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 26px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
  font-weight: normal;
}

.checkPointBlock dd .image {
  text-align: center;
}

.checkPointBlock dd p {
  font-size: 16px;
  color: #333;
  margin-top: 20px;
  line-height: 1.3;
  font-family: "Yu Gothic";
  margin-bottom: 50px;
}

/* お申込み方法 */

.orderFlow {
  margin-top: 40px;
}

.orderFlow .topictitle {
  margin-bottom: 25px;
}

.orderFlow .topictitle div {
  display: inline-block;
  vertical-align: middle;
}

.orderFlow .topictitle .topic {
  width: 710px;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  color: #E58B8C;
  margin: 20px 0px 0px 0px;
}

.orderFlow .content .text,
.orderFlow .content .image {
  display: inline-block;
  vertical-align: top;
}

.orderFlow .content .text {
  margin: 0px 10px 0px 10px;
}

.orderFlow .content .image {
  margin: 20px 0px 30px 0px;
}

.orderFlow .content {
  width: 710px;
  margin: 20px 70px 20px 120px;
  padding-bottom: 40px;
}

.orderFlow .topictitle_flow {
  margin-bottom: 25px;
}

.orderFlow .topictitle_flow div {
  display: inline-block;
  vertical-align: middle;
}

.orderFlow .topictitle_flow .topic {
  width: 710px;
  background: #EEC6C4;
  color: #663300;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  padding: 8px 0;
  margin-bottom: 20px;
  letter-spacing: 2px;
}

.orderFlow .topictitle_flow .number {
  display: inline-block;
  background: #EB9DA1;
  color: #FFF;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 26px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
  font-weight: normal;
  white-space: nowrap;
}

.orderFlow .content_flow .text,
.orderFlow .content_flow .image {
  display: inline-block;
  vertical-align: top;
}

.orderFlow .content_flow .text {
  margin: 0px 10px 0px 10px;
}

.orderFlow .content_flow .image {
  margin: 0px 0px 10px 0px;
}

.orderFlow .content_flow {
  width: 710px;
  margin: 20px 70px 20px 120px;
  padding-bottom: 40px;
}

.orderFlow p {
  line-height: 1.8;
}

.orderFlow a {
  text-decoration: underline;
  display: inline-block;
  margin-right: 1em;
}

.orderFlow .pink {
  color: #E79197;
  font-weight: bold;
}

.orderBlock .caution {
  border: 1px solid #D3B381;
  background-color: #FFF;
  padding: 30px;
  color: #663300;
  font-size: 15px;
  line-height: 1.6;
  margin-top: 40px;
}

.orderBlock .caution .rule {
  font-size: 22px;
  border-left: 6px solid #663300;
  padding-left: 12px;
  line-height: 1.1;
  margin-bottom: 12px;
  margin-left: 5px;
}

/* ショッピングガイド */
#guide .guideBlock {
  color: #333;
  font-size: 12px;
  margin-bottom: 40px;
}

#guide .catTitle .icon {
  display: inline-block;
  margin-right: 5px;
}

#guide .catTitle .icon img {
  vertical-align: bottom;
}

#guide .payment .catTitle {
  font-size: 28px;
  font-weight: bold;
  color: #5AADAD;
  text-align: center;
  letter-spacing: 2px;
  margin: 30px 0 10px;
  line-height: 1.2;
}

#guide .shipping .catTitle {
  font-size: 28px;
  font-weight: bold;
  color: #DABF92;
  text-align: center;
  letter-spacing: 2px;
  margin: 50px 0 10px;
  line-height: 1.2;
}

#guide .payBox {
  background: #FEFEFC;
  border: 1px solid #99CCCC;
  border-top: none;
}

.payBox .payTitle {
  font-size: 24px;
  background: #BADCDC;
  padding: 7px 20px;
  letter-spacing: 2px;
  border-top: 1px solid #99CCCC;
  border-bottom: 1px solid #99CCCC;
}

#guide .shipBox {
  background: #FEFEFC;
  border: 1px solid #DBC093;
  border-top: none;
}

.shipBox .shipTitle {
  font-size: 24px;
  background: #F0E5D1;
  padding: 7px 20px;
  letter-spacing: 2px;
  border-top: 1px solid #DBC093;
  border-bottom: 1px solid #DBC093;
}

#guide .boxInner {
  padding: 25px;
  font-size: 16px;
}

#guide .boxInner .bold {
  font-weight: bold;
}

#guide .boxInner>*:fitst-child {
  margin-top: 0;
}

#guide .waytopay,
#guide .returnFlow {
  width: 92%;
  margin: 0 auto;
}

#guide .waytopay dt {
  color: #DF666C;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid #663300;
  padding-bottom: 3px;
  margin-top: 30px;
}

#guide .waytopay dd {
  margin-top: 6px;
}

#guide .waytopay .image {
  display: block;
  margin: 15px 0;
}

#guide .shiptime {
  overflow: hidden;
  margin-top: 18px;
}

#guide .shiptime .title {
  font-weight: bold;
  border-bottom: 1px solid #663300;
  margin-bottom: 10px;
}

#guide .shiptime .text {
  width: 62%;
  float: left;
  padding: 0 1%;
}

#guide .shiptime .image {
  width: 38%;
  text-align: center;
  float: left;
  margin-top: 3%;
}

#guide .re-check {
  color: #59ACAC;
  margin-top: 16px;
}

#guide .re-check .big {
  font-size: 22px;
  font-weight: bold;
}

#guide .returnFlow>li {
  border-top: 1px solid #663300;
  padding: 30px 0 20px;
}

#guide .returnFlow li:first-child {
  border-top: none;
}

#guide .returnFlow .mainFlow {
  color: #DF666C;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  padding-left: 1.3em;
  text-indent: -1.5em;
}

#guide .returnFlow dt {
  background: #EADBC1;
  font-size: 20px;
  padding: 8px 10px;
  margin-top: 16px;
}

#guide .returnFlow dd {
  padding: 10px 0;
}

#guide .returnFlow dd.pack {
  padding: 25px 25px 10px;
  overflow: hidden;
}

#guide .returnFlow dd.pack div {
  float: left;
  width: 270px;
  margin-right: 30px;
}

#guide .returnFlow dd li {
  border-bottom: 1px solid #EADBC1;
  padding: 6px;
  position: relative;
}

#guide .returnFlow dd li:first-child {
  border-top: 1px solid #EADBC1;
}

#guide .returnFlow .dred {
  color: #990000;
  font-weight: bold;
  padding: 6px 0;
}

#guide .returnFlow dd li span {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -12px;
}

#guide .returnFlow dd li span a {
  text-decoration: underline;
}


/* 特定商取引法に基づく表記 */

.simpleTitle {
  text-align: center;
  background: #BADCDC;
  font-size: 20px;
  padding: 5px;
  border: 1px solid #99CCCC;
  margin-bottom: 20px;
  margin-top: 45px;
}

.tokushoBlock table {
  width: 100%;
  table-layout: fixed;
  background: #FFF;
  border-bottom: 1px solid #99CCCC;
  border-right: 1px solid #99CCCC;
}

.tokushoBlock th,
.tokushoBlock td {
  border-left: 1px solid #99CCCC;
  border-top: 1px solid #99CCCC;
  padding: 10px 18px;
}

.tokushoBlock th {
  width: 200px;
  padding: 10px 15px;
}

@media only screen and (max-width:540px) {

  .tokushoBlock th,
  .tokushoBlock td {
    display: block;
  }

  .tokushoBlock th {
    width: 100%;
    text-align: center;
    font-weight: bold;
  }
}

/* プライバシーポリシー */
.privacyBlock dl {
  padding: 25px 20px;
  background: #FFF;
  border: 1px solid #99CCCC;
}

.privacyBlock dt {
  margin-top: 25px;
  font-size: 16px;
  font-weight: bold;
}

.privacyBlock dt:first-child {
  margin-top: 0;
}

.privacyBlock dd {
  margin-top: 10px;
}


/*先生向け*/

.teacher {
  margin: 25px auto 45px;
}

.teacher .title,
.catalog .title {
  text-align: center;
  margin-bottom: 3px;
}

.teacher .topictitle {
  margin-bottom: 25px;
}

.teacher .topictitle div {
  display: inline-block;
  vertical-align: middle;
}

.teacher .topictitle .topic {
  width: 710px;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  color: #666666;
  font-family: "Yu Gothic";
  padding-top: 17px;
}

.teacher .content .text,
.teacher .content .image {
  display: inline-block;
  vertical-align: top;
}

.teacher .content .text {
  margin: 0px 10px 0px 10px;
}

.teacher .content .image {
  margin: 20px 0px 30px 0px;
}

.teacher .content {
  width: 710px;
  margin: 20px 70px 20px 120px;
  padding-bottom: 40px;
  border-bottom: 1px solid #E99599;
}

.teacher .content:last-child {
  border-bottom: none;
}


/*小学生向け*/
.jr {
  margin: 25px auto 45px;
}

.jr .title,
.catalog .title {
  text-align: center;
  margin-bottom: 3px;
}

.jr .topictitle {
  margin-bottom: 25px;
}

.jr .topictitle div {
  display: inline-block;
  vertical-align: middle;
}

.jr .topictitle .topic {
  width: 710px;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  color: #666666;
  font-family: "Yu Gothic";
  padding-top: 17px;
}

.jr .content .text,
.jr .content .image {
  display: inline-block;
  vertical-align: top;
}

.jr .content .text {
  margin: 0px 10px 0px 10px;
}

.jr .content .image {
  margin: 20px 0px 30px 0px;
}

.jr .content {
  width: 710px;
  margin: 20px 70px 20px 120px;
  padding-bottom: 40px;
  border-bottom: 1px solid #E99599;
}

.jr .content:last-child {
  border-bottom: none;
}

.jr .button-link {
  display: inline-block;
  width: 420px;
  height: 55px;
  text-align: center;
  text-decoration: none;
  line-height: 55px;
  outline: none;
  background-color: #fa828d;
  color: #fff;
  margin: 40px 0px 20px 0px;
  font-family: "Yu Gothic";
  font-size: 16px;
}

.jr .button-link:hover {
  background-color: #F5A9BC;
}


/*サイトマップ*/
.sitemap {
  margin: 25px auto 45px;
}

.sitemap .title,
.catalog .title {
  text-align: center;
  margin-bottom: 20px;
}

.sitemap dl:first-child {
  margin-left: 160;
}

.sitemap dt {
  margin-top: 20px;
  margin-bottom: 15px;
  padding-left: 8px;
}

.sitemap dd {
  font-size: 100%;
  line-height: 1.8;

  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 17px;

  padding-right: 15px;
  padding-left: 8px;
}

.sitemap dt a {
  background: url(../img/banner/bnr_check.png) no-repeat 1px 2px;
  background-size: 9px 11px;
  padding-left: 20px;
  line-height: 1.2;
  font-size: 13px;
  display: block;
  margin-bottom: 7px;
  text-decoration: underline;
  color: #db7093;
}

.sitemap dt a:hover {
  text-decoration: none;
}

.sitemap dd a {
  background: url(../img/banner/bnr_check.png) no-repeat 1px 2px;
  background-size: 9px 11px;
  padding-left: 20px;
  line-height: 1.2;
  font-size: 13px;
  display: block;
  margin-bottom: 10px;
  text-decoration: underline;
  color: #db7093;
}

.sitemap dd a:hover {
  text-decoration: none;
}

/*コラム記事一覧トップ*/
.columnTop {
  margin: 25px auto 45px;
}

.columnTop .title,
.catalog .title {
  text-align: center;
  margin-bottom: 3px;
}

.columnTop .topictitle {
  margin-bottom: 10px;
}

.columnTop .topictitle div {
  display: inline-block;
  vertical-align: middle;
}

.columnTop .topictitle .topic {
  width: 710px;
  font-size: 20px;
  font-weight: bold;
  color: #E58B8C;
  border-left: 10px solid #E58B8C;
  padding: 0.1em 0.3em;
  margin: 10px 0px 0px 0px;
}

.columnTop .topictitle .topic a {
  padding-left: 3px;
  line-height: 1.2;
  font-size: 20px;
  font-weight: bold;
  display: block;
  margin-top: 12px;
  margin-bottom: 7px;
  text-decoration: underline;
  color: #E58B8C;
}

.columnTop .topictitle .topic a:hover {
  text-decoration: none;
}

.columnTop .content .text,
.columnTop .content .image {
  display: inline-block;
  vertical-align: top;
}

.columnTop .content .text {
  margin: 0px 10px 0px 10px;
}

.columnTop .content .text2 {
  text-align: right;
  margin-top: 15px;
  color: #E58B8C;
}

.columnTop .content .text2 a {
  padding-left: 3px;
  line-height: 1.2;
  font-size: 13px;
  display: block;
  margin-top: 15px;
  margin-bottom: 7px;
  text-decoration: underline;
  color: #E58B8C;
}

.columnTop .content .text2 a:hover {
  text-decoration: none;
}

.columnTop .content .image {
  width: 710px;
  margin-bottom: 15px;
}

.columnTop .content {
  width: 710px;
  margin: 30px 70px 20px 120px;
  padding-bottom: 40px;
  border-bottom: 1px solid #E99599;
}

.columnTop .content:last-child {
  border-bottom: none;
}

.columnTop ul.pageNav01 {
  margin: 0 0 10px;
  padding: 10px 10px 5px;
  text-align: center;
}

.columnTop ul.pageNav01 li {
  display: inline;
  margin: 0 2px;
  padding: 0;
}

.columnTop ul.pageNav01 li span {
  display: inline-block;
  margin-bottom: 5px;
  padding: 1px 8px;
  background: #eeeff7;
  border: 1px solid #aaa;
  text-decoration: none;
  vertical-align: middle;
}

.columnTop ul.pageNav01 li a {
  display: inline-block;
  margin-bottom: 5px;
  padding: 1px 8px;
  background: #fff;
  border: 1px solid #aaa;
  text-decoration: none;
  vertical-align: middle;
}

.columnTop ul.pageNav01 li a:hover {
  background: #eeeff7;
  border-color: #e99599;
}


/*よくあるご質問*/
.faq {
  margin: 25px auto 45px;
}

.faq .topictitle {
  margin-bottom: 25px;
}

.faq .topictitle div {
  display: inline-block;
  vertical-align: middle;
}

.faq .topictitle .topic {
  width: 100%;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  color: #E58B8C;
  margin: 20px 0px 0px 0px;
  position: relative;
  /*    solid 2px #E58B8C */
  font-family: "Yu Gothic";
}

*/.faq .topictitle .topic:after {
  content: '';
  top: 42px;
  left: 50%;
  width: 250px;
  height: 2px;
  position: absolute;
  background: #E58B8C;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%);
}

*/

/*コラム記事*/
.column {
  margin: 20px auto 20px;
}

.column .title,
.catalog .title {
  text-align: center;
  margin-bottom: 3px;
}

.column .topictitle {
  margin-bottom: 10px;
}

.column .topictitle div {
  display: inline-block;
  vertical-align: middle;
}

.column .topictitle .icon {
  width: 51px;
  text-align: center;
}

.column .topictitle .topic {
  font-size: 17px;
  font-weight: bold;
  width: 430px;
  color: #E58B8C;
}

.column .content .text,
.column .content .image {
  display: inline-block;
  vertical-align: top;
}

.column .content .text {
  width: 500px;
  margin-right: 100px;
  margin-left: 50px;
}

.column .content .image {
  margin-right: 50px;
}

.column .content {
  margin-top: 40px;
  padding-bottom: 30px;
  background: url(../img/border/border01.png) repeat-x;
  background-position: center bottom;
}

.column .content2 .text,
.column .content2 .image {
  display: inline-block;
  vertical-align: top;
}

.column .content2 .text {
  width: 850px;
  margin-right: 50px;
  margin-left: 50px;
}

.column .content2 {
  margin-top: 30px;
  padding-bottom: 40px;
  background: url(../img/border/border01.png) repeat-x;
  background-position: center bottom;
}

.column .content2 .box {
  border: 2px solid #ffb6c1;
  margin: 1em 0;
  padding: 1em;
  display: inline-block;
}

.column .content2 .line {
  background: linear-gradient(transparent 70%, #ffb6c1 70%);
  display: inline-block;
}

.column .content3 .text,
.column .content3 .image {
  display: inline-block;
  vertical-align: top;
}

.column .content3 .text {
  width: 850px;
  margin-right: 50px;
  margin-left: 50px;
}

.column .content3 {
  margin-top: 30px;
  padding-bottom: 40px;
}

.column .content3 .box {
  border: 2px solid #ffb6c1;
  margin: 1em 0;
  padding: 1em;
  display: inline-block;
}

.column .content3 .line {
  background: linear-gradient(transparent 70%, #ffb6c1 70%);
  display: inline-block;
}

/* もくじ */
.page-contents {
  list-style: none;
  padding-left: 50px;
  margin-top: 40px;
  padding-bottom: 20px;
  background: url(../img/border/border01.png) repeat-x;
  background-position: center bottom;
}

.page-contents .box {
  width: 540px;
  font-size: 17px;
  border: 1px solid #666;
  border-radius: 4px;
  background-color: #FCFBF3;
  margin: 2em 0;
  padding: 2em;
  position: relative;
}

.page-contents .box::before {
  background-color: #FCFBF3;
  font-size: 17px;
  content: "目次";
  left: 1em;
  padding: 0 .5em;
  position: absolute;
  top: -1em;
}

.page-contents a {
  margin-top: 10px;
  background: url(../img/banner/bnr_check.png) no-repeat 1px 2px;
  background-size: 9px 11px;
  padding-left: 20px;
  line-height: 1.2;
  font-size: 15px;
  display: block;
  margin-left: 10px;
  margin-bottom: 10px;
  text-decoration: underline;
  color: #db7093;
}

.page-contents a:hover {
  text-decoration: none;
}

/*関連記事一覧*/
.readmore {
  margin: 25px auto 45px;
}

.readmore .topictitle {
  background: url(../img/column/column_icon.png) no-repeat 1px 2px;
  background-size: 51px 35px;
  padding-left: 60px;
  margin-bottom: 5px;
}

.readmore .topictitle div {
  display: inline-block;
  vertical-align: middle;
}

.readmore .topictitle .icon {
  width: 51px;
  text-align: center;
}

.readmore .topictitle .topic {
  font-size: 17px;
  font-weight: bold;
  width: 480px;
  color: #E58B8C;
}

.readmore .topictitle .topic a {
  padding-left: 3px;
  line-height: 1.0;
  font-size: 17px;
  font-weight: bold;
  display: block;
  margin-top: 10px;
  margin-bottom: 3px;
  text-decoration: underline;
  color: #E58B8C;
}

.readmore .topictitle .topic a:hover {
  text-decoration: none;
}

.readmore .content .text,
.readmore .content .image {
  display: inline-block;
  vertical-align: top;
}

.readmore .content .image {
  width: 110px;
  margin-right: 15px;
  margin-left: 50px;
}


.readmore .content .text {
  width: 650px;
}

.readmore .content {
  margin-top: 10px;
  padding-bottom: 10px;
  background: url(../img/border/border01.png) repeat-x;
  background-position: center bottom;
}

.readmore .content:last-child {
  background: none;
}

.readmore .list {
  border-bottom: 3px solid #E99599;
  text-align: left;
  font-size: 20px;
  margin-bottom: 20px;
  padding: 2px 2px 2px 10px;
  width: auto;
}

.readmore .box {
  width: auto;
  border: 1px solid #666;
  border-radius: 4px;
  background-color: #FCFBF3;
  margin: 2em 0;
  padding: 1.5em;
  position: relative;
}

/*更新履歴トップ*/
.newsBox {
  margin: 25px auto 45px;
}

.newsBox .topic {
  font-size: 13px;
  width: 480px;
  color: #E58B8C;
}

.newsBox .topic a {
  background: url(../img/banner/bnr_check.png) no-repeat 1px 2px;
  background-size: 9px 11px;
  padding-left: 20px;
  line-height: 1.2;
  font-size: 13px;
  display: block;
  margin-bottom: 7px;
  text-decoration: underline;
  color: #E58B8C;
}

.newsBox .topic a:hover {
  text-decoration: none;
}

.newsBox .content .text,
.newsBox .content .days {
  display: inline-block;
  vertical-align: top;
}

.newsBox .content .days {
  width: 110px;
  margin-right: 15px;
  margin-left: 50px;
}

.newsBox .content .text {
  width: 650px;
}

.newsBox .content {
  margin-top: 10px;
  padding-bottom: 10px;
  background: url(../img/border/border01.png) repeat-x;
  background-position: center bottom;
}

.newsBox .content:last-child {
  background: none;
}

.newsBox .list {
  border-bottom: 3px solid #E99599;
  text-align: left;
  font-size: 20px;
  margin-bottom: 20px;
  padding: 2px 2px 2px 10px;
  width: auto;
}

.newsBox .list a {
  padding-left: 20px;
  line-height: 1.2;
  font-size: 13px;
  margin-bottom: 20px;
  text-decoration: underline;
  color: #E58B8C;
}

.newsBox .list a:hover {
  text-decoration: none;
}

.newsBox .box {
  width: auto;
  border: 1px solid #666;
  border-radius: 4px;
  background-color: #FCFBF3;
  margin: 2em 0;
  padding: 1.5em;
  position: relative;
}

/*更新履歴*/
.newsList {
  margin: 25px auto 45px;
}

.newsList .topic {
  font-size: 13px;
  width: 480px;
  color: #E58B8C;
}

.newsList .topic a {
  background: url(../img/banner/bnr_check.png) no-repeat 1px 2px;
  background-size: 9px 11px;
  padding-left: 20px;
  line-height: 1.2;
  font-size: 13px;
  display: block;
  margin-bottom: 7px;
  text-decoration: underline;
  color: #E58B8C;
}

.newsList .topic a:hover {
  text-decoration: none;
}

.newsList .content .text,
.newsList .content .days {
  display: inline-block;
  vertical-align: top;
}

.newsList .content .days {
  width: 110px;
  margin-right: 15px;
  margin-left: 50px;
}

.newsList .content .text {
  width: 650px;
}

.newsList .content {
  margin-top: 10px;
  padding-bottom: 10px;
  background: url(../img/border/border01.png) repeat-x;
  background-position: center bottom;
}

.newsList .content:last-child {
  background: none;
}

.newsList .list {
  border-bottom: 3px solid #E99599;
  text-align: left;
  font-size: 20px;
  margin-bottom: 20px;
  padding: 2px 2px 2px 10px;
  width: auto;
}

.newsList .box {
  width: auto;
  border: 1px solid #666;
  border-radius: 4px;
  background-color: #FCFBF3;
  margin: 2em 0;
  padding: 1.5em;
  position: relative;
}


/* 年末年始休業banner */


.nenmatsu {
  text-align: center;
  padding: 33px 0 0;
}

/* デバイス別__タブレット以下一括適用 */
@media only screen and (max-width:780px) {

  div#sysMain,
  div#sysAside,
  .contentsInner {
    width: 100%;
    /* padding: 0 2%; */
  }

  #sysWishlist .sysButton,
  #sysItemDetail .sysCartButton {
    background-position: 21% center;
  }

  /* .checkedRecently .sysContent .sysHorizontal .sysItemImage img {
    max-height: 180px;
  } */

  .contents .title {
    max-width: 90%;
    margin: 0 auto 5%;
  }
}

@media only screen and (max-width:640px) {
  #sysItemDetail .itemInfoArea .sysItemName h1 {
    font-size: 18px;
    font-weight: bold;
  }

  .sysItemImages,
  .itemInfoArea {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }

  .sysItemImages {
    width: 100%;
    max-width: 360px;
  }

  .itemInfoArea {
    width: 94%;
    margin-top: 5%;
  }

  .sysRentalSrartDate {
    font-size: 16px;
  }

  .sysRentalStartDate {
    font-size: 16px;
  }
}

@media only screen and (max-width:340px) {

  #sysWishlist .sysButton,
  #sysItemDetail .sysCartButton {
    background-position: 17% center;
    padding-left: 30%;
    font-size: 20px;
    font-weight: bold;
  }
}




/* Edit Form Page Layout */

/* Cart Button Reset */
/* .sysCart #sysMain .sysNextSubmitArea .sysNextSubmit,
.sysCart #sysMain input[type=submit],
.sysCart #sysMain button[type=submit],
.sysCart #sysMain button {} */

/* .sysCartInDone {} */

.sysTotal .sysTotalTxt {
  font-size: 16px !important;
  text-align: center;
  margin-left: 0;
}

/* sysCart page css
---------------------------------------------------- */

.sysCart #sysMain .sysBox {
  border: 2px solid #d3d3d3;
  margin: 0 auto 1em;
  padding: 10px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  overflow: hidden;
}

.sysCart .sysBox .sysProduct {
  margin-bottom: 1%;
}

.sysCart .sysBox img.sysProductImg {
  margin-bottom: 0;
}

.sysCart .sysItemListArea div.sysBox>div {
  width: 67%;
  float: right;
}

.sysCart .sysItemListArea div.sysBox>.sysSubTotalArea {
  margin-bottom: 1%;
}

.sysCart .sysItemListArea div.sysBox .sysNumArea {
  display: none;
}

.sysCart .sysBox hr {
  display: none;
}

.sysCart #sysMain .sysBox p:first-child {
  text-align: center;
}

.sysCart .sysBox select {
  display: inline;
  max-width: none;
}

.sysCartAttention {
  color: #DC0000;
}

.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit {
  border: 0;
  color: #fff;
  font-size: 20px !important;
  background: #FF8A8F !important;
  width: 50%;
  text-shadow: none;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  height: inherit;
  padding: 10px 0;
  line-height: 1.2;
  min-width: 240px;
}

.sysCart #sysMain .sysNextSubmitArea .sysSendMail {
  padding: 6px;
}

.sysTotal .sysTotalTxt {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
  text-shadow: none;
  font-size: 16px !important;
  margin-left: 0;
}

.sysTotal .sysTotalTxt .sysCartAttention {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
  text-shadow: none;
  font-size: 21px !important;
}

.sysCart #sysMain textarea {
  width: 100% !important;
}

.sysCart #sysMain .sysConfirmButton input[type=submit],
.sysCart #sysMain input[type=submit] {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
  color: #000;
  height: 42px;
  font-size: 18px !important;
  line-height: 3px;
  min-width: 120px;
}

.sysCart #sysMain input[type=submit],
.sysCart #sysMain button[type=submit],
.sysCart #sysMain button {
  background: #999;
  border: none;
  color: #FFF;
}

.sysCart #sysMain .sysConfirmButton input[type=submit],
.sysCart #sysMain input[type=submit] {
  color: #FFF;
  height: 35px;
  font-size: 14px !important;
}

.sysCart #sysMain select {
  width: 35%;
}

.sysCart .sysNavImg {
  margin-bottom: 20px;
  text-align: center;
}

.sysCart ul.nav div.sysBox>div {
  width: 67%;
  float: right;
}

.sysCart ul.nav div.sysBox>.sysSubTotalArea {
  margin-bottom: 1%;
}

.sysCart ul.nav div.sysBox .sysNumArea {
  display: none;
  height: 0;
}

.sysAccordionInitialHide {
  display: block;
}

.sysCart #sysMain .sysGender {
  margin-bottom: 10px;
}

.sysCart #sysMain .sysGender .sysFormField label {
  margin-right: 15px;
}

.sysRequired {
  color: #E30000;
}

/* カートを見る */
#sysBasket #sysMain {
  display: table;
  table-layout: fixed;
  width: 930px;
}

#sysBasket #sysMain .sysNextSubmitArea:first-child {
  display: none;
}

#sysBasket #sysMain .sysItemListArea {
  display: table-header-group;
}

#sysBasket #sysMain>form {
  display: table-footer-group;
}

#sysBasket .itemOptions {
  margin-bottom: 20px;
}

@media only screen and (max-width: 780px) {

  .sysOrder .sysConfirmButton,
  .sysDetail .sysConfirmButton {
    width: 40%;
    float: left !important;
  }

  .sysCart .sysBox img.sysProductImg {
    width: 33%;
  }

  .sysCart ul.nav div.sysBox>div {
    width: 64%;
  }

  .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 {
    height: 3em;
  }

  .sysCart #sysMain select {
    width: 80%;
    max-width: none;
    margin: 0 0 0.5em;
  }

  .sysCart #sysMain .input-append input[type=text] {
    margin-right: 0;
  }
}

/* Form Page */
#sysMemberRegisterRegister #sysMain h2,
#sysMemberRegisterConfirm #sysMain h2,
#sysMemberRegisterIndex #sysMain h2,
#sysFormThanks #sysMain h2,
#sysFormConfirm #sysMain h2,
#sysFormIndex #sysMain h2,
.sysMypage #sysMain h2 {
  background: none;
  color: #333;
  border-bottom: 1px solid #999;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 0 0 5px 0;
  margin-bottom: 10px;
}

#sysMemberRegisterRegister #sysMain,
#sysMemberRegisterConfirm #sysMain,
#sysMemberRegisterIndex #sysMain,
#sysFormThanks #sysMain,
#sysFormConfirm #sysMain,
#sysFormIndex #sysMain,
.sysMypage #sysMain,
.sysCart #sysMain {
  border: 1px solid #CCC;
  box-shadow: none;
  width: 840px;
  /*pc*/
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 20px;
  background-color: #FFF;
  margin-top: 20px;
}

#sysMemberRegisterConfirm #sysMain>form,
#sysMemberRegisterIndex #sysMain>form,
#sysFormConfirm #sysMain>form,
#sysFormIndex #sysMain>form,
#sysMypageEditDelivery #sysMain>form,
#sysMypageEditMember #sysMain>form {
  padding: 10px 2px;
}

.sysFormItem {
  margin-top: 15px
}

.sysFormItem:first-child {
  margin-top: 0;
}

#sysMypageReminder #sysMain input,
#sysMemberRegisterIndex #sysMain input,
#sysFormIndex #sysMain input,
#sysMypageEditDelivery #sysMain input,
#sysMypageEditMember #sysMain input {
  line-height: 1;
  padding: 10px 5px;
  font-size: 15px;
  margin: 5px 0;
}

/* ボタン */
.sysLoginButton {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 14px 0;
  margin: 26px auto 0;
  width: 100%;
}

.sysBackButton {
  width: auto;
  height: auto;
}

.sysButton {
  background-color: #666;
}

.sysLoginButton:hover,
.sysLoginButton:focus,
.sysButton:hover,
.sysButton:focus {
  background-color: #999;
  color: #FFF;
}

#sysMypageReminder #sysMain .sysButton,
.sysMemberRegister #sysMain .sysBackButton,
#sysMemberRegisterIndex #sysMain .sysButton,
#sysFormIndex #sysMain .sysButton,
#sysMypageEditDelivery #sysMain .sysButton,
#sysMypageEditMember #sysMain .sysButton {
  font-size: 15px;
  line-height: 1;
  padding: 11px 10px;
  vertical-align: top;
  min-width: 90px;
  background-color: #999;
}

#sysFormIndex #sysMain .sysNextSubmit,
.sysMemberRegister #sysMain .sysNextSubmit,
#sysMypageLogin .sysLoginButton,
#sysFormConfirm .sysNextSubmit,
#sysMypageReminder #sysMain input[type=submit],
#sysMemberRegisterIndex #sysMain .sysNextSubmit,
#sysMypageEditDelivery #sysMain .sysNextSubmit,
#sysMypageEditMember #sysMain .sysNextSubmit {
  background-color: #E89197;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 16px;
  height: auto;
  letter-spacing: 1px;
  margin: 30px auto 10px;
  padding: 15px 0;
  width: 80%;
}

#sysFormIndex #sysMain .sysNextSubmit:hover,
.sysMemberRegister #sysMain .sysNextSubmit:hover,
#sysMypageLogin .sysLoginButton:hover,
#sysFormConfirm .sysNextSubmit:hover,
#sysMypageReminder #sysMain input[type=submit]:hover,
#sysMemberRegisterIndex #sysMain .sysNextSubmit:hover,
#sysMypageEditDelivery #sysMain .sysNextSubmit:hover,
#sysMypageEditMember #sysMain .sysNextSubmit:hover {
  background-color: #FF8A8F;
}

/* \ボタン */

#sysMain input[type="email"],
#sysMain input[type="number"],
#sysMain input[type="password"],
#sysMain input[type="tel"],
#sysMain input[type="url"],
#sysMain input[type="text"],
#sysMain textarea {
  line-height: 1;
  padding: 10px 5px;
  font-size: 15px;
}

#sysMypageReminder #sysMain input[type="radio"],
#sysMemberRegisterIndex #sysMain input[type="radio"],
#sysFormIndex #sysMain input[type="radio"],
#sysMypageEditDelivery #sysMain input[type="radio"],
#sysMypageEditMember #sysMain input[type="radio"] {
  padding: 6px;
  width: 0;
  height: 0;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

#sysMypageReminder #sysMain input[type="radio"]:checked,
#sysMemberRegisterIndex #sysMain input[type="radio"]:checked,
#sysFormIndex #sysMain input[type="radio"]:checked,
#sysMypageEditDelivery #sysMain input[type="radio"]:checked,
#sysMypageEditMember #sysMain input[type="radio"]:checked {
  background: #333;
  transition: .3s;
}

#sysMypageReminder #sysMain input[type="checkbox"],
#sysMemberRegisterIndex #sysMain input[type="checkbox"],
#sysFormIndex #sysMain input[type="checkbox"],
#sysMypageEditDelivery #sysMain input[type="checkbox"],
#sysMypageEditMember #sysMain input[type="checkbox"] {
  width: 15px;
  height: 15px;
  vertical-align: middle;
}

#sysMain select {
  font-size: 15px;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFEFEFEF', endColorstr='#FFFFFFFF');
  background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#FFFFFF));
  border-radius: 5px;
  border: #999999 1px solid;
  padding: 8px 1px;
  line-height: 1;
  height: auto;
  margin: 5px 0;
}

/* 性別 */
.sysGender label {
  margin-right: 5px;
}

/* .sysZipcode button,
.sysZipcode .sysFormField {}

.sysZipcode .sysFormLabel {} */

.sysZipcode .sysFormField {
  width: 170px;
}

/* .sysZipcode br {} */

/* 生年月日 */
.sysBirthday .sysFormField input {
  margin-left: 4px !important;
  margin-right: 2px !important;
}

.sysBirthday .sysFormField input:first-child {
  margin-left: 0 !important;
}


/* Form Confirm Page */
/* #sysMypageEditConfirm #sysMain .sysFormField,
#sysMemberRegisterConfirm #sysMain .sysFormField,
#sysFormConfirm #sysMain .sysFormField {}
*/
/* Item Search Form */
/* .sysItemSearchForm > div {}

form.sysItemSearchForm {}

.sysItemSearchForm > div.sysItemSearchFormWord {} */

/* MyPage */
/* Mypage Index */
.sysMypageMinorHeadLine {
  font-weight: bold;
  color: #333;
}

.sysMypage #sysMain>form,
.sysMypage #sysMain>div {
  padding: 0;
}

#sysMypageLogin .sysButton {
  background: url(../img/mypage/mypage_icon.gif) no-repeat 1px center;
  color: #333;
  padding: 0;
  display: block;
  margin: 15px auto 5px;
  text-align: center;
  padding-left: 20px;
}

#sysMypageLogin .sysButton:hover {
  text-decoration: underline;
}

/* 購入履歴 */
/* .sysOrderList {}

.sysOrderList li {} */

/* マイページボタン */
.sysMypageNav {
  margin-top: 20px;
  letter-spacing: -.4em;
}

.sysMypageNav>form {
  margin-left: 2%;
  letter-spacing: normal;
}

.sysMypageNav>form:nth-child(2n+1) {
  margin-left: 0;
}

.sysMypageNav .sysButton {
  background: #666;
}

/* 退会 */
#sysMypageWithdrawalConfirm .sysWithdrawal {
  letter-spacing: -.4em;
}

#sysMypageWithdrawalConfirm .sysWithdrawal p {
  letter-spacing: normal;
  margin: 10px 0;
}

#sysMypageWithdrawalConfirm .sysWithdrawal form {
  letter-spacing: normal;
  display: inline-block;
  width: 48%;
}

#sysMypageWithdrawalConfirm .sysWithdrawal form:nth-of-type(1) {
  margin-right: 4%;
}

#sysMypageWithdrawalConfirm .sysButton {
  background: #666;
  width: 100%;
  margin: 0;
  padding: 12px 0px;
}

/* エラーメッセージ */
.sysFormItem .sysErrorMessage {
  display: none;
}

.sysErrorFormField {
  background: #FFE8ED !important;
}

@media only screen and (max-width: 780px) {

  #sysMemberRegisterRegister #sysMain,
  #sysMemberRegisterConfirm #sysMain,
  #sysMemberRegisterIndex #sysMain,
  #sysFormThanks #sysMain,
  #sysFormConfirm #sysMain,
  #sysFormIndex #sysMain,
  .sysMypage #sysMain,
  .sysCart #sysMain,
  #sysBasket #sysMain {
    width: 94%;
    padding: 5%;
    margin-top: 10px;
  }
}

@media only screen and (max-width: 320px) {
  .sysMypageNav>form {
    width: 100%;
    margin-left: 0;
  }
}




#sysRegi #sysMain {
  display: flex;
  flex-flow: row wrap;
}

#sysRegi #sysMain #sysPurchaseAuthMember {
  order: 3;
  width: 100%;
}

#sysRegi #sysMain #sysRegisterForm {
  order: 2;
  width: 100%;
}

#sysRegi #sysMain #sysPurchaseAuthCustomer {
  order: 1;
  width: 100%;
}

#sysRegi #sysMain form {
  order: 4;
  width: 100%;
}

#sysRegi #sysMain sysAside {
  order: 5;
  width: 100%;
}

/* RentalSchedules */
.sysRentalSchedules {
  margin: 15px 0;
}

.sysPrevCalendar,
.sysNextCalendar,
.sysRentalSchedulesCalendar tbody {
  background: #FFF;
}

.sysRentalSrartDate {
  color: #E06B74;
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
}

.sysRentalSrartDate:before {
  content: "【 ";
}

.sysRentalSrartDate:after {
  content: " 】";
}

.sysRentalStartDate {
  color: #E06B74;
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
}

.sysRentalStartDate:before {
  content: "【 ";
}

.sysRentalStartDate:after {
  content: " 】";
}

.sysRentalSchedulesCalendarArea {
  margin-top: 10px;
}

.sysRentalSchedulesCalendars {
  width: 100%;
  max-width: 350px;
}

.sysRentalSchedulesCalendar caption {
  text-align: center;
  font-size: 18px;
}

.sysRentalSchedulesCalendar th {
  min-width: 38px;
  background: #F2EBE3;
}

.sysRentalSchedulesCalendar td.sysRentalSchedulesInvalid {
  opacity: 0.5;
  background: #DDD;
}

.sysRentalSchedulesCalendar td.sysRentalSchedulesValid:hover {
  background: #EDC3C1;
}

.sysRentalSchedulesCalendar td.sysRentalSchedulesSelected {
  background-color: #E06B74;
  color: #fff;
}

.sysRentalSchedulesCalendar td.sysRentalSchedulesSelected:hover {
  background-color: #E06B74;
  opacity: 0.8;
}

.sysRentalSchedulesCalendar td.sysRentalSchedulesSelected .sysRentalSchedulesValidPrice {
  color: #fff;
}

.sysRentalSchedulesCalendar td.sysRentalSchedulesReserved {
  opacity: 0.5;
}

.sysRentalScheduleInfo {
  margin-top: 15px;
}

.sysRentalSchedulesError {
  margin-top: 15px;
}

/*メルマガ購読フォームを非表示にする*/
.sysFormItem.sysAcceptMailmagazine {
  display: none;
}

h1.title {
  font-size: xx-large;
  color: unset;
  text-align: center;
}

.sysFuncBanner.hurry {
  margin-top: 5%;
}

table.taikeiT {
  background-color: #edc3c1;
}



.what_hakama ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.what_hakama_text {
  text-align: left;
  margin-top: 50px;
}

.what_hakama_text p {
  margin-top: 40px;
}

.what_hakama {
  margin-top: 30px;
}

.what_hakama_vm p {
  background: #fa828d;
  color: white;
  font-family: 'Yu Gotic';
  width: 960px;
  display: inline-block;
  padding-left: 353px;
  padding-bottom: 44px;
  padding-top: 17px;
  font-size: 23px;
  margin-top: 50px;
  height: 10px !important;
  margin-bottom: 150px;
}



p#chosen {
  padding: 10px;
  border: pink solid 1px;
  font-size: large;
  background: #ffffff;
  color: #fa828d;
  margin-bottom: 40px;
}

.hakama_reason_text {
  margin-top: 25px;
}

.hakama_reason_text {
  margin-top: 30px;
  text-align: center;
  margin-bottom: 30px;
  padding: 10px;
}

.reason_img ul {
  display: flex;
  padding-bottom: 15px;
}

*/.reason_detail_text {
  margin-bottom: 145px;
  background-image: url(/img/hakama_zebrared.png);
  position: relative;
}

*/ .reason_detail_text p {
  padding: 30px 50px 30px 50px;
}

.reason_detail_text img {
  margin-top: 5px;
}

*/.reason_detail_text:before {
  content: '';
  top: 0;
  left: 0;
  border-bottom: 6em solid transparent;
  border-left: 6em solid #ecb8bd;
  position: absolute;
  z-index: 100;
}

*/ p#s-title {
  margin-top: 110px;
  margin-bottom: 30px;
  text-align: center;
  font-size: 25px;
  position: relative;
  color: #fa828d;
}

p#s-title:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -10px;
  display: inline-block;
  width: 100%;
  height: 2px;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%);
  background-color: #fa828d;
}

.bottom_bar {
  width: 100%;
  text-align: center;
  padding: 20px;
  font-size: x-large;
  font-family: serif;
  color: white;
  background: #ebb7bd;
  margin-bottom: 10px;
  font-weight: bold;
}

ul.sysVertical {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

ul.sysVertical li {
  width: 30%;
  margin-bottom: 20px;
}

/* .stylebook .sysContent .sysVertical .sysItemImage img {
  width:100%;

} */

/* .sysFuncText.top_itemlink {
  padding-bottom: 40px;
} */

.order_float {
  text-align: center;
  height: 72px;
  background: #fa828d;
  width: 300px;
  margin: 53px auto;
  font-size: 25px;
  color: white;
}

.order_float a p {
  display: block;
  line-height: 3em;
}

.order_float a {
  text-decoration: none;
  color: #fff;
}

.teacher h3 {
  font-size: 30px;
  margin: -4px 78px -16px 3px;
  width: 100%;
  display: block;
  color: #fa828d;
  border: solid 1px #fa828d;
  padding: 7px 0px 0px 0;
  text-align: center;
}

.hakama-kikuzure-taisaku {
  margin-top: -5px;
  margin-bottom: 40px;
}

li#mokuji {
  padding-bottom: 12px;
  margin-top: -4px;
}

#jr_hakama .sysFuncItemBlock.autoRecommendBlcok.contents {
  display: none;
}

form.sysItemCategoryForm {
  display: none;
}

.ib-parent a#contact_us {
  background: #e7e7eb;
  color: #666666;
  height: 70px;
  padding-top: 20px;
  font-family: "Yu Gothic";
  padding: 22px 0px 0px 0px;
  text-align: center;
  width: 924px;
}


p.logo {
  position: relative;
  top: 0px;
  left: 0px;

}

a.LinkColor {
  color: #23a7d9;
  text-decoration: underline;
}


.reason_detail_text h3 {
  position: relative;
  display: inline-block;
  padding: 0 55px;
  font-size: 25px;
  margin: 20px 0 20px 0;
  color: #2fc3c3;
}

.reason_detail_text h3:before,
.reason_detail_text h3:after {
  content: '';
  position: absolute;
  top: 43%;
  display: inline-block;
  width: 48px;
  height: 2px;
  background-color: #2fc3c3;
}

h2#s-title {
  margin-top: 65px;
  font-size: 30px;
  text-align: center;
  color: #fa828d;
  margin-bottom: 10px;
}

.reason_detail_text h3:before {
  margin-left: -50px;
}

.reason_detail_text h3:after {
  margin-left: 5px;
}

.reason_detail_text p {
  margin-bottom: 25px;
}

.mg20 {
  margin-bottom: 20px;
}

.mgTOP30 {
  margin-top: 30px;
}


/*共通画像PC,SP切り替え*/

@media screen and (max-width:760px) {
  .img_pcsp img#sp {
    display: block;
  }

  .hakama-choose_img img#pc {
    display: none;
  }
}

@media screen and (min-width:780px) {
  .img_pcsp img#pc {
    display: block;
  }

  .img_pcsp img#sp {
    display: none;
  }
}

.img_pcsp {
  margin-bottom: 24px;
}

input[type="button"],
input[type="submit"] {
  -webkit-appearance: none;
  background: #333;
  border: none;
  padding: 5px;
  cursor: pointer;
  font-family: fantasy;
  color: #fff;
  margin-top: 20px;
}

/* .checkedRecently {
  width: fit-content;
  margin: 50px auto;
}

.checkedRecently .sysHeadline {
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 7px;
  border-bottom: 3px solid #db7093;
  margin-bottom: 2%;
  font-family: 游明朝;
  text-align: center;
} */
.sysFuncInformation.news {
  padding: 0.5em 1em;
  margin: 2em 0;
  font-weight: bold;
  background: #FFF;
  /* border: solid 2px #ebb7bd; */
  border-radius: 2px;
  font-family: serif;
}

/*TOPお知らせ*/
.sysHeadline {
  padding: 2vw 3.5vw;
  font-size: 1.7rem;
  letter-spacing: 0.2rem;
  line-height: 2.1;
}

.sysHeadline span {
  display: block;
  font-size: 0.8rem;
  color: #aaa5a5;
}

.news ul li a {
  border-bottom: 1px solid;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #d8d7d7;
  font-weight: initial !important;
}

.news ul li a time {
  font-weight: bold !important;
}

.news ul li {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}


.number {
  font-family: 'Sacramento', cursive;
  color: #333;
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
#pc {
  display: block !important;
}

#sp {
  display: none !important;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 760px) {
  #pc {
    display: none !important;
  }

  #sp {
    display: block !important;
  }
}

.main_ranking {
  display: none;
}


/* renewal★2020.12.22 */
/* .mv-area{ 
    height: 100vh;
    background: #FFFF80;
    position: relative;
}
.mv-area .mv-bg{
    background-image: url(/img/test_top.JPG);
    content: "";
    width: 85%;
    height: 65%;
    display: block;
    background-position: center center;
    background-size: cover;
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.mv-area h1 {
    font-family: 'CoreCircus', sans-serif;
    text-transform: uppercase;
    font-size: 5vw;
    text-align: center;
    line-height: 1;
    margin: 0;
    width: 100%;
    top: 16%;
    left: 50%;
    z-index: 99;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    color: #f98ca4;
    text-shadow: -1px -1px 0 #6e1f58, 1px -1px 0 #6e1f58, -1px 1px 0 #6e1f58, 1px 1px 0 #6e1f58, 1px 0px 0px #65f283, 0px 1px 0px #65f283, 2px 1px 0px #65f283, 1px 2px 0px #65f283, 3px 2px 0px #65f283, 2px 3px 0px #65f283, 4px 3px 0px #65f283, 3px 4px 0px #65f283, 5px 4px 0px #65f283, 3px 5px 0px #6e1f58, 6px 5px 0px #6e1f58, -1px 2px 0 black, 0 3px 0 #6e1f58, 1px 4px 0 #6e1f58, 2px 5px 0px #6e1f58, 2px -1px 0 #6e1f58, 3px 0 0 #6e1f58, 4px 1px 0 #6e1f58, 5px 2px 0px #6e1f58, 6px 3px 0 #6e1f58, 7px 4px 0 #6e1f58, 10px 10px 4px #dac249;
  }
   */
/*
   * Webfont: CoreCircus by S-Core
   * URL: http://www.myfonts.com/fonts/s-core/core-circus/regular/
   * Copyright: Copyright (c) 2013 by S-Core Co., Ltd.. All rights reserved.
   * Licensed pageviews: 10,000
  *
   * Webfont: CoreCircus2DDot1 by S-Core
   * URL: http://www.myfonts.com/fonts/s-core/core-circus/dot1/
   * Copyright: Copyright (c) 2013 by S-Core Co., Ltd.. All rights reserved.
   * Licensed pageviews: 10,000
  */
@font-face {
  font-family: 'CoreCircus2DDot1';
  src: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/209981/333BF4_1_0.eot");
  src: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/209981/333BF4_1_0.eot?#iefix") format("embedded-opentype"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/209981/333BF4_1_0.woff2") format("woff2"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/209981/333BF4_1_0.woff") format("woff"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/209981/333BF4_1_0.ttf") format("truetype");
}

@font-face {
  font-family: 'CoreCircus';
  src: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/209981/333BF4_8_0.eot");
  src: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/209981/333BF4_8_0.eot?#iefix") format("embedded-opentype"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/209981/333BF4_8_0.woff2") format("woff2"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/209981/333BF4_8_0.woff") format("woff"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/209981/333BF4_8_0.ttf") format("truetype");
}

@font-face {
  font-family: 'CoreCircusPierrot4';
  src: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/209981/333BF4_13_0.eot");
  src: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/209981/333BF4_13_0.eot?#iefix") format("embedded-opentype"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/209981/333BF4_13_0.woff2") format("woff2"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/209981/333BF4_13_0.woff") format("woff"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/209981/333BF4_13_0.ttf") format("truetype");
}

.mv-txt {
  width: 100vw;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  bottom: 4%;
  font-size: 50px;
}

@keyframes hscroll2 {
  0% {
    transform: translateX(4px);
  }

  100% {
    transform: translateX(-100%);
  }
}

.mv-txt ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  animation: hscroll2 10s linear infinite;
}

.mv-txt li {
  display: inline-block;
  font-family: 'Asap', sans-serif;
}

.mv-medal {
  position: absolute;
  right: 10%;
  top: 25%;
  width: 400px;
}

.mv-medal img {
  width: 100%;
}

.mv-medal div {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 700;
  font-style: normal;
  position: absolute;
  top: 26%;
  left: 11%;
  text-align: center;
}

.mv-medal div p:nth-of-type(2) {
  font-size: 24px;
}

.mv-medal div p:nth-of-type(3) {
  font-size: 65px;
}

.mv-medal div p:nth-of-type(3) span {
  font-size: 14px;
}

/* .color_box{
    display: flex;
}
.color_box li{
    width: 50%;
    position: relative;
}
.mask-box{
    width: 100%;
    height: 100%;
    position: absolute;   
}
.color_box li:nth-of-type(1) .mask-box{ background: rgb(251,199,251,0.5);}
.color_box li:nth-of-type(2) .mask-box{ background: rgb(211,237,236,0.5);}
.color_box li:nth-of-type(3) .mask-box{ background: rgb(249,238,194,0.5);}
.color_box li:nth-of-type(4) .mask-box{ background: rgb(255,255,255,0.5);} */


/* 先生ページの改修 
--------------------------------------------------*/
#teacher #sysMain {
  max-width: initial;
}

.teacher-coordinate {
  background: #E3E8EC;
  padding-bottom: 8%;
}


/* コーディネートスライド 
--------------------------------------------------*/
#teacher .swiper-slide {
  padding: 7px;
  margin-bottom: 10px;
  text-align: center;
  border: 1px solid #F4F3EB;
  background-color: #FFF;
  box-shadow: 0 0 7px 0px rgba(51, 51, 51, .2);
}

.swiper-slide img {
  width: 100%;
}

.coordinate,
.coordinate2 {
  max-width: 500px;
}

.coordinate .slider-thumbnail .swiper-slide,
.coordinate2 .slider-thumbnail2 .swiper-slide {
  opacity: .5;
}

.coordinate .swiper-slide-thumb-active,
.coordinate2 .swiper-slide-thumb-active {
  opacity: 1 !important;
}

.coordinate .comment,
.coordinate2 .comment {
  margin: 10% 0;
}



.teacher-coordinate h3 {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  background:
    linear-gradient(90deg, #999 2px, #fff 2px, #fff calc(100% - 2px), #999 calc(100% - 2px)),
    linear-gradient(180deg, #999 2px, #fff 2px, #fff calc(100% - 2px), #999 calc(100% - 2px)),
    linear-gradient(45deg, transparent 10px, #999 11px, #999 12px, #fff 13px),
    linear-gradient(135deg, transparent 10px, #999 11px, #999 12px, #fff 13px),
    linear-gradient(225deg, transparent 10px, #999 11px, #999 12px, #fff 13px),
    linear-gradient(315deg, transparent 10px, #999 11px, #999 12px, #fff 13px);
  background-position: left 15px, 15px top, bottom left, top left, top right, bottom right;
  background-size: 100% calc(100% - 30px), calc(100% - 30px) 100%, 20px 20px, 20px 20px, 20px 20px, 20px 20px;
  background-repeat: no-repeat;
  position: relative;
  margin: 2em auto;
  padding: 30px 10px;
  font-family: 'Noto Serif JP', serif !important;
  font-weight: bold;
  color: #333;
}

/* 前ページ、次ページボタン共通のスタイル */
.swiper-button-prev,
.swiper-button-next {
  width: 40px;
  /* ボタンの幅 */
  height: 40px;
  /* ボタンの高さ */
  background-size: 40px 40px;
  /* 背景画像としてのサイズ（＝表示したい画像サイズ） */
  margin-top: -24px;
  /* 縦中央配置用：ボタンの高さの半分のネガティブマージン（top:50%がすでに設定されている） */
}

/* 次ページボタンのスタイル */
.swiper-button-next {
  background-image: url(/img/right_arrow.png);
}

/* 前ページボタンのスタイル */
.swiper-button-prev {
  background-image: url(/img/left_arrow.png);
  /* transform: scale(-1, 1);  */
}

.swiper-button-prev:after,
.swiper-button-next:after {
  display: none;
}

/* 先生向け卒業式袴を選ぶ3つのポイント
--------------------------------------------------*/
.teacher_point {
  position: relative;
  margin-top: 5%;
}



.rec_box._01 {
  height: 350px;
  position: absolute;
  width: 100%;
  background: #F0EAF1;
  z-index: 0;
  top: 30%;
}

.rec_box._02 {
  height: 350px;
  position: absolute;
  width: 100%;
  background: #F8F8F5;
  z-index: 0;
  top: 71%;
}

.teacher_reason {
  background: #f8f4e6;
  padding-bottom: 5%;
  margin-top: 90px;
}


/* 見出し */
.box-txt {
  border: none;
  position: relative;
  max-width: 1000px;
  width: 80%;
  margin: 3em auto;
}

.box-txt:before,
.box-txt:after {
  content: ' ';
  display: block;
  width: 100px;
  height: 100px;
  border-left: #0c0c0c 1px solid;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  background-color: #fffffc;
}

.box-txt:before {
  border-right: #0c0c0c 1px solid;
  border-left: none;
  left: -4rem;
  top: -4rem;
}

.box-txt:after {
  right: -4rem;
  bottom: -4rem;
}

.box-txt .box-txt_in {
  border: #0c0c0c 1px solid;
  background-color: #fff;
  padding: 3rem;
}

.teacher_hakama_top {
  background-color: #fffffc;
}

.teacher_hakama_top .top_image {
  height: 500px;
}

/* #teacher p{
  line-height: 2em;
} */

.all_products {
  text-align: center;
}

.all_products a {
  font-size: 30px;
  background: #313233;
  color: white;
  display: block;
  width: 50%;
  margin: auto;
  padding: 20px;
  border-radius: 50px;
}


.nenmatu2021 {
  margin: 30px auto;
  border: solid 3px;
  padding: 5px 15px;
  color: #d43b2c;
}

.teacher_point .all_products a {
  margin: 6% auto;
}

/*********************************************************/
/*  ここから改修
**********************************************************/

/* 共通
--------------------------------------------------*/
#sysItemCategory .mainNavi {
  border-bottom: 1px solid #EAEAEA;
}

/* ヘッダー
--------------------------------------------------*/
.mainNavi.navifixed {
  left: 0;
  position: fixed;
  top: 0;
  z-index: 99;
  width: 100%;
  background: white;
  border-bottom: 0.5px solid #EAEAEA;
}

.mainNavi .h-menu {
  display: none;
  position: absolute;
  width: 100%;
  background: white;
  left: 0;
  z-index: 2;
  /* animation: SlideIn .5s; */
  background: #fffef3;
  /* left: 50%; */
  margin: initial !important;
  box-shadow: 0px 0px 12px 1px #f4f0e1 inset;
}

/* BOX共通 */
.h-menu {
  padding: 4vw;
}

.h-menu ul {
  display: flex;
  border: none;
}

.h-menu ul li {
  border-left: none !important;
}

.h-menu ul li a img {
  border-radius: 10px;
}

.h-menu ul li a p {
  padding: 10px 0;
}

.h-menu.styleBox.open,
.h-menu.colorBox.open,
.h-menu.sizeBox.open {
  display: block !important;
}

/* カラーから選ぶ */
.h-menu.colorBox ul {
  flex-wrap: wrap;
}

.h-menu.colorBox ul li {
  width: 25%;
}

/* サイズから選ぶ */
.mainNavi .h-menu.sizeBox {
  width: 60%;
  left: 33%;
}

.mainNavi .h-menu.sizeBox ul {
  flex-wrap: wrap;
}

.mainNavi .h-menu.sizeBox ul li {
  width: 33.3%;
  padding: 0.7vw;
}

.mainNavi .h-menu.sizeBox ul li a {
  padding: 0.5vw !important;
  background: white;
  border: 1px solid;
}

/* アニメーション（上から下へスライドイン） */
@keyframes SlideIn {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* メインナビゲーション */
header .mainNavi {
  display: flex;
  align-items: center;
}

header .mainNavi nav {
  width: 90%;
}

header .mainNavi nav ul.mNavi {
  display: flex;
}

header .mainNavi nav ul.mNavi li {
  width: 20%;
  border-left: 1px solid #EAEAEA;

}

header .mainNavi nav ul.mNavi li a {
  display: block;
  text-align: center;
  padding: 1vw 2vw;
  text-align: center;
  font-size: 1vw;
  position: relative;
}

header .mainNavi nav ul.mNavi li a span {
  font-size: 0.5rem;
}

header .mainNavi nav ul.mNavi li a em {
  display: block;
  margin: 0.8vw 0 0;
  font-size: 0.5rem;
  color: #aaa;
}

/* ロゴ */
header .mainNavi .logo {
  padding: 0 3vw;
  text-align: center;
}

header .mainNavi .logo img {
  width: 5.5vw;
}

/* カートボタン */
header .mainNavi .cartBtn {
  width: 7% !important;
  background: #000000;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

header .mainNavi .cartBtn a {
  display: block;
}

header .mainNavi .cartBtn a i {
  color: white;
}

/* サブナビゲーション */
header .subNavi {
  box-sizing: border-box;
  border-bottom: 1px solid #EAEAEA;
}

header .subNavi nav ul.sNavi {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

header .subNavi nav ul.sNavi li {
  margin: 1vw 2vw;
}

header .subNavi nav ul.sNavi li a {
  font-size: 0.7vw;
}

/* メインイメージ
--------------------------------------------------*/
.mainimage_pc .message {
  position: absolute;
  top: 35%;
  font-weight: bold;
  line-height: 2;
  letter-spacing: 0.3rem;
  left: 9%;
}

.mainimage_pc .message span:nth-of-type(1) {
  display: block;
  font-size: 1vw;
}

.mainimage_pc .message p {
  font-size: 2.2vw;

}

.allItem {
  width: 60%;
}

.allItem a {
  display: block;
  padding: 0.5vw 1.2vw;
  background: white;
  border: 1px solid;
  margin: 1vw 0;
  font-size: 0.9vw;
}


/* 袴コレクションとは
--------------------------------------------------*/
.aboutUs .inner-wrap>div {
  width: 50%;
}

.aboutUs .inner-wrap>div.in-txt {
  /* margin-right: -5vw; */
  padding: 5vw;
  position: relative;
}

.aboutUs .inner-wrap>div.in-txt h2 {
  font-size: 2.0vw;
  font-weight: bold;
  line-height: 2;
  letter-spacing: 0.3rem;
}

.aboutUs .inner-wrap>div.in-txt h2 span {
  font-size: 1.2vw;
  display: block;
}

.aboutUs .inner-wrap>div.in-txt p {
  line-height: 2.5;
  margin: 1.3vw 0;
  font-size: 1.7vmin;
}

.aboutUs .inner-wrap>div.in-txt .aboutUs {
  width: 50%;
}

.aboutUs .inner-wrap>div.in-txt .aboutUs a {
  display: block;
  font-size: 2vmin;
  border: 1px solid;
  padding: 0.9vw;
}

.aboutUs .inner-wrap {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 8vw;
}

/* 独立ページ
--------------------------------------------------*/
.topSinglepage {
  margin: 15vw 0 10vw;
}

.topSinglepage .section .singlePage .in-ttl {
  position: absolute;
  width: 100%;
  top: 50%;
  text-align: center;
  color: white;
  left: 0;
  right: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-shadow: 1px 2px 3px #808080;
  font-size: 1.3rem;
}

.topSinglepage .section .singlePage .in-ttl span {
  display: block;
  text-align: center;
  font-size: 1.8rem;
}

.topSinglepage .section .singlePage .in-img {
  position: relative;
}

.topSinglepage .section .singlePage .in-img::before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  top: 0;
  left: 0;
  background: rgba(43, 43, 43, .3);
}

.sliderArea {
  max-width: 100%;
  margin: 0 auto;
}

.sliderArea.w300 {
  max-width: 300px;
}

.slick-list {
  padding: 0 5vw 0 !important;
}

.slick-slide img {
  width: 100%;
  height: auto;
}

.slick-prev,
.slick-next {
  z-index: 1;
}

.slick-prev {
  left: 25px;
  width: 4vw;
  height: 4vw;
}

.slick-next {
  right: -9px;
  width: 4vw;
  height: 4vw;
}

.slick-prev:before,
.slick-next:before {
  color: #000;
}

.slick-active {
  opacity: 1;
}

.slick-current {
  opacity: 1;
}

.thumb {
  margin: 20px 0 0;
}

.thumb .slick-slide {
  cursor: pointer;
}

.thumb .slick-slide:hover {
  opacity: .7;
}

.slick-arrow:before {
  content: "" !important;
}

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

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

.slick-prev:before {
  background: url(/img/left.png)no-repeat !important;
  background-size: contain !important;
}

.topRecommend {
  margin: 0 6vw;
}

.topRecommend .sysItemName {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0.7vw 0 0;
}

.topRecommend .sysItemName a {
  font-size: 0.8rem;
}

.topRecommend .sysItemPrice {
  font-size: 12px;
  padding: 0.5vw;
  color: #a2a2a2;
}


/* お知らせ
--------------------------------------------------*/
.sysFuncInformation.topInformation {
  display: flex;
  padding: 4vw 6vw 7vw;
  background: #f6f6f6;
  margin: 10vw 0;
  align-items: baseline;
  justify-content: center;
}

.sysFuncInformation.topInformation .sysContent {
  margin-left: 5vw;
}

.topInformation ul li a {
  font-size: 0.8rem;
}

.topInformation ul li a time {
  padding-right: 1.5vw;
  font-weight: bold;
  color: #bfbfbf;
}

.allitemBtn .viewMore {
  width: 40%;
}

/* ヘッダーメニュー下の設定
--------------------------------------------------*/
/* #sysItemDetail .mainNavi,
#sysInformation .mainNavi,
#guide .mainNavi{ */
.mainNavi {
  border-bottom: 1px solid #EAEAEA;
}

/**********************************************
 * 2022年度改修
 **********************************************/

/* 商品詳細ページ */
.sysItemImagesSlideCtl {
  position: relative;
  margin-top: 10px;
}

.sysItemImagesSlidePrev,
.sysItemImagesSlideNext {
  position: absolute;
}

.sysItemImagesSlidePrev {
  left: 5px;
}

.sysItemImagesSlideNext {
  right: 5px;
}

.sysItemImagesSlide {
  width: 100%;
}

.sysItemImagesSlidePrev span,
.sysItemImagesSlideNext span {
  background: -webkit-linear-gradient(top, #eee, #fff);
  position: relative;
  padding: 20px;
}

.sysItemImagesSlideNext span:after {
  font-size: 30px;
  content: "\f105";
  font-family: FontAwesome;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: #545454;
}

.sysItemImagesSlidePrev span:after {
  font-size: 30px;
  content: "\f104";
  font-family: FontAwesome;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: #545454;
}

#sysRegi #sysPurchaseAuthCustomer>h2,
#sysRegi #sysRegisterForm,
#sysRegi #sysPurchaseAuthMember {
  display: none !important;
}

.sysImageDescription {
  display: none;
}

/* カテゴリータイトル */
.category-ttl {
  font-weight: initial;
  text-align: center;
  padding: 2rem;
}

.category-ttl span {
  display: block;
}

.category-ttl span.sub1 {
  font-size: 14px;
  font-weight: bold;
}

.category-ttl span.sub2 {
  font-size: 13px;
}

.category-ttl span.main {
  font-size: 17px;
  font-weight: bold;
  padding: 7px 0;
}
@media screen and (min-width:768px) {
  .category-ttl {
    padding: 2.5rem;
  }
  .category-ttl span.main {
    font-size: 20px;
  }
}

/* TOP h1タグの見出し */

.inner-wrap h1 {
  font-weight: bold;
  line-height: 2;
  letter-spacing: 0.3rem;
}

p.h1-p {
  line-height: 2.5;
  margin-bottom: -2rem;
}

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

/* 折りたたみの見出し部分 */
.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){
/* 10-0 Only Smartphone
*----------------------------------------------------------------------*/

/* スマホ用選ばれる理由 */
.choseReason_sp{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.choseReason_sp div{
  width: 48%;
  position: relative;
  margin-bottom: 8px;
}

.sysFuncText.whyChosen_sp .sysHeadline{
  text-align: center;
  padding: 10px;
  font-size: 20px;
  border-bottom: 1px solid;
  margin-bottom: 6px;
  font-family: serif;
  border-top: 1px solid;
  margin-top: 30px;
}

.choseReason_sp div p{
  position: absolute;
  background-color: rgba(255,255,255,0.9);
  height: 50%;
  width: 85%;
  top: 25%;
  left: 7.5%;
  vertical-align: middle;
  margin: auto;
  padding: 11% 0 10% 0;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
}

#sysItemCategory .Top_viewmore{
  margin-top: 70px;
}
/* TOP微調整 */
#top #sysAside{
  max-width: 100%;
}

#top #sysMain {
  max-width: 100%;
}

#top #sysWrap{
  max-width: 100%;
}

.news ul li {
  width: 100%;
}

.sysFuncText.chose_contents ul li {
  width: 100%;
}

/* #sysItemCategory .sysFuncText.main_slide_sp{
  display: none;
} */

#sysItemCategory #sysMain,
#sysItemDetail #sysMain{
  padding: 135px 4% 40px !important;
}

#sysItemCategory .pageTitle{
  padding-top: 20px !important;
}

/* 色から選ぶ　スマホ用 */
.sp_colorList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.sp_colorList li{
  width: 19%;
  text-align: center;
  font-size: 12px;
  margin-bottom: 10px;
}

.sysFuncText.sp_Color{
  margin-top: 50px;
}

.sysFuncText.sp_Color .sysHeadline,
.sysFuncText.chose_size .sysHeadline
{
  text-align: center;
  padding: 10px;
  font-size: 20px;
  border-bottom: 1px solid;
  margin-bottom: 18px;
  font-family: serif;
  border-top: 1px solid;
}
.sysFuncText.chose_size .sysHeadline{
  margin-top: 30px;
  margin-bottom: 20px;
}

.sysFuncText.chose_size p{
  text-align: center;
  padding: 10px;
}


/* TOP インフォ */
.news ul li a {
  font-size: 12px;
}

#rank_navi {
  font-size: 13px !important;
  margin-top: 17px !important;
  margin-bottom: initial !important;
}

/* 選ばれる理由 */
.sysFuncText.whyChosen .sysContent .detail div {
  width: 87%;
  height: auto;
  margin-bottom: 7px !important;
}

.whyChosen .dtl {
  padding: 5px;
  top: 0px;
  position: relative;
  font-size: 14px !important;
}


#top .sysItemBlock .sysHorizontal {
  font-size: 13px !important;
}
/* 見出しタイトル */
#top .sysFuncItemBlock.stylebook .sysHeadline, 
#top .sysFuncText.rank-satou .sysHeadline {
  font-size: 23px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
#top .sysFuncText.whyChosen .sysHeadline{
  font-size: 22px !important;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 18px;
}
/* 新ランキング */
#top .sysFuncItemBlock.stylebook .sysHeadline, 
#top .sysFuncText.rank-satou .sysHeadline {
  font-size: 31px;
  border-bottom: 1px solid;
  border-top: 1px solid;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: bold;
}

.img_list a:nth-of-type(1) ,
.img_list a:nth-of-type(2) {
  width: 47% !important;
  margin-bottom: 10px;
}
#sysAll #sysWrap #sysMain .top_ranking_ttl{
    padding: 8px 0 0% !important;
  }
  .img_list {
    max-width: 100%;
  }
  
  .img_list a {
      width: 31.3%;
  }
  .img_list_ct .rank span {
      display: block;
      margin-top: 3px;
      position: absolute;
      top: -3px;
      left: 8px;
      color: #4d4d4d;
      font-size: 20px;
  }
  
  .img_list_ct .rank {
      position: absolute;
      width: 30px !important;
      height: 30px !important;
      margin: 0 !important;
      border-radius: 50%;
      text-align: center;
      vertical-align: middle;
      color: white !important;
      top: 5px;
      left: 5px;
      border: 1px solid #999999 !important;
      z-index: 10;
  }
  #rank_navi{
    font-size: 24px;
  }
  
  .p_name{
    font-family: "Sawarabi Mincho";
    font-weight: initial !important;
    padding-top: 8px !important;
  }
  


#sysMain,#sysAside{ width: 100%;}
.pc {
display:none;
}
div#sysMain, div#sysAside, .contentsInner {
width: 100%;
/* padding: 0 4%; */
}
#sysMain{ margin-top: 0;}
.grid-col {
float: none;
width: 100%!important;
margin-left: 0;
}
/* 10-1 Header */

.h-siteinfo{ height: auto;}
.h-siteinfo h1 { font-size: xx-small;}

.h-sitelogo{ height: 52px;}
.h-sitelogo li img{
width: auto;
max-height: 47px;
}
.h-utilitybtn{ position: relative;}
.h-utilitybtn .sysContent {
width: 32%;
float: none;

position: absolute;
z-index: 999;
top: 0;
right: 15%;
}
.h-utilitybtn ul li.sysText a {
line-height: 17px;
height: 47px;
font-size: x-small;
}
.h-utilitybtn ul li {
height: 47px;
}
.h-utilitybtn ul li.sysText a:before {
content: "";
width: 20px;
margin: 5px auto 0;
height: 20px;
display: block;
}
.h-utilitybtn ul li.sysText:nth-child(1) a:before {
background: url(http://template-advance.aispr.jp/img/icon/icon-mypage.png);
background-size: 100%;
}
.h-utilitybtn ul li.sysText:nth-child(2) a:before {
background: url(http://template-advance.aispr.jp/img/icon/icon-cart.png);
background-size: 100%;
}

/* 10-1-3 ドロップダウンメニュー */

.h-subMenu .sysHeadline{
line-height: 47px;
width: 15%;
float: right;
position: absolute;
bottom: 4px;
right: 0;
}
.h-subMenu ul li:nth-child(2n){
width: 49%!Important;
margin-left: 1%;
}
.h-subMenu ul li.sysText a {
line-height: 40px;
font-size: larger;
font-weight: bold;
text-align: center;
margin-top: 5px;
padding: 30px 0;
}

/* 12-12 見出し */
.headline-2nd {
margin-left: 5px;

}
.headline-3rd {
margin-left: 10px;
}

/* 12-14 Responsive Grid System */
.col { float: none;}
.gutters .col { margin-left: 0;}
.span_1,.span_2,.span_3,.span_4,.span_5,.span_6,
.span_7,.span_8,.span_9,.span_10,.span_11,.span_12{
width: 100%!Important;
float: none;
}

/* 12-2 Holizontal Item Block */
.sysContent .sysItemBlock .sysHorizontal {
width:auto;
}
.sysContent .sysItemBlock .sysHorizontal li{
width: 48%;
}
.sysContent .sysItemBlock .sysHorizontal li:nth-child(2n+1) {
margin-left:0;
clear:both;
}
.sysItemList ul.sysThumbnail li{ width: 50%;}

/* 13-1-5 メインメニュー*/
.h-mainMenu ul li { height: 40px;}
.h-mainMenu ul li.sysText a {
font-size: 0.5rem;
padding: 15px 0;
}
/* 13-1-6 検索フォーム */
.h-search .sysContent{ padding: 5px;}

/* 13-2-2 Half Banner */
.p-banner li {
width: 100%;
margin-bottom: 5px;
}

/* 13-2-3 PICK UP Item */
.p-pickup .sysContent {
padding: 0 0 5px;
}


/* 13-2-4 News & SNS */
.p-news { width: 100%;}

/* 13-2-5 ShopInformation */
.p-shopInfo .sysContent,
.shopinfo-inner,
.shopinfo-row { display: block;}
.shopinfo-inner {
width: 100%;
}

/* 13-4 Footer */
footer {
margin-top:30px;
}
footer .menu li {
font-size:13px;
}

/* 13-4-1 Footer Site Map */
/* .f-sitemap li {
width: 100%!important;
}
.f-sitemap ul li.sysText a {
padding: 10px 20px;
text-align: left;
} */

/* 13-4-2 Page Top Btn */
.p-pagetop .btn { width: 90%;}
.pagetop .pagetopBtn {
top:0;
margin-bottom:9px;
}

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

/* 14-1-7  Archive Thumbnail Item */
.sysItemList ul.sysThumbnail { font-size: small;}
.sysItemList ul.sysThumbnail input { font-size: x-small;}

/* 14-2-3 Order Area */
.orderArea { letter-spacing: normal;}
.orderArea > div {
width: 100%;
padding-right: 0;
float: none;
}
/* 14-5-2 MyPage*/
.sysMypageNav .sysButton{ font-size: 0.75rem;}


/* --- */
.subHeadline {
padding-bottom:1%;
margin-bottom:3%;
font-size:20px;
}
.sysRentalSchedulesCalendars {
max-width:none;
}
.sysRentalSchedulesCalendar th {
min-width:30px;
}
.sysExplanation .explanationLeft,
.sysExplanation .explanationRight {
width:100%;
max-width:100%;
}
.sysExplanation .explanationLeft {
margin:0 0 4% 0;
}
.sysExplanation figure.explanationLeft {
width:90%;
margin-left:2%;
}
.itemOptions, .itemSetContents, .itemSingleContents {
margin-top:7%;
}
.itemOptions ul li {
width:32%;
margin-left:2%;
margin-bottom:2%;
}
.itemOptions ul li:nth-child(5n+1) {
margin-left:2%;
margin-bottom:2%;
}
.itemOptions ul li:nth-child(3n+1) {
margin-left:0;
}
.sysExplanation .setContentsSmall li {
width:32%;
}
.sysExplanation .setContentsSmall li:nth-child(3n) {
margin-right:0;
}
.sysExplanation .setContentsSmall li:nth-child(4n) {
margin-right:2%;
}

/* .checkedRecently {
padding:3%;
}
.checkedRecently .sysHeadline {
font-size:20px;
padding-bottom:1%;
margin-bottom:3%;
} */

/* @media only screen and (max-width:500px) {
.contentsBanner ul li,
.contentsBanner ul li:nth-child(-n+2) {
width:100%;
margin:6% 0 0 0;
}
.contentsBanner ul li:first-child {
margin-top:0;
}
} */

/* @media only screen and (max-width:500px) {
.contentsBanner2 ul li,
.contentsBanner2 ul li:nth-child(-n+2) {
width:100%;
margin:6% 0 0 0;
}
.contentsBanner2 ul li:first-child {
margin-top:0;
}
} */
/* @media only screen and (max-width:500px) {
.contentsBanner3 ul li,
.contentsBanner3 ul li:nth-child(-n+2) {
width:100%;
margin:6% 0 0 0;
}
.contentsBanner3 ul li:first-child {
margin-top:0;
}
} */

.header {
border-top:2px solid #E99599;
}
.header .logo ,
.header .button ,
.header .menu {
float:left;
}
.header .logo {
margin: 1% 0 0 3%;
width: 40%;
max-width: 240px;
}
.header .button {
width:50%;
float:right;
background-color: rgb(234, 149, 154);
}
.header .button ul {
width:100%;
float:left;
border-bottom:1px solid #FFF;
}
.header .button li {
width:25%;
border-right:1px solid #FFF;
border-top:1px solid #FFF;
text-align:center;
float:right;
}
.header .button #sp-menu {
background-color:#99CCCC;
}
.header .menu {
width:20%;
float:left;
background:#99CCCC;
border-top:1px solid #FFF;
text-align:center;
}
.menu_box {
position:relative;
margin-bottom: 20px;
}
.menu_box .js-menu {
position: relative;
width:100%;
background:#FFF;
overflow:hidden;
}
.gnavi {
background:#ECBFBD;
font-weight:bold;
}
.gnavi .gnaviList {
border-bottom:1px solid #FFF;
display:table;
width:100%;
table-layout:fixed;
}
.gnavi a {
text-align:center;
display:table-cell;
vertical-align:middle;
width: 100%;
height: 42px;
line-height:1.3;
font-size: 13px;
color: #7C3D3A;
border-left:1px solid #fff;
white-space:nowrap;
}
.gnavi a:first-child {
border-left:none;
}
@media only screen and (max-width:320px){
.gnavi a {
height: 40px;
font-size:13px;
}
}

.js-menu .category {
font-weight:bold;
padding:1% 0 1% 1em;
width: 100%;
clear: both;
background: #ECBFBD;
position: relative;
top: -1px;
}
.js-menu li {
border-bottom:1px solid #ECBFBD;
color:#663300;
padding: 1px 0 1px 1em;
width: 50%;
float: left;
font-size: 13px;
}
.js-menu li:first-child {
border-top:1px solid #ECBFBD;
}

.contents {
margin-bottom: 30px;
margin-top: 30px;
padding-top: 30px;
}
/* .contents.reason .box {
width:98%;
margin:0 auto 3%;
float:none;
}
.contents.reason .box .image {
text-align:center;
padding: 0 10%;
}
.reason .box .text .text_area {
float: left;
width:94%;
} */
.ranking .line, .autoRecommendBlcok .line {
width:98%;
}
.ranking .box {
width:48%;
margin-bottom:3%;
margin-right:4%;
}
.ranking .box:nth-of-type(2n) {
margin-right:0;
}
/* .autoRankingBlcok .sysContent .sysItemBlock .sysHorizontal li:nth-child(-n+2) {
margin-bottom:10px;
} */

.introduction {
  font-size: 12px;
  margin: 15px 0 40px;
  padding: 0 5px;
  line-height: 1.8;
  text-align: center;
}
/* .topAboutText {
background-size: 718px;
background-position: right 0;
}
.topAboutText .sysContent {
width: 100%;
padding: 8% 0 6% !important;
}
.topAboutText .sysContent:after {
background-position: right bottom;
-webkit-background-size: contain;
-o-background-size: contain;
background-size: contain;
width: 34%;
max-width: 120px;
height: 0;
padding-top: 55%;
top: auto;
bottom:0;
right:-3%;
}
.topAboutText .sysContent .ttl {
width: 70%;
max-width: 320px;
margin-bottom: 5%;
margin-left: 4%;
}
.topAboutText .sysContent p {
line-height: 1.8;
margin-left: 4%;
width: 92%;
} */


/* 袴を選ぶ_商品一覧 */
.sysItemList ul.sysList li,
.sysItemList ul.sysThumbnail li {
width: 48%;
float:left;
margin: 10px 0 15px 3%;
}
.sysItemList ul.sysThumbnail li:nth-child(2n+1),
.sysItemList ul.sysList li:nth-child(2n+1) {
margin-left:0;
clear:both;
}
.sysItemList ul.sysThumbnail li .sysThumbnailImage,
.sysItemList ul.sysList li .sysThumbnailImage {
margin: 0 auto 10px;
float: none;
max-width: 100%;
}
.sysItemList ul.sysThumbnail li .sysItemName,
.sysItemList ul.sysList li .sysItemName,
.sysItemList ul.sysThumbnail li .sysRetailPrice,
.sysItemList ul.sysList li .sysRetailPrice {
font-size:13px;
}


/*袴の着付け方*/

.howto .topictitle {
display: table;
table-layout: fixed;
width: auto;
}
.howto .topictitle div {
width: auto;
display:inline-block;
vertical-align:middle;
}

.howto .topictitle .topic {
width: auto;
text-align: center;
padding-top: 5%;
line-height: 1.3;
font-size: 20px;
color: #333;
}

.howto .list {
width:auto;
margin:0 auto;
background:url(../img/border/border01.png) bottom repeat-x;
}
.howto .list ul {
font-size:0;
}
.howto .list li {
display:inline-block;
margin-bottom:20px;
margin-right:4%;
font-size:12px;
width:48%;
}
.howto .list li:nth-child(2n) {
margin-right:0;
}
.howto .list .topic {
position: relative;
display: inline-block;
margin: 0.5em 0;
padding: 7px 10px;
min-width: 120px;
max-width: 100%;
color: #555;
font-size: 16px;
background: #e0edff;
border-radius: 15px;
}

.topic-1 {
margin: 0.5em 0;
padding: 3px 10px;
max-width: 100%;
color: #555;
font-size: 14px;
background: #ffe2f6;
border-radius: 15px;
height: 50px;
}

.topic-2 {
position: relative;
margin: 0.5em 0;
padding: 7px 10px;
color: #555;
font-size: 14px;
background: #ffe2f6;
border-radius: 15px;
height: 75px;
}

.topic-3 {
margin: 0.5em 0;
padding: 7px 10px;
max-width: 100%;
color: #555;
font-size: 14px;
background: #ffe2f6;
border-radius: 15px;
height: 117px;
}

.topic-4 {
margin: 0.5em 0;
padding: 7px 10px;
max-width: 100%;
color: #555;
font-size: 14px;
background: #ffe2f6;
border-radius: 15px;
height: 98px;
}

.howto .list .topic {
width: 211px;
height: 50px;
}

.howto .list .topic .text {
width: auto;
font-size: 13px;
}

.howto .content .text ,
.howto .content .image {
display:inline-block;
vertical-align:top;
}
.howto .content .text {
width:auto;
}
.howto .content .image {
display:block;
text-align:center;
width:auto;
margin:20px 0px 20px 0px;
}
.howto .content {
width:auto;
margin:20px 0px 20px 0px;
padding-bottom: 10%;
border-bottom:1px solid #E99599;
}
.howto .content:last-child {
border-bottom:none;
}


@media only screen and (max-width: 480px) {
.howto .intro {
display:table;
width:100%;
table-layout:fixed;
}
.howto .intro .text {
width: auto;
margin-right: 0;
margin-top: 3%;
display:table-footer-group;
}
.howto .intro .image {
width: auto;
display:block;
text-align:center;
padding:0 12%;
margin-top:5%;
margin-bottom:3%;
}   
}
@media only screen and (max-width: 320px) {
.howto .list li {
width:100%;
margin-right:0;
}
}

/* TOP button-link */

.toplink .reasonbutton {
display: inline-block;
width: 95%;
height: auto;
text-align: center;
text-decoration: none;
line-height: auto;
outline: none;
background-color: #F7819F;
color: #fff;
margin:1% 0%;
}
.toplink .reasonbutton:hover {
background-color: #F5A9BC;
}

.toplink .itembutton {
display: inline-block;
width: 95%;
height: auto;
text-align: center;
text-decoration: none;
line-height: auto;
outline: none;
background-color: #F7819F;
color: #fff;
margin:20px 0px 0px 0px;
}
.toplink .itembutton:hover {
background-color: #F5A9BC;
}

/*選ばれる理由*/
.reason .topictitle {
display: table;
table-layout: fixed;
width: auto;
}
.reason .topictitle div {
width: auto;
display:inline-block;
vertical-align:middle;
}
.reason .topictitle .topic {
width: auto;
text-align:center;
padding-top: 5%;
line-height: 1.3;
font-size:20px;
color : #E58B8C;
}
.reason .content .text ,
.reason .content .image {
display:inline-block;
vertical-align:top;
}
.reason .content .text {
width:auto;
}
.reason .content .image {
display:block;
text-align:center;
width:auto;
margin:20px 0px 20px 0px;
}
.reason .content {
width:auto;
margin:20px 0px 20px 0px;
padding-bottom: 10%;
border-bottom:1px solid #E99599;
}
.reason .content:last-child {
border-bottom:none;
}
.reason .button-link {
display: inline-block;
width: 80%;
height: auto;
text-align: center;
text-decoration: none;
line-height: auto;
outline: none;
background-color: #F7819F;
color: #fff;
margin:20px 0px 0px 0px;
}
.reason .button-link:hover {
background-color: #F5A9BC;

}
/* ヘアカタログ */
.catalog .box {
width:100%;
margin-left:auto;
margin-right:auto;
}
.catalog .imageList {
width:auto;
}
div.imageList li:nth-child(3n+1) {
margin-left:0;
clear:both;
}

/* 袴を着こなすポイント */
.checkPointBlock .topictitle {
display: table;
table-layout: fixed;
width: auto;
}
.checkPointBlock .topictitle div {
width: auto;
display:inline-block;
vertical-align:middle;
}
.checkPointBlock .topictitle .topic {
width: auto;
text-align:center;
padding-top: 5%;
line-height: 1.3;
font-size:20px;
color : #E58B8C;
}
.checkPointBlock .content .text ,
.checkPointBlock .content .image {
display:inline-block;
vertical-align:top;
}
.checkPointBlock .content .text {
width:auto;
}
.checkPointBlock .content .image {
display:block;
text-align:center;
width:auto;
margin:20px 0px 20px 0px;
}
.checkPointBlock .content {
width:auto;
margin:20px 0px 20px 0px;
padding-bottom: 10%;
border-bottom:1px solid #E99599;
}
.checkPointBlock .content:last-child {
border-bottom:none;
}
.checkPointBlock dl {
width: auto;
margin: 0 auto 30px;
max-width: 500px;
display: block;
}
.checkPointBlock dl:first-child {
margin-left: auto;
}
.checkPointBlock dd .image {
padding:0 2%;
}
.checkPointBlock dd p {
line-height:1.5;
}
.checkPointBlock dt {
background: #edc3c1b8;
color: #333;
font-size: 23px;
font-weight: bold;
text-align: center;
padding: 8px 0;
margin-bottom: 15px;
margin-top: -35px;
}


/* お申込み方法 */
.tel-info {
font-size:16px;
}
.tel-info .time {
font-size:14px;
}
.orderFlow {
max-width:540px;
margin-left: auto;
margin-right:auto;
margin-top:8%;
}
.orderFlow > dt {
font-size:20px;
letter-spacing:1px;
padding:5px;
}
.orderFlow > dt .number {
font-size:24px;
}
.orderFlow > dd {
padding:0 2%;
font-size:16px;
}
.orderFlow .left,
.orderFlow .right {
display:block;
width:auto;
margin:0 auto 20px;
}
.orderFlow .right {
text-align:center;
padding:0 8%;
}
.orderFlow dd.num01 .left {
padding-left:0;
margin-top:0;
}
.orderFlow .addition {
margin-top:20px;
}
.orderFlow dl {
margin-top:20px;
}
.orderBlock .caution {
max-width:540px;
margin:40px auto;
padding:7%;
}
.orderBlock .caution .rule {
font-size:20px;
line-height:1.2;
}


.orderFlow .topictitle {
display: table;
table-layout: fixed;
width: auto;
}

.orderFlow .topictitle div {
width: auto;
display:inline-block;
vertical-align:middle;
}
.orderFlow .topictitle .topic {
width: auto;
text-align:center;
padding-top: 5%;
line-height: 1.3;
font-size:20px;
color : #E58B8C;
}
.orderFlow .content .text ,
.orderFlow .content .image {
display:inline-block;
vertical-align:top;
}
.orderFlow .content .text {
width:auto;
}
.orderFlow .content .image {
display:block;
text-align:center;
width:auto;
margin:20px 0px 20px 0px;
}
.orderFlow .content {
width:auto;
margin:20px 0px 20px 0px;
padding-bottom: 10%;
border-bottom:1px solid #E99599;
}



.orderFlow .topictitle_flow div {
width: auto;
display:inline-block;
vertical-align:middle;
}
.orderFlow .topictitle_flow .topic {
width: auto;
text-align:center;
background:#fcfbf3;
padding-top: 3%;
line-height: 1.3;
font-size:20px;
color : #E58B8C;
}
.orderFlow .topictitle_flow .number {
display:inline-block;
background:#EB9DA1;
color:#FFF;
-webkit-border-radius:50%;
border-radius:50%;
font-size:26px;
width:30px;
height:30px;
line-height:30px;
margin-right:10px;
font-weight:normal;
white-space:nowrap;
}
.orderFlow .content_flow .text ,
.orderFlow .content_flow .image {
display:inline-block;
vertical-align:top;
}
.orderFlow .content_flow .text {
width:auto;
}
.orderFlow .content_flow .image {
display:block;
text-align:center;
width:auto;
margin:20px 0px 20px 0px;
}
.orderFlow .content_flow {
width:auto;
margin:20px 0px 20px 0px;
padding-bottom: 10%;
border-bottom:1px solid #E99599;
}






/* ショッピングガイド */
#guide .payment .catTitle,
#guide .shipping .catTitle {
font-size:22px;
letter-spacing:1px;
}
#guide .shipping .catTitle {
margin-top:40px;
}
#guide .catTitle .icon {
width:36px;
}
.payBox .payTitle,
.shipBox .shipTitle {
font-size:20px;
text-align:center;
letter-spacing:1px;
}
#guide .boxInner {
    font-size: 13px;
    line-height: 1.8;
padding:20px;
}

#guide .shiptime .text {
width:auto;
float:none;
}
#guide .shiptime .image {
width:auto;
padding:0 5%;
float:none;
}
#guide .re-check .big,
#guide .waytopay dt,
#guide .returnFlow .mainFlow,
#guide .returnFlow dt {
font-size:18px;
}
#guide .waytopay,
#guide .returnFlow {
width: 100%;
margin: 0 auto;
}
#guide .returnFlow dd.pack {
padding:5% 5% 2%;
}
#guide .returnFlow dd.pack div {
float:none;
width:auto;
margin-right:0;
margin-bottom:15px;
text-align:center;
}
#guide .returnFlow dd li {
padding:10px 6px;
}
#guide .returnFlow dd li span {
position:static;
display:block;
text-align:right;
margin-top:6px;
}
@media  only screen and (max-width: 320px) {
  #guide .boxInner {
      font-size:13px;
      line-height: 1.8;
  }
}


/*先生向け*/
.teacher {
margin:25px auto 45px;
}
.teacher .title ,
.catalog .title {
text-align:center;
margin-bottom:3px;
}
.teacher .topictitle {
display: table;
table-layout: fixed;
width: auto;
}
.teacher .topictitle div {
width: auto;
display:inline-block;
vertical-align:middle;
}
.teacher .topictitle .topic {
width: auto;
text-align:center;
padding-top: 5%;
line-height: 1.3;
font-size:20px;
color : #E58B8C;
}
.teacher .content .text ,
.teacher .content .image {
display:inline-block;
vertical-align:top;
}
.teacher .content .text {
width:auto;
}
.teacher .content .image {
display:block;
text-align:center;
width:auto;
margin:20px 0px 20px 0px;
}
.teacher .content {
width:auto;
margin:20px 0px 20px 0px;
padding-bottom: 10%;
border-bottom:1px solid #E99599;
}
.teacher .content:last-child {
border-bottom:none;
}

@media only screen and (max-width: 320px) {
.teacher .list li {
width:100%;
margin-right:0;
}
}

.topictitle .topic {
width: 100%;
text-align: left;
font-size: 23px;
font-weight: bold;
color: #666666;
font-family: "Yu Gothic";
margin-top: 27px;
}

.teacher h3 {
font-size: 27px;
margin: auto;
width: 100%;
display: block;
color: #fa828d;
border: solid 1px #fa828d;
padding: 6.5px;
padding-left: 10px;
margin-bottom: -15px;
}

.mokuji-nakami ol {
padding: 21px 17px;
margin: 45px 19px 45px 16px;
color: #565656;
background: #e7e7eb;
box-shadow: 0px 0px 0px 10px #e7e7eb;
border: dashed 0px #f7b977;
border-radius: 8px;
font-family: "Yu Gothic";
font-size: 16px;
font-weight: bold;
}

.imaget {
margin: 30px 0 40px 0px;
margin-top: 15px;
margin-right: 0px;
margin-bottom: 23px;
margin-left: 0px;
}

/*小学生向け*/
.jr {
margin:25px auto 45px;
}
.jr .title ,
.catalog .title {
text-align:center;
margin-bottom:3px;
}
.jr .topictitle {
display: table;
table-layout: fixed;
width: 100%;
}
.jr .topictitle div {
width: auto;
display:inline-block;
vertical-align:middle;
}
.jr .topictitle .topic {
width: auto;
text-align:left;
padding-top: 5%;
line-height: 1.3;
font-size:20px;
}
.jr .content .text ,
.jr .content .image {
display:inline-block;
vertical-align:top;
}
.jr .content .text {
width:auto;
}
.jr .content .image {
display:block;
text-align:center;
width:auto;
margin:20px 0px 20px 0px;
}
.jr .content {
width:auto;
margin:20px 0px 20px 0px;
padding-bottom: 10%;
border-bottom:1px solid #E99599;
}
.jr .content:last-child {
border-bottom:none;
}

.jr .button-link {
display: inline-block;
width: 100%;
height: auto;
text-align: center;
text-decoration: none;
line-height: auto;
outline: none;
background-color: #F7819F;
color: #fff;
margin:20px 0px 0px 0px;
}
.jr .button-link:hover {
background-color: #F5A9BC;
}

@media only screen and (max-width: 320px) {
.jr .list li {
width:100%;
margin-right:0;
}
}
/*サイトマップ*/
.sitemap {
margin:25px auto 45px;
}
.sitemap .title ,
.catalog .title {
text-align:center;
margin-bottom:20px;
}
.sitemap dl {
width: auto;
margin: 0 auto 30px;
max-width: 500px;
display: block;
}
.sitemap dl:first-child {
margin-left: auto;
}
.sitemap dt{
margin-top : 20px;
margin-bottom : 15px;
padding-left : 8px;
}
.sitemap dd{  
font-size : 100%;
line-height : 1.8;

margin-top : 10px;    
margin-bottom : 10px;
margin-left : 17px;

padding-right : 15px;    
padding-left : 8px;
}
.sitemap dt a{
background:url(../img/banner/bnr_check.png) no-repeat 1px 2px;
background-size:9px 11px;
padding-left:20px;
line-height:1.2;
font-size:13px;
display:block;
margin-bottom:7px;
text-decoration: underline;
color : #db7093;
}
.sitemap dt a:hover { text-decoration: none;}
.sitemap dd a{
background:url(../img/banner/bnr_check.png) no-repeat 1px 2px;
background-size:9px 11px;
padding-left:20px;
line-height:1.2;
font-size:13px;
display:block;
margin-bottom:10px;
text-decoration: underline;
color : #db7093;
}
.sitemap dd a:hover { text-decoration: none;}

h2#site-map {
font-size: 22px;
}


/*コラム記事一覧トップ*/
.columnTop {
margin:25px auto 45px;
}
.columnTop .title ,
.catalog .title {
text-align:center;
margin-bottom:3px;
}
.columnTop .topictitle {
display: table;
table-layout: fixed;
width: auto;
}
.columnTop .topictitle div {
width: auto;
display:inline-block;
vertical-align:middle;
}
.columnTop .topictitle .topic {
width: auto;
text-align:left;
padding-top: 2%;
line-height: 1.3;
font-size:20px;
color : #E58B8C;
border-left: 10px solid #E58B8C;
}
.columnTop .topictitle .topic a{
padding-left:3px;
line-height:1.2;
font-size:20px;
font-weight:bold;
display:block;
margin-top:12px;
margin-bottom:7px;
text-decoration: underline;
color : #E58B8C;
}
.columnTop .topictitle .topic a:hover { text-decoration: none;}
.columnTop .content .text ,
.columnTop .content .image {
display:inline-block;
vertical-align:top;
}
.columnTop .content .text {
width:auto;
margin:0 0 3%;
}
.columnTop .content .text2 {
text-align: left;
margin-top:15px;
color : #E58B8C;
}
.columnTop .content .text2 a{
padding-left:3px;
line-height:1.2;
font-size:13px;
display:block;
margin-top:15px;
margin-bottom:7px;
text-decoration: underline;
color : #E58B8C;
}
.columnTop .content .text2 a:hover { text-decoration: none;}
.columnTop .content .image {
display:block;
text-align:center;
width:auto;
margin:20px 0px 20px 0px;
}
.columnTop .content {
width:auto;
margin:20px 0px 20px 0px;
padding-bottom: 10%;
border-bottom:1px solid #E99599;
}
.columnTop .content:last-child {
border-bottom:none;
}
/*よくあるご質問*/
.faq {
margin:25px auto 45px;
}
.faq .topictitle {
display: table;
table-layout: fixed;
width: auto;
}
.faq .topictitle div {
width: auto;
display:inline-block;
vertical-align:middle;
}
.faq .topictitle .topic {
width: auto;
text-align:center;
padding-top: 5%;
line-height: 1.3;
font-size:20px;
color : #E58B8C;
}
/*コラム記事*/
.column {
margin:25px auto 45px;
}
.column .title ,
.catalog .title {
text-align:center;
margin-bottom:3px;
}
.column .topictitle {
display: table;
table-layout: fixed;
width: 100%;
}
.column .topictitle div {
display:inline-block;
vertical-align:middle;
}
.column .topictitle .icon {
display: table-cell;
vertical-align: top;
}
.column .topictitle .topic {
width: auto;
display: table-cell;
padding-left: 4%;
line-height: 1.3;
font-size:15px;
color : #E58B8C;
}
.column .content .text ,
.column .content .image {
display:inline-block;
vertical-align:top;
}
.column .content .text {
width:auto;
margin:0 0 3%;
}
.column .content .image {
display:block;
text-align:center;
width:auto;
padding:0 2%;
}
.column .content {
margin-top:40px;
padding-bottom:40px;
background:url(../img/border/border01.png) repeat-x;
background-position:center bottom;
}
.column .content2 .text ,
.column .content2 .image {
display:inline-block;
vertical-align:top;
}
.column .content2 .text {
width:auto;
margin:0 0 3%;
}
.column .content2 {
margin-top:40px;
padding-bottom:30px;
background:url(../img/border/border01.png) repeat-x;
background-position:center bottom;
}
.column .content2 .box {
border: 2px solid #ffb6c1;
margin: 1em 0;
padding: 1em;
display: inline-block;
}
.column .content2 .line {
background: linear-gradient(transparent 70%, #ffb6c1 70%);
display: inline-block;
}

.column .content3 .text ,
.column .content3 .image {
display:inline-block;
vertical-align:top;
}
.column .content3 .text {
width:auto;
margin:0 0 3%;
}
.column .content3 {
margin-top:40px;
padding-bottom:10px;
}
.column .content3 .box {
border: 2px solid #ffb6c1;
margin: 1em 0;
padding: 1em;
display: inline-block;
}
.column .content3 .line {
background: linear-gradient(transparent 70%, #ffb6c1 70%);
display: inline-block;
}
/* もくじ */
.page-contents{
list-style:none;
padding-left:5px; 
margin-top:40px;
padding-bottom:30px;
background:url(../img/border/border01.png) repeat-x;
background-position:center bottom;
}
.page-contents .box {
width:auto;
border: 1px solid #666;
border-radius: 4px;
background-color: #FCFBF3;
margin: 2em 0;
padding: 2em;
position: relative;
}
.page-contents .box::before {
background-color: #FCFBF3;
content: "目次";
left: 1em;
padding: 0 .5em;
position: absolute;
top: -1em;
}
.page-contents a{
margin-top:10px;
background:url(../img/banner/bnr_check.png) no-repeat 1px 2px;
background-size:9px 11px;
padding-left:20px;
line-height:1.2;
font-size:13px;
display:block;
margin-left:10px;
margin-bottom:10px;
text-decoration: underline;
color : #db7093;
}
.page-contents a:hover { text-decoration: none;}

/*関連記事一覧*/
.readmore {
margin:25px auto 45px;
}
.readmore .topictitle {
display: table;
table-layout: fixed;
width: 100%;
}
.readmore .topictitle div {
display:inline-block;
vertical-align:middle;
}
.readmore .topictitle .icon {
display: table-cell;
vertical-align: top;
}
.readmore .topictitle .topic {
width: auto;
display: table-cell;
padding-left: 4%;
line-height: 1.3;
font-size:20px;
color : #E58B8C;
}
.readmore .topictitle .topic a{
padding-left:3px;
line-height:1.2;
font-size:17px;
font-weight:bold;
display:block;
margin-top:12px;
margin-bottom:7px;
text-decoration: underline;
color : #E58B8C;
}
.readmore .topictitle .topic a:hover { text-decoration: none;}
.readmore .content .text ,
.readmore .content .image {
display:inline-block;
vertical-align:top;
}
.readmore .content .image {
width:auto;
margin:0 0 3%;
}
.readmore .content .text {
width:auto;
margin:0 0 3%;
}
.readmore .content {
margin-top:40px;
padding-bottom:40px;
background:url(../img/border/border01.png) repeat-x;
background-position:center bottom;
}
.readmore .content:last-child {
background:none;
}
.readmore .list {
border-bottom: 3px solid #E99599;
text-align: left;
font-size: 20px;
margin-bottom:4%;
width:auto;
}
.readmore .box {
width:auto;
border: 1px solid #666;
border-radius: 4px;
background-color: #FCFBF3;
margin: 2em 0;
padding: 1.5em;
position: relative;
}
/*更新履歴*/
.newsList {
margin:25px auto 25px;
}
.newsList .topic {
font-size:13px;
width: auto;
color:#E58B8C;
}
.newsList .topic a{
background:url(../img/banner/bnr_check.png) no-repeat 1px 2px;
background-size:9px 11px;
padding-left:20px;
line-height:1.2;
font-size:13px;
display:block;
margin-bottom:7px;
text-decoration: underline;
color : #E58B8C;
}
.newsList .topic a:hover { 
text-decoration: none;
}
.newsList .content .text ,
.newsList .content .days {
display:inline-block;
vertical-align:top;
}
.newsList .content .days {
width:auto;
margin:0 0 3%;
}
.newsList .content .text {
width:auto;
margin:0 0 3%;
}
.newsList .content {
margin-top:10px;
padding-bottom:10px;
background:url(../img/border/border01.png) repeat-x;
background-position:center bottom;
}
.newsList .content:last-child {
background:none;
}
.newsList .list {
border-bottom: 3px solid #E99599;
text-align: left;
font-size: 20px;
margin-bottom:4%;
width:auto;
}
.newsList .box {
width:auto;
border: 1px solid #666;
border-radius: 4px;
background-color: #FCFBF3;
margin: 2em 0;
padding: 1.5em;
position: relative;
}


/* Footer*/
footer {
position:relative;
margin-top:40px;
}
footer .shopGuide{
width: 100%;
padding:50px 10%;
-webkit-box-shadow:0 0 0 1px #F5DDDC;
box-shadow:0 0 0 1px #F5DDDC;
}
.shopGuide .guide ,
.shopGuide .name {
width: 100%;
margin:0 auto;
}
.shopGuide .name {
margin-bottom:10px;
font-size:18px;
font-weight:bold;
}
footer .box {
width: 100%;
margin:0 auto;
}

footer .box:last-child {
margin-left:0px;
}
footer .box .title {
border:1px solid #F0B9BC;
background:#FFF;
color:#E89195;
margin-bottom:10px;
padding:3px 10px;
}
footer .box p {
margin-bottom:20px;
}
footer .box a {
text-decoration:underline;
}
footer .box .big {
font-size:22px;
margin-bottom:10px;
font-weight:bold;
}
.copy2 {
width: auto;
margin: 0 auto;
display: flex;
align-items: center;
float:cemter;
}

.a05-product_name-item {
font-size: 1.5em;
font-weight: bold;
}

.Top_viewmore img {
width: 160px;
height: auto;
}

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

.what_hakama ul {
justify-content: space-around;
}

.what_hakama ul li {
border: pink solid 1px;
width: 168px;
height: 85px;
margin-top: 5px;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
}

.what_hakama_vm p {
background: #fa828d;
color: white;
font-family: 'Yu Gothic ';
width: 340px;
height: 70px;
padding-top: 20px;
padding-right: 10px;
padding-left: 40px;
font-size: 23px;
margin: 20px 0px 23px auto;
}

.what_hakama_flow img:first-child {
margin-top: 50px;
display: flex;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}

.what_hakama_flow img:last-child {
width: 70%;
display: flex;
margin: 50px auto;
}

.fourreason div {
width: 215px;
padding: 5px;
border: 1px solid pink;
}


.fourreason {
display: flex;
justify-content: center;
flex-wrap: wrap;
}

.hakama_chosen h2 {
background: #fa828d;
color: white;
margin-top: 60px;
margin-bottom: 20px;
text-align: center;
font-size: 27px;
font-family: "Yu Gothic";
}

.hakama_chosen {
background: #fff6f8;
}

.flowchartgraph{
display: none;
}

img.flowchartgraph_res {
padding: 10px;
display: block;
}

footer .menu ul {
width: auto;
display: block;
margin: 0 auto;
text-align: right;
position: relative;
}

.menu ul img {
position: absolute;
left: 27px;
top: 6px;
width: 100px;
}

.menu ul li {
justify-content: flex-start;
display: flex;
padding-left: 49%;
}

footer .menu {
padding: 20px 0 10px 0;
}

.contents.reason h2 {
font-size: 40px;
}

.spmenu li {
width: 150px;
display: flex;
margin-left: auto;
}

.spmenu p {
height: -webkit-fill-available;
top: 0px;
text-align: left;
height: 50px;
padding-top: 13px;
line-height: 0em;
}

.reason_detail {
margin-top: 30px;
}

.reason_detail_text img {
width: 200px;
display: block;
margin-left: auto;
margin-right: auto;
}
.reason_detail img {
width: 115px;
}

p#reason_subtitle {
text-align: left;
width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
}

img#logo {
width: 80%;
float: left;
padding: 8px;
margin-left: 10px;
}
/* .mainimage .inner ul {
display: block;
}

.mainimage .inner ul li:first-child {
width: 100%;
height: 250px;
background: aliceblue;
position: relative;
}

.mainimage .inner ul li:nth-child(2n) span {
font-size: x-large;
font-family: "Kokoro";
color: #fa828d;
}

.mainimage .inner ul li:nth-child(2n) {
height: auto;
text-align: center;
width: 100%;
max-height: 650px;
font-family: 'Batang';
font-size: 11px;
}

.mainimage .inner ul li:last-child {
width: 100%;
height: 250px;
position: relative;
background: aliceblue;
}

.mainimage .inner ul li:last-child:after {
bottom: 0;
position: absolute;
content: '￥29,800';
font-family: 'Yu Gothic';
font-size: 20px;
}

.mainimage .inner ul li:last-child:before {
content: '詳細を見る';
position: absolute;
bottom: 4px;
right: 200px;
background: gray;
color: white;
width: 85px;
text-align: center;
}


.mainimage .inner ul li:first-child:after {
position: absolute;
content: '￥19,800';
bottom: 0;
font-size: 20px;
font-family: 'Yu Gothic';
}

.mainimage .inner ul li:first-child:before {
content: '詳細を見る';
position: absolute;
bottom: 4px;
right: 200px;
background: gray;
color: white;
width: 85px;
text-align: center;
} */

/*ナビメニューのスタイルを指定*/
.NavMenu {
position: fixed;
z-index: 2;
top: 0px;
left: 0;
color: #000;
text-align: center;
width: 100%;
transform: translateX(-100%);
transition: all 0.6s;
}

.NavMenu ul {
background: #ffffffad;
width: 100%;
margin: 0 auto;
padding: 0;
}

.NavMenu ul li {
font-size: 1.1em;
list-style-type: none;
padding: 0;
width: 100%;
border-bottom: 1px dotted #333;
position: relative;
}

.NavMenu ul li:last-child {
padding-bottom: 0;
border-bottom: none;

}

.NavMenu ul li a {
display: block;
color: #000;
padding: 1em 0;
}

.NavMenu ul li img {
width: 38px;
margin-left: 15px;
}

/*トグルボタンが押されたときに付与するクラス*/
.NavMenu.active {
transform: translateY(0%);
}

/*トグルボタンのスタイルを指定*/
.Toggle {
display: block;
position: fixed;
right: 0px;
top: 0px;
width: 50px;
height: 50px;
cursor: pointer;
z-index: 3;
border: 1px solid #b0b1b0;
}

.Toggle span {
display: block;
position: absolute;
width: 30px;
border-bottom: solid 3px #000;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
left: 9px;
}

.Toggle span:nth-child(1) {
top: 14px;
}

.Toggle span:nth-child(2) {
top: 23px;
}

.Toggle span:nth-child(3) {
top: 32px;
}

/* 最初のspanをマイナス45度に */
.Toggle.active span:nth-child(1) {
top: 18px;
left: 8px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
border-bottom: solid 3px #fff;
}

/* 2番目と3番目のspanを45度に */
.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
top: 18px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
border-bottom: solid 3px #fff;
}

.sysContent .spmenu {
position: fixed;
z-index: 10;
}

.spmenu nav {
display: flex;
background: white;
}

.spmenu ul {
margin-right: 50px;
}

.Toggle.active {
border: none;
}

.NavMenu.active ul li {
background: rgba(0, 0, 0, 0.82);
}

.NavMenu.active i {
color: white;
position: absolute;
top: 27%;
right: 38px;
}

.NavMenu.active p{
border: none;
color: white;
padding-left: 10px;
}

.onclick {
position:relative;
height: 60px;
}

.onclick .link {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.jr h3 {
font-size: 25px;
/* margin: 40px 0px -10px 149px; */
/* width: 649px; */
display: block;
color: #fa828d;
border: solid 1px #fa828d;
padding: 8.5px;
}

img#what_hakama_collection {
padding-bottom: 8px;
}

.bottom_bar {
width: 100%;
text-align: center;
/* padding: 6px; */
font-size: large;
font-family: 'Meiryo';
color: white;
background: #ebb7bd;
height: 50px;
/* margin-top: 10px; */
font-weight: 600;
margin-bottom: -15px;
line-height: 50px;
padding: 0;
}

.order_float{
width: 100%;
margin: 30px auto;
}

.viewmore2 {
width: 30%;
position: absolute;
top: 81%;
right: 3%;
padding-top: 10px;
border: solid 3.5px #97dcd9;
border-style: double;
padding-left: 10px;
padding-right: 10px;
background: white;
cursor: pointer;
line-height: 1;
}

.viewmore1 {
width: 35%;
position: absolute;
top: 33%;
right: 2%;
padding-top: 10px;
padding-bottom: 8px;
border: solid 2px #ec9ac7;
/*     border-style: double; */
padding-left: 10px;
padding-right: 10px;
background: rgba(255,255,255,.9);
cursor: pointer;
line-height: 1;
}

.mainimage_pc {
width: 100%;
position: relative;
}

.sysContent .content {
width: 100%;
margin: auto;
padding-bottom: 40px;
border-bottom: 1px solid #E99599;
}

h2.hakamaQ {
text-align: center;
/* font-size: xx-large; */
color: #fa828d;
justify-content: center;
padding-top: 30px;
font-size: 25px;
}

.topic_path {
margin: 64px auto -25px;
font-size: 12px;
}

p#s-title {
margin-top: 35px;
margin-bottom: 30px;
text-align: left;
font-size: 22px;
position: relative;
color: #fa828d;
}

.sysCategoryPankuzu, .sysItemCategoryPankuzu {
  font-size: 12px;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: scroll;
  color: #333;
  padding: 0 5px;
}

.sysCartTitle {
background-color: #99CCCC;
padding: 5px 0 3px 64px;
font-size: 20px;
font-weight: bold;
margin-top: 19px;
}

#sysMemberRegisterRegister #sysMain, #sysMemberRegisterConfirm #sysMain, #sysMemberRegisterIndex #sysMain, #sysFormThanks #sysMain, #sysFormConfirm #sysMain, #sysFormIndex #sysMain, .sysMypage #sysMain, .sysCart #sysMain, #sysBasket #sysMain {
width: 94%;
padding: 5%;
margin-top: 90px;
}

.box ul li {
display: inline;
flex-wrap: wrap;
justify-content: space-between;
margin-left: 35px;
}

.pageTitle {
margin: 0 auto;
max-width: 700px;
text-align: center;
font-size: xx-large;
color: #fd3073;
position: relative;
justify-content: center;
align-items: center;
padding-top: 50px;
font-size: 27px;
font-family: serif;
}

.asideCnt {
border-color: #999;
border-style: solid;
border-radius: 0px;
border-width: 1px;
box-shadow: 0px 0px 0px grey;
margin-bottom: 10px;
margin-top: 60px;
}

.sysCategoryPankuzu a, .sysItemCategoryPankuzu a {
display: inline-block;
padding: 0 10px;
color: #333;
text-decoration: none;
}

.hakama_chosen h1 {
margin-top: 65px;
font-size: 25px;
margin-bottom: 30px;
background-color: #fa828d;
color: white;
padding: 10px;
}

h2#sumahoS-title {
font-size: 25px;
text-align: center;
color: #fa828d;
margin-bottom: 10px;
}

h2#s-title {
display: none;
}

.reason_detail_text h3 {
position: initial;
display: inline-block;
font-size: 24px;
color: #2fc3c3;
padding: 0px;
}

.reason_detail_text p {
margin-bottom: 16px;
line-height: 27px;
}

.reason_detail_text h3:before, .reason_detail_text h3:after {
content: '';
position: absolute;
top: 43%;
display: none;
width: 48px;
height: 2px;
background-color: #2fc3c3;
}


@media only screen and (max-width:480px) {
.Contents_Color img{
width: 150px;
}
.Contents_Color ul li{
margin-bottom: 10px;
}

h2.sysHeadline {
font-size: 25px;
margin-top: 30px;
}
.waht_hakama_text {
font-size: 16px;
}
}

.s-checklist .sysContent .sysVertical .sysItemImage img {
width: 100%;
vertical-align: top;
float: left;
margin-right: 0;
}

.detail {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 28px;
  margin-right: 10px;
  margin: auto;
}

.detail2 {
  width: 100%;
  height: auto;
  margin-bottom: 7px !important;
  border: solid #ECB8BD;
}

p.ttl {
  background: #ECB8BD;
  font-size: 18px;
  color: #E34068;
  font-weight: bold;
  height: 29px;
}

p.dtl {
  padding: 5px;
  top: 0px;
  position: relative;
  font-size: 14px !important;
}

/*
* 先生ページ改修
*
*/
.sp-none{ display: none; }

/* コーディネート
------------------------------------------------*/
.teacher-coordinate{ padding: 15px; }
#teacher #sysMain{ padding: initial !important; }
.coordinate h3,
.coordinate2 h3{
  text-align: center;
  padding: 15px 10px;
  writing-mode: initial;
}
.coordinate .comment, .coordinate2 .comment {
  margin: 0 0 7% 0;
  font-size: 13px;
  text-align: center;
}
.teacher_point{ margin-top: 20%; }
.teacher_point h2,
.teacher_reason h2{
  text-align: center;
  font-size: 7.3vw;
  font-weight: 800;
  background: radial-gradient(circle at top left, transparent 50%, #999 50%, #999 calc(50% + 2px), transparent calc(50% + 2px)), radial-gradient(circle at top right, transparent 50%, #999 50%, #999 calc(50% + 2px), transparent calc(50% + 2px)), radial-gradient(circle at bottom left, transparent 50%, #999 50%, #999 calc(50% + 2px), transparent calc(50% + 2px)), radial-gradient(circle at bottom right, transparent 50%, #999 50%, #999 calc(50% + 2px), transparent calc(50% + 2px)), linear-gradient(90deg, #999 2px, #fff 2px, #fff calc(100% - 2px), #999 calc(100% - 2px)), linear-gradient(180deg, #999 2px, #fff 2px, #fff calc(100% - 2px), #999 calc(100% - 2px));
  background-position: top left, top right, bottom left, bottom right, left 15px, 15px top;
  background-size: 20px 20px, 20px 20px,20px 20px,20px 20px, 100% calc(100% - 30px), calc(100% - 30px) 100%;
  background-repeat: no-repeat;
  position: relative;
  margin: 2em 0.5em;
  padding: 30px 10px;
  font-family: 'Noto Serif JP', serif !important;
  font-weight: bold;
}

.teacher_reason h2{ padding-top: 5%; }


/* 選ぶポイント
------------------------------------------------*/
.teacher_point h3{
  position: relative;
  padding: 1.5rem 1rem 0.5rem 111px;
  border-bottom: 2px solid #000;
  font-size: 5.5vw;
  margin-bottom: 8%;
}
 
.teacher_point h3 span {
  font-size: 5rem;
  line-height: 1;
  position: absolute;
  bottom: -0.5rem;
  left: 9px;
}

.point .contents,
.top_message{ 
  padding: 25px 15px 0px;
  font-size: 14px;
  position: relative;
  z-index: 5;
}

.point .in-image{
  padding: 0 10%;
  position: relative;
  z-index: 5;
}

.rec_box._01{ top: 25%; }
.rec_box._02{ top: 57%; }

/* 選ばれる理由
------------------------------------------------*/
.teacher_reason{
  padding: 5px 0 32px;
}
.teacher_reason .inner-wrap{ padding: 3%; }
.teacher_reason .inner-wrap .choice{
  background: white;
  padding: 3% 10px;
  margin-bottom: 5%;
}
.teacher_reason .inner-wrap .choice img{
  display: inline-flex;
  width: 40%;
}
.teacher_reason .inner-wrap .choice .detail_{
  display: inline-flex;
  width: 60%;
  font-size: 13px;
  padding: 0 10px;
}

.teacher_reason .inner-wrap .choice .title p span{
  padding-right: 10px;
  font-size: 20px;
  font-weight: 900;
}
.teacher_reason .inner-wrap .choice .title{ margin-bottom: 3%; }
.coord_title{
  text-align: center;
  font-size: 7.3vw;
  padding: 10% 0%;
}

.teacher_hakama_top .top_image span{
  background-image: url(/img/teacher_top_sp.jpg);
  content: "";
  width: 100%;
  height: 6%;
  display: block;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 0;
  /* right: 0; */
  z-index: 0;
}
.teacher_hakama_top .top_image h2{
  position: absolute;
  top: 3.5%;
  left: 52%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-size: 5vw;
  border: 1px solid;
  padding: 44px 17px;
  text-align: center;
  width: 80%;
  box-shadow: 6px 6px;
  background: rgb(255,255,255,0.8);
  font-weight: 800;
}
.box-txt{
  border: none;
  position: relative;
  max-width: 1000px;
  width: 80%;
  margin: 4em auto 4em;
  font-size: 14px;
}
.all_products a{
  width: 95%;
  font-size: 6vw;
  padding: 10px;
  margin: 7% 0;
}
.teacher_point .all_products a{ margin:10% auto; }
.teacher_reason .all_products a{ margin:4% auto; }
.detail_ p span strong{ font-size: 25px; }

/*-------------------------------------------------
* 2021年度リニューアル
* 2021.7.1～OPEN！
*
*
--------------------------------------------------*/
#renewal #sysMain{ 
  padding: initial !important;
  margin-top: initial !important;
}

/*
* 1.TOPページ
*/
/* 1-0.共通
---------------------------------------------------*/

/* 1-1.ヘッダー
---------------------------------------------------*/
.sp-tpMenu .header-area{ 
  position: relative;
  height: 500px;
}
.sp-tpMenu .header-area .header-logo{
  width: 33%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.sp-tpMenu .header-area .top-text{
  width: 48%;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.sp-tpMenu .Toggle{ border: none; }
.sp-tpMenu .Toggle span{
  border-bottom: solid 3px #DF818B;
}

/* 1-2-1.色から選ぶ
---------------------------------------------------*/
/* .sp-colorMenu .sp_colorList li a img{ 
  border-radius: 50%;
  margin-bottom: 7px;
}
.sp-colorMenu .sp_colorList li { 
  margin: auto 2%;
  min-width: 80px;
  flex: 0 0 80px;
}
.sp-colorMenu .sp_colorList { 
  overflow-x: scroll;
  flex-wrap: initial;
  justify-content: initial;
}
.sp-colorMenu h2{
  text-align: center;
  font-size: 30px;
  padding: 5% 0;
  font-family: 'Poiret One', cursive;
}
.sp-colorMenu h2 span{ 
  color: #DF818B;
  font-weight: 700;
} */
/* 1-2-2.カテゴリーから選ぶ
---------------------------------------------------*/
/* .categoryBnr{ 
  padding: 0 2%;
  margin-top: 5%;
}
.categoryBnr .inner-wrap .c-box{ margin: 2.5% 0; }
.categoryBnr h2{
  text-align: center;
  font-size: 30px;
  padding: 5% 0;
  font-family: 'Poiret One', cursive;
}
.categoryBnr h2 span{ 
  color: #DF818B;
  font-weight: 700;
} */


/* 1-3.オススメ袴
---------------------------------------------------*/
/* .recommend{ margin-top: 10%; }
.recommend h2{
  text-align: center;
  font-size: 30px;
  padding: 5% 0;
  font-family: 'Poiret One', cursive;
}
.recommend h2 span{ 
  color: #DF818B;
  font-weight: 700;
}
.recommend .inner-wrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.recommend .inner-wrap .r-box{
  width: 45%;
  margin-bottom: 10px;
}
.recommend .inner-wrap .r-box .inner-txt .name{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  padding: 5px 0;
  font-weight: 700;
}
.recommend .inner-wrap .r-box .inner-txt .price{
  color: #DF6A6C;
  font-weight: 600;
  font-size: 13px;
} */


/* 1-4.袴コレクションとは？
---------------------------------------------------*/
.whatHakakore{ margin-top: 20%; }
.whatHakakore h2{
  background: #DF818B;
  color: white;
  text-align: center;
  padding: 1.5%;
  font-size: 20px;
}

.whatHakakore .inner-wrap{ padding: 4%; }
.whatHakakore .inner-wrap .chose-point li{
  border: 2px solid #DF818B;
  width: 46%;
  text-align: center;
  padding: 4% 0;
  color: #DF818B;
  font-size: 14px;
  font-weight: 600;
  margin: 2%;
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: -ms-box;
  display: box;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-box-align: center;
  box-align: center;
  height: 80px;
}
.whatHakakore .inner-wrap .chose-point ul{ 
  display: flex;
  flex-wrap: wrap;
  margin-top: 4%;
}
.whatHakakore .inner-wrap .chose-point li p{
  display: block;
  margin: auto;
}
.whatHakakore .inner-wrap .chose-txt{
  font-size: 14px;
  text-align: center;
  margin-top: 5%;
}

/* 1-5.袴コレクションが選ばれる理由
---------------------------------------------------*/
/* .whyChoseHakakore h2{
  background: #DF818B;
  color: white;
  text-align: center;
  padding: 1.5%;
  font-size: 20px; 
}
.whyChoseHakakore .inner-wrap .choice-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.whyChoseHakakore .inner-wrap .choice-list .choice{
  width: 47%;
} */

/*
* レンタルの流れ
*/

/* 2-0.共通
---------------------------------------------------*/
#howto #sysMain{ padding: initial; }
#howto{
  font-family: "YuGothic","游ゴシック体","Yu Gothic","游ゴシック",Hiragino Sans,"ヒラギノ角ゴシック",Hiragino Kaku Gothic ProN,"ヒラギノ角ゴ ProN W3","Meiryo",sans-serif !important;
}
#howto .flow-flex{
  display: flex;
  flex-flow: wrap-reverse;
  margin-top: -167px!important;
}

#howto .flow-flex .inner-txt h3{
  color: #DF818B;
  font-weight: 700;
  font-size: 18px;
  padding: 8px 0;
}

/* 背景カラーボックス */
#howto .bk-color{
  width: 100%;
  margin: 0 auto;
  text-align: center;
  height: 250px;
  background-color: #DF818B;
  color: #fff;
}
#howto .bk-color h3{
  padding: 6%;
  font-size: 5.6vw;
  font-weight: 600;
}

#howto .flow-flex .flow-detail{
  padding: 3% 6%;
  font-size: 15px;
  line-height: 1.8em;
}
#howto .flow-flex .flow-img{
  padding: 0 5%;
}
.no-img{ display: none; }

/* ギザギザ画像 */
.flow-obj{
  width: 65%;
  margin: 30px auto 50px;
}


/*********************************************************/
/*  ここから改修
**********************************************************/

/* 共通
--------------------------------------------------*/
.sp-none{ display: none !important; }
.sysHeadline {
  padding: 2vw 4vw 6vw;
  line-height: 1.6;
  text-align: center;
}

/* ハンバーガーメニュー
--------------------------------------------------*/
/*　ハンバーガーボタン　*/
.hamburger {
  display: block;
  position: fixed;
  z-index: 3;
  right: 13px;
  top: 12px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  text-align: center;
  }

.hamburger span {
  display: block;
  position: absolute;
  width: 30px;
  height: 1px;
  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: 8px; }
.hamburger span:nth-child(2) { top: 18px; }
.hamburger span:nth-child(3) { top: 28px; }

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top: 16px;
  left: 6px;
  -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);
}
nav.globalMenuSp {
  position: fixed;
  z-index: 2;
  top: 0;
  right: 0;
  color: #000;
  background: #fff;
  text-align: center;
  transform: translateX(100%);
  transition: all 0.6s;
  width: 75%;
  height: 100%;
}

nav.globalMenuSp > ul {
  padding: 5vw 6vw !important;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  text-align: left;
  font-size: 3.1vw;
  height: 95%;
  overflow: scroll;
}

nav.globalMenuSp > ul > li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  border-bottom: 1px solid #ebebeb;
}

nav.globalMenuSp > ul > li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

nav.globalMenuSp > ul > li > a {
  display: block;
  color: #000;
  padding: 18px 11px;
  text-decoration: none;
}

/* 下層リスト */
nav.globalMenuSp > ul > li > ul {
  font-size: 10px;
  margin: 0 4vw 5vw;
}
nav.globalMenuSp > ul > li > ul > li > a::before{
  content: "-";
  padding-right: 10px;
}
nav.globalMenuSp > ul > li > ul > li > a{
  display: flex;
  padding: 3.5vw 0;
  align-items: center;
}

nav.globalMenuSp > ul > li > ul > li > a span{
  display: block;
  width: 7px;
  height: 7px;
  margin-right: 2vw;
}


/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active { transform: translateX(0%);}

.overlay {
  content: "";
  display: block;
  width: 0;
  height: 0;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  transition: opacity .5s;
}

.overlay.open {
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 1;
  position: fixed;
}

/* カートボタン */
.cartBtnsp{
  text-align: left;
  position: relative;
  top: 2%;
  left: 10%;
  background: white;
  z-index: 99;
  padding-bottom: 10px;
}
.cartBtnsp a{
  display: flex;
  font-size: 3.3vw;
  padding: 2vw 0;
  align-items: center;
  background: white;
}
.cartBtnsp a .material-icons{
  font-size: 20px;
  margin-right: 5px;
}
/* メインビジュアル
--------------------------------------------------*/
/*.mainimage_pc{ height: 100vh; }*/
.mainimage_pc .message{ top: 40%; }
.mainimage_pc .message span:nth-of-type(2){
display: block;
}
.mainimage_pc .message p {
  font-size: 6.2vw;
}
.mainimage_pc picture img{
height: 100%;
object-fit: cover;
}
/* .mainimage_pc .mv-logo{
position: absolute;
  top: 5%;
  left: 6%;
  width: 35%;
} */
.mainimage_pc .mv-logo img{
width: 100%;
}
.mainimage_pc .message span:nth-of-type(1) {
  display: block;
  font-size: 3vw;
}
.allItem {
  width: 100%;
}
.allItem a {
  padding: 1.5vw;
  margin: 3vw 0;
  font-size: 3.9vw;
}
.sp-message{
-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  /* position: absolute; */
  /* top: 28%; */
  left: 11%;
  font-size: 6.0vw;
  line-height: 2.2;
  letter-spacing: 0.2rem;
  position: absolute;
  top: 26%;
font-family: 'Shippori Mincho B1', serif;
}
.sp-message p:nth-of-type(1){
font-size: 5.3vw;
}
.sp-message p:nth-of-type(2){

}

/* 袴コレクションについて
--------------------------------------------------*/
.aboutUs .inner-wrap > div{ width: 100%; }
.aboutUs .inner-wrap > div.in-txt {
padding: initial;
  margin: 6vw 1vw 0;
}
.aboutUs .inner-wrap {
  padding: 15vw 4vw;
  margin: 0;
  flex-wrap: wrap-reverse;
}
.aboutUs .inner-wrap > div.in-txt h2 span{ font-size: 3vw; }
.aboutUs .inner-wrap > div.in-txt h2{ font-size: 5.2vmin; }
.aboutUs .inner-wrap > div.in-txt p{ font-size: 3.2vmin; }
.aboutUs .inner-wrap > div.in-txt .aboutUs{ width: 100%; }
.aboutUs .inner-wrap > div.in-txt .aboutUs a {
  font-size: 4vmin;
  padding: 2.5vw;
  margin: 6vw 0;
  text-align: center;
}

/* 独立ページスライダー
--------------------------------------------------*/
.topSinglepage {
   margin: 90px 0 80px;
}
.slick-prev {
  left: 15px;
  width: 10vw;
  height: 10vw;
}
.slick-next {
  right: -4px;
  width: 10vw;
  height: 10vw;
}

/* おすすめ商品
--------------------------------------------------*/
.topRecommend{ margin: 0; }

/* ランキング
--------------------------------------------------*/
.topRanking{ margin: 0 !important; }
.topRanking .inner-wrap .ranking-slider ul{
  overflow-x: scroll;
  padding-left: 2vw;
}
.topRanking .inner-wrap .ranking-slider ul li{
  min-width: 150px;
  flex: 0 0 150px;
}
.topRanking .inner-wrap .ranking-slider ul li a .itemName div:nth-of-type(1){
  font-size: 0.7rem !important;
}

/* インフォメーション
--------------------------------------------------*/
.sysFuncInformation.topInformation{
  display: block;
  padding: 8vw 5vw 14vw;
  margin: 15vw 0;
}
.sysFuncInformation.topInformation .sysContent{
  margin-left: initial;
}
.topInformation ul li a {
  font-size: 13px;
  line-height: 2;
}

/* コラム一覧
--------------------------------------------------*/
.topColumn{ margin: 1vw !important; }
.topColumn .inner-wrap > div > a:nth-of-type(n+2){ 
  width: 50%;
  padding: 1vw;
}
.topColumn .inner-wrap > div > a:first-of-type{
  width: 100%;
}
.topColumn .inner-wrap > div > a:last-of-type{
  display: none;
}
.topColumn .viewmore{
  width: 90% !important;
  margin: auto;
}
.topColumn .viewmore a{
  width: 90% !important;
  display: block !important;
}
/* Instagram
--------------------------------------------------*/
.topInstagram {
  margin: 6vw 0 !important;
}
.instagram {
  margin: 0 1.5vw;
}
.instagram > div {
  width: 33.3% !important;
  padding: 1.5vw !important;
}

.topFlow .inner-wrap{
  flex-wrap: wrap;
}
.topFlow .inner-wrap > div{
  margin: 5vw 2vw !important;
  width: 100% !important;
}
.topFlow .inner-wrap .img {
  width: 17vw !important;
  height: 17vw !important;
}
.viewMore {
  width: 100% !important;
}

.viewMore a {
  padding: 1.8vw !important;
  font-size: 0.8rem;
}

footer{
  background: #fafafa;
}
.footer-menu {
  padding: 8vw 5vw;
}
.footer-menu > ul{
  flex-wrap: wrap;
}
.footer-menu > ul li{
  width: 100%;
  margin: 1vw 0 1vw 2vw;
}
.footer-menu > ul > li a {
  font-size: 0.7rem !important;
}


.allitemBtn .viewMore{ width: 85% !important; }
#sysItemCategory .sysList{ justify-content: center; }
#sysItemCategory .sysList > li{
  width: 48%;
}
.sysItemList ul.sysThumbnail li .sysThumbnailImage, .sysItemList ul.sysList li .sysThumbnailImage{
  padding: initial;
}

/**********************************************
* 2022年度改修
**********************************************/
header{
  height: 60px;
  position: fixed;
  background: white;
  width: 100%;
  z-index: 99;
}
#renewal header{
  background: initial;
}
#sysItemSearch #sysMain{
  padding-top: 165px;
  margin-top: 0;
}
#sysItemSearch .sysItemList{
  padding: 0 10px;
}
#sysItemSearch #sysMain h2{
text-align: center;
}
#sysItemSearch .sysItemName{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

/* 商品詳細 */
.itemInfoArea .sysDescription p {
  font-size: 13px;
  line-height: 1.8;
}
div#sysSelections input[type="text"],
#sysItemDetail .sysForm select{
  width: 100%;
  margin-top: 6px;
}
#sysSelections > div{
  margin-bottom: 15px;
}

/* 下層ページ微調整 */
#guide #sysMain,
#tokusho #sysMain,
#privacypolicy #sysMain,
#haircatalog #sysMain,
#faq #sysMain{
  padding: 0 4% !important;
}
.tokushoBlock table,
.privacyBlock dl
{
  font-size: 13px;
  line-height: 1.8;

}

/* よくある質問 */
.ib-parent ul{
  width: 100%;
  font-size: 13px;
  line-height: 1.8;
}

/* TOP　h1タグ追加 */

.inner-wrap h1 span {
  font-size: 2vw;
}

.inner-wrap h1 {
  font-size: 5.2vw;
  margin: 0 auto;
  text-align: center;
}

p.h1-p {
  font-size: 3.2vmin;
  margin: 0 4vw;
}

/* スマホ */
}
@media screen and (min-width:769px) and (max-width:768px){

}
@media screen and (min-width:769px){
@charset "utf-8";
.sp {
	display:none;
}

/* 30-0 Only PC 
 *----------------------------------------------------------------------*/

/* 選ばれる理由 PC版 */
.choseReason{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-left: 70px;
}

.choseReason div{
    width: 48%;
    margin-bottom: 20px;
    /* text-align: center; */
}

.choseReason div p:nth-of-type(1){
    display: inline-block;
}

.choseReason div img{
    display: inline-block;
}

.choseReason div .title{
    font-size: 26px;
    padding: 16px;
    display: inline-block;
}

.choseReason div .detailC {
    padding: 15px 0px 22px 0px;
    text-align: left;
}

.choseReason div .detailC span{
    font-size: 25px;
}

#sysItemCategory .sysFuncText.view_more,
#sysItemCategory .sysFuncText.sp_Color,
#sysItemCategory .sysFuncText.chose_size
{
    display: none;
}

#top .sysFuncText.whyChosen .sysHeadline{
    margin-bottom: 50px;
}

 /* TOPランキング見出し */
#top .sysFuncText.rank-satou .sysHeadline::after {
    content: '';
    border-top: solid 1px;
    width: 100px;
    flex-grow: 0;
    position: absolute;
    right: 175px;
    margin-right: 1rem;
    top: 50%;
}

#top .sysFuncText.rank-satou .sysHeadline::before {
    content: '';
    border-top: solid 1px;
    width: 100px;
    flex-grow: 0;
    position: absolute;
    left: 180px;
    margin-right: 1rem;
    top: 50%;
}

/* TOPスタイルブック見出し */
#top .sysFuncItemBlock.stylebook .sysHeadline::after {
    content: '';
    border-top: solid 1px;
    width: 100px;
    flex-grow: 0;
    position: absolute;
    right: 95px;
    margin-right: 1rem;
    top: 50%;
}

#top .sysFuncItemBlock.stylebook .sysHeadline::before {
    content: '';
    border-top: solid 1px;
    width: 100px;
    flex-grow: 0;
    position: absolute;
    left: 105px;
    margin-right: 1rem;
    top: 50%;
}



/* 選ばれる理由見出し */
#top .sysFuncText.whyChosen .sysHeadline::after {
    content: '';
    border-top: solid 1px;
    width: 100px;
    flex-grow: 0;
    position: absolute;
    right: 15px;
    margin-right: 1rem;
    top: 50%;
}

#top .sysFuncText.whyChosen .sysHeadline::before {
    content: '';
    border-top: solid 1px;
    width: 100px;
    flex-grow: 0;
    position: absolute;
    left: 30px;
    margin-right: 1rem;
    top: 50%;
}

 /* TOPレイアウト2カラム */
#top #sysWrap,
#sysItemCategory #sysWrap{
  display: flex;
  flex-flow: row-reverse;
  justify-content: space-around;
  flex-wrap: wrap;
  width: 98% !important;
  max-width: 1270px !important;
  min-width: 1015px !important;
  margin: 0 auto;
}

#top #sysMain,
#sysItemCategory #sysMain{
  max-width:75%;
  margin-left: 0;
}

#top #sysAside,
#sysItemCategory #sysAside{
  max-width: 260px;
  margin-right: 30px;
  margin-top: 35px;
}

/* パンくず位置修正 */
#sysItemCategory #sysMain{
    margin-top: 33px;
}

#sysItemCategory .pageTitle{
    padding-top: 26px !important;
}

/* 商品一覧ページはTOPスライダー消す */
#sysItemCategory .sysFuncText.main_slider{
    display: none;
}

/* 30-1 Header */
.h-siteinfo,
.h-subMenu {
    margin: 0 auto;
}
.h-siteinfo { text-align: left;}
/* 30-1-3 ドロップダウンメニュー */
.h-subMenu > .sysContent {  display: block!important;}
.h-subMenu > .sysHeadline { display: none;}
.h-subMenu .sysAccordionInitialHide {
    position: absolute;
    bottom: 1px;
    right: 0;
    z-index: 999;
    width: 70%;
    background: transparent;
}
.h-subMenu ul {
    display: table;
    width: 100%;
}
.h-subMenu ul li {
    display: table-cell;
    width: auto!important;
    float: none;
    text-align: center;
}
.h-mainMenu nav {
    width: 70%;
    border-right: 1px solid;
}
.h-search .sysItemSearchForm {
    width: 30%;
    position: absolute;
    top: -55px;
    height: 50px;
    right: 0;
    padding: 5px;
}

/* 32-9 トグル機能アニメーション */
.sysAccordionInitialHide { opacity: 1;}

/* 33-3-1 Aside Check List */
.s-checklist li > div {
    width: 90%;
    margin: 0 auto;
}
.s-checklist .sysContent .sysVertical .sysItemImage img {
    width: 100%;
    vertical-align: top;
    float: left;
    margin-right: 0;
}

/* 34-4-1 Footer Site Map */
/* .f-sitemap .sysContent {
    width: 95%;
    margin: 0 auto;
} */
/* 34-4-2 Page Top Btn */
.p-pagetop .sysContent {
    overflow: hidden;
    padding: 0 2px;
    width: 95%;
    margin: 0 auto;
}
.p-pagetop .btn {
    float: right;
    padding: 10px 20px;
}

body {
	min-width:960px;
}

.search {
	padding:24px 0;
	position:relative;
}
.search .body {
	background:url(../img/header/search/back_search_body.png) repeat-y;
	padding:10px 20px;
	overflow:hidden;
	position:relative;
}
.search:before,
.search:after {
	content:"";
	display:block;
	width:960px;
	height:24px;
	position:absolute;
	left:0;
}
.search:before {
	background:url(../img/header/search/back_search_head.png) no-repeat;
	top:0;
 }
.search:after {
	background:url(../img/header/search/back_search_foot.png) no-repeat;
	bottom:0;
}
/* .contents.contentsBanner {
	padding-top:0;
	background:none;
} */
.search .body .image ,
.search .body .first ,
.search .body .second ,
.search .body .third {
	float:left;
}
.search .body .first ,
.search .body .second ,
.search .body .third {
	padding-top:10px;
	margin-left:38px;
	width:220px;
}
.search .body > div > ul:last-child {
	margin-bottom:0;
}
.search .body .first .side li ,
.search .body .first li ,
.search .body .second .side li ,
.search .body .second li {
	background:url(../img/header/search/icon_search.jpg) no-repeat left center;
	padding-left:15px;
}
.search .body li {
	margin-left:7px;
	margin-bottom:4px;
}
.search .body .second li {
	margin-left:15px;
}
.search .body .side li {
	display:inline-block;
	vertical-align:top;
}
.search .body .side.impression li {
	min-width:80px;
}
.search .body ul {
	margin-bottom:15px;
}
.search .body .topic {
	padding:2px 0;
	margin-bottom:10px;
	text-align:center;
	background:#EA999D;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#FFF;
}
.search .body .third {
	text-align:center;
}
.search .body .third li {
	margin-left:0px;
	margin-bottom:10px;
	font-size:9px;
	width:51px;
}
.search .body a {
	color:#666;
}
.search .body a:hover {
	text-decoration:underline;
}

.header {
	padding-top:10px;
	margin-bottom:10px;
}
.header .logo ,
.header  ,
.header .button{
	float:left;
}
.header .logo {
	width:320px;
	height:98px;
	margin-right:140px;
	margin-left:20px;
	background:url(../img/header/logo.png) no-repeat;
	position:relative;
}
.footer .logo {
	width:320px;
	height:98px;
	margin-right:140px;
	margin-left:20px;
	background:url(../img/header/logo.png) no-repeat;
	position:relative;
}
.header .logo .siteTitle {
	position:absolute;
	color:#663300;
	font-size:12px;
	left:60px;
	top:5px;
}
.header {
	margin-top:15px;
	margin-right:15px;
}
.header .phone {
	margin-bottom:6px;
	text-align:center;
}
.header .button {
	margin-top:12px;
	text-align:center;
}
.header .button p {
	margin-bottom:3px;
	color:#E99497;
}
.header .button .line {
	margin-bottom:7px;
}
.header .button .line a {
	display:block;
	float:left;
	width:100px;
	color:#FFF;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:4px 0;
}
.header .button .line .pay {
	margin-right:5px;
	background:#99CCCC;
}
.header .button .line .pay:hover {
	/*background:#B3DAD9;*/
}
.header .button .line .return {
	background:#D3B381;
}
.header .button .line .return:hover {
	/*background:#DEC6A0;*/
}
.header .button .cart {
	display:block;
	background:#E89197;
	color:#FFF;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:4px 0;
}
.header .button .cart .icon {
	padding: 1px 0 1px 26px;
	background:url(../img/icon/cart.png) no-repeat 0 center;
	background-size:contain;
}
.header .button .cart:hover {
	/*background:#EEADB1;*/
}
.header .button a:hover {
	text-decoration:none;
}

.header .head_menu li{
	display:inline-block;
}

nav.gnavi.pc .inner{
    /* width: 960px; */
    margin: 16px 0px 0px;
    border-top: solid 1px #eec4c6;
    border-bottom: solid 1px #eec4c6;
}
nav.gnavi.pc .navi_inner  {
    display: flex;
    justify-content: flex-start;
    margin-top: -2px;
    max-width: 960px;
    margin: auto;
}

nav.gnavi.pc .navi_inner {}

nav.gnavi.pc .navi {
    vertical-align: middle;
    color: #666666;
    text-align: center;
    padding: 10px 5px 10px 5px ;
}
nav.gnavi.pc .navi a{
    display: block;
    color: #666;
    padding: 4px;
    font-family: Meiryo,Hiragino Kaku Gothic Pro;
    font-size: 14px;
    text-decoration: none;
}
nav.gnavi.pc .navi > a:hover {
	text-decoration:none;
}
nav.gnavi.pc .navi:last-child {
}
nav.gnavi.pc .navi:hover ,
nav.gnavi.pc .navi_1:hover {
	/* background:url(../img/header/gnavi_back_on.jpg) center no-repeat; */
           text-decoration: underline;
}
nav.gnavi.pc .navi:last-child {
    margin-left: 61px;
}

nav.gnavi.pc .navi_1 li {
	font-weight:100;
}

ul.navi_inner img {
    width: 60px;
    padding: 0px 5px;
}

.open_trg {
	display:block;
	padding:0;
	font-weight:bold;
	color:#7C3D3A;
}
.menu_search{
  overflow: hidden;
  width:960px;
  position:absolute;
  left:0;
  top:100%;
  text-align:left;
  z-index:999;
  display:none;
}
.navi_1:hover .menu_search {
  display:block;
}
.navi_1:hover .side li{
	display:inline-block;
}


.mainimage .inner ul li:first-child {
    width: 100%;
    height: 650px;
    background: gray;
　　position: relative;
}
.mainimage .inner ul li:last-child {
    width: 100%;
    height: 650px;
    background: gray;
    position: relative;
}

.mainimage .inner ul li:nth-child(2n) {
    height: auto;
    display: flex;
    width: 20%;
    max-width: 120px;
    max-height: 650px;
    position: relative;
}

/*
.mainimage .inner ul li:nth-child(2n):after {
    content: '詳細を見る';
    position: absolute;
    color: white;
    top: 320px;
    left: -205px;
    background: #4d4d4d;
    padding: 20px;
    width: 133px;
    text-align: center;
}

.mainimage .inner ul li:nth-child(2n):before {
    content: '￥19,800';
    position: absolute;
    top: 275px;
    left: -190px;
    color: black;
    font-family: 'Meiryo';
    font-size: 30px;
}

.mainimage .inner ul li:last-child:before {
    content: '';
    content: '詳細を見る';
    position: absolute;
    color: white;
    top: 320px;
    left: 32px;
    background: #4d4d4d;
    padding: 20px;
    width: 133px;
    text-align: center;
}

.mainimage .inner ul li:last-child:after {
    content: '￥29,800';
    position: absolute;
    top: 275px;
    left: 50px;
    color: black;
    font-family: 'Meiryo';
    font-size: 30px;
}
*/

.mainimage_pc img {
    width: 100%;
}

.mainimage_pc {
    width: 100%;
    position: relative;
}

.catalog .box .comment {
	height: 140px;
}
.copy2 {
    width: 965px;
    margin: 0 auto;
    display: flex;
    align-items: center;
   }

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

.Top_viewmore img {
    width: 220px;
    height: auto;
}

img#what_hakama_collection {
    float: left;
    height: 500px;
    width: auto;
    margin-right: 86px;
    margin-bottom: 112px;
}

.what_hakama ul li {
    border: pink solid 1px;
    width: 260px;
    padding: 16px;
    /* height: 55px; */
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin: 5px;
    margin-top: 0px;
}
.what_hakama_flow img:first-child {
    width: 600px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    margin-bottom: 60px;
}

.what_hakama_flow img:last-child {
    width: 30%;
    display: flex;
    /* justify-content: center; */
    margin: 50px auto;
}

.hakama_chosen {
  background: #fff6f8;
  padding-bottom: 35px;
}

.hakama_chosen h1 {
    background: #fa828d;
    color: white;
    margin-top: 50px;
    margin-bottom: 22px;
    text-align: center;
    font-size: 35px;
    font-family: "Yu Gothic";
}

.hakama_chosen h2 {
    background: #fa828d;
    color: white;
    margin-top: 50px;
    margin-bottom: 22px;
    text-align: center;
    font-size: 35px;
    font-family: "Yu Gothic";
}

.fourreason div {
    width: 215px;
    padding: 5px;
    border: 1px solid pink;
}


.fourreason {
    display: flex;
    justify-content: space-around;
}


.flowchartgraph_res{
display: none;
}

img.flowchartgraph {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.reason .title {
    text-align: center;
    margin-bottom: 27px;
    font-size: 30px;
    font-family: 'Muli', sans-serif;
}

.reason_detail_text img {
    width: 350px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    margin-bottom: 20px;
}

p#reason_subtitle {
    text-align: center;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -30px;
    margin-top: 30px;
}

ul.navi_inner img#logo {
    width: 24%;
    position: absolute;
    top: -22px;
    left: 1px;
}

.clearfix.pc {
    width: 960px;
    margin: 0 auto;
    position: relative;
}

.clearfix.pc ul li:nth-child(3n) {
    position: absolute;
    right: 69px;
    top: 30px;
    background: #fa828d;
    width: 150px;
}

.clearfix.pc ul li:first-child {
    position: absolute;
    width: 47px;
    top: 31px;
    right: 435px;
}

.clearfix.pc ul li:nth-child(2) {
    position: absolute;
    right: 381px;
    width: 47px;
    top: 31px;
}

.clearfix.pc div img {
    width: 90px;
    height: auto;
 margin-top: 5px;
}

.clearfix.pc p {
    position: relative;
    top: 0px;
    left: 0px;
}

i.material-icons.shoppingcart {
    color: white;
    margin: 0 auto;
    font-size: 29px;
    display: flex;
    justify-content: flex-start;
    padding: 8px 8px 8px 14px;
    position: relative;
}

i.material-icons.shoppingcart:after {
    content: 'カートを見る';
    font-size: 16px;
    line-height: 1.9em;
    font-family: 'Yu Gothic';
}

.clearfix.pc ul li:nth-child(4n) {
    position: absolute;
    right: 225px;
    top: 30px;
    background: #ffffff;
    width: 150px;
    border: solid 1px;
}

i.material-icons.email {
    margin: 0 auto;
    font-size: 29px;
    display: flex;
    justify-content: flex-start;
    padding: 8px 8px 8px 14px;
}

i.material-icons.email:after {
    content: 'お問い合わせ';
    font-size: 16px;
    line-height: 1.9em;
    font-family: 'Yu Gothic';
}

.sysFuncItemCategory.s-case.asideCnt {
    position: absolute;
    width: 200px;
    top: 122px;
    right: -242px;
    margin-top: 40px;
}

.sysFuncItemCategory.s-price.asideCnt {
    position: absolute;
    width: 200px;
    top: 565px;
    right: -240px;
    margin-top: 47px;
}

.sysFuncItemCategory.s-size.asideCnt {
    position: absolute;
    width: 200px;
    top: 705px;
    right: -240px;
    margin-top: 47px;
}

.jr h3 {
    font-size: 30px;
    margin: 40px 0px -10px 0px;
    width: 100%;
    display: block;
    color: #fa828d;
    border: solid 1px #fa828d;
    padding: 8.5px;
    text-align: center;
}

.viewmore2 {
    width: 10%;
    position: absolute;
    top: 49%;
    right: 33%;
    padding-top: 10px;
    border: solid 3.5px #97dcd9;
    border-style: double;
    padding-left: 10px;
    padding-right: 10px;
    background: white;
    cursor: pointer;
       padding-bottom: 10px;
    line-height: 1em;
}

.viewmore1 {
    width: 16%;
    position: absolute;
    top: 42%;
    left: 16%;
    padding: 12px 40px;
    border: solid 2px #ec9ac7;
    /* border-style: double; */
    background: white;
    cursor: pointer;
    line-height: 1em;
}
.sysContent .content {
    width: 710px;
    margin: 20px 70px 20px 135px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e7e7eb;
}

.topictitle .topic {
    width: 710px;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    color: #666666;
    font-family: "Yu Gothic";
    padding-top: 17px;
}

.imaget {
    margin: 30px 0 40px 0px;
    margin-top: 30px;
    margin-right: 0px;
    margin-bottom: 40px;
    margin-left: 0px;
}

h1.hakamaQ {
    margin: 0 auto;
    width: 92%;
    max-width: 714px;
    text-align: center;
    font-size: xx-large;
    color: #fa828d;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.topic_path li {
    float: left;
    margin-right: 6px;
    color: #333;
    font-size: 13px;
    margin-top: 7px;
}

p#s-title {
    margin-top: 110px;
    margin-bottom: 30px;
    text-align: center;
    font-size: 25px;
    position: relative;
    color: #fa828d;
}

.sysCategoryPankuzu a, .sysItemCategoryPankuzu a {
    display: inline-block;
    padding: 0 10px;
    color: #333;
    text-decoration: none;
    font-size: 13px;
    margin-top: 6px;
}

.checkPointBlock dt {
    /* background: #EEC6C4; */
    color: #333;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 8px 0;
    margin-bottom: 15px;
}

nav.gnavi.pc .navi:nth-child(2n) {
    margin-left: 74px;
}

nav.gnavi.pc .navi:nth-child(3n) {
    margin-left: 69px;
}

nav.gnavi.pc .navi:nth-child(4n) {
    margin-left: 77px;
}

.sysCartTitle {
    background-color: #99CCCC;
    padding: 5px 0 3px 15px;
    font-size: 20px;
    font-weight: bold;
}

.pageTitle {
    margin: 0 auto;
    width: 92%;
    max-width: 700px;
    text-align: center;
    font-size: xx-large;
    color: #fd3073;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 50px;
    font-size: 37px;
    font-family: serif;
}

.mokuji {
    color: #f8b862;
    font-size: 20px;
    font-family: "Yu-Gothic";
}

.mokuji-nakami ol {
    padding: 21px 44px;
    margin: 45px 19px 45px 16px;
    color: #565656;
    background: #e7e7eb;
    box-shadow: 0px 0px 0px 10px #e7e7eb;
    border: dashed 0px #f7b977;
    border-radius: 8px;
    font-family: "Yu Gothic";
    font-size: 16px;
    font-weight: bold;
}

.sitemap dl {
    width: 100%;
    padding-top: 10px;
    vertical-align: top;
    margin-left: 160px;
}

.sysThumbnailImage {
    margin: 0 -14px 0 40px;
}

.sysThumbnailImage span {
    width: 250px;
    display: block;
}


h2#s-title {
    margin-top: 65px;
    font-size: 30px;
    text-align: center;
    color: #fa828d;
    margin-bottom: 10px;
}

h2#sumahoS-title {
    display: none;
}

.waht_hakama_text {
    font-size: 16px;
    text-align: center;
}

.sysFuncItemSearch.Top_kensaku.title {
    margin-top: 55px;
}

h2.sysHeadline {
    font-size: 25px;
    text-align: center;
}

.sysFuncItemBlock.s-checklist.asideCnt {
    margin-top: 60px;
}

.topic-1 {
    width: 223px;
    height: 61px;
    margin-bottom: 10px;
    background: #ffe2f6;
    border-radius: 15px;
    padding: 5px 0 0 15px;
}

.topic-2 {
    width: 223px;
    height: 80px;
    margin-bottom: 10px;
    background: #ffe2f6;
    border-radius: 15px;
    padding: 5px 15px 0 15px;
}

.topic-3 {
    width: 223px;
    height: 132px;
    margin-bottom: 10px;
    background: #ffe2f6;
    border-radius: 15px;
    padding: 5px 15px 0 15px;
}

.topic-4 {
    width: 223px;
    height: 132px;
    margin-bottom: 10px;
    background: #ffe2f6;
    border-radius: 15px;
    padding: 5px 15px 0 15px;
}

p.ttl {
    background: #ECB8BD;
    font-size: 18px;
    color: #E34068;
    font-weight: bold;
    height: 29px;
}

.detail {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 28px;
    margin-right: 10px;
    margin: auto;
}

p.dtl {
    padding: 5px;
    top: 10px;
    position: relative;
    font-size: 15px !important;
}

div.detail2 {
    width: 24%;
    border: solid #ECB8BD;
    height: 145px;
    margin-bottom: 24px;
    margin: -20px 8px 8px 0;
}

/*
 * 先生ページ改修
 *
 */

/* コーディネート
------------------------------------------------*/
.teacher-coordinate .inner-wrap{
    display: flex;
    justify-content: space-evenly;
    max-width: 1400px;
    margin: auto;
    text-align: center;
    padding: 2% 0 5% 0;
}

/* 先生が袴を選ぶポイント
------------------------------------------------*/
.teacher_point h2{
    text-align: center;
    font-size: 50px;
    padding: 5% 0;
}

.teacher_point .inner-wrap{
    display: flex;
    justify-content: space-evenly;
    max-width: 1350px;
    margin: auto;
  }
  .teacher_point .inner-wrap .contents{ width: 45%; }
  .teacher_point .inner-wrap .contents h3{
    font-size: 40px;
    margin-bottom: 7%;
    font-weight: 800;
  }
  
  .teacher_point .inner-wrap .in-image{
    width: 35%;
  }
  .point{
      position: relative;
      z-index: 10;
  }
  .point._02 .inner-wrap{ flex-flow: row-reverse; }

/* ハカコレ選ばれる理由
------------------------------------------------*/
.teacher_reason h2{
    text-align: center;
    font-size: 50px;
    padding: 5% 0 3%;
}
.teacher_reason .inner-wrap{
    display: flex;
    justify-content: space-evenly;
    max-width: 1150px;
    margin: auto;
    text-align: center;
    padding: 2% 0;
    flex-wrap: wrap;
  }
  .teacher_reason .inner-wrap .choice{
    width: 30%;
    height: 450px;
    padding: 2% 0;
    background: white;
    margin-bottom: 5%;
  }
  .teacher_reason .inner-wrap .choice img{
    padding: 15px;
  }
  
  .teacher_reason .inner-wrap .choice .detail_{
    font-size: 14px;
    padding: 6%;;
  }
  .teacher_reason .inner-wrap .choice .title p span{ 
    display: block;
    font-size: 25px; 
  }

/* 導入
---------------------------------------------------*/

.teacher_hakama_top .top_image span{
    background-image: url(/img/teacher_top4.jpg);
    content: "";
    width: 100%;
    height: 8%;
    display: block;
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
}

.teacher_hakama_top .top_image h2{
    position: absolute;
    top: 4%;
    left: 58%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-size: 40px;
    border: 1px solid;
    padding: 80px 44px;
    text-align: center;
    width: 570px;
    box-shadow: 6px 6px;
}

.teacher_hakama_top .top_message{
    max-width: 700px;
    margin: 10% auto 5%;
}
.pc-none{ display: none; }
.coord_title{
    text-align: center;
    font-size: 50px;
    padding: 5% 0;
  }

.r_ttl{
    font-size: 18px !important;
    border: 1px solid;
    border-radius: 20px;
    width: 77%;
    margin: 5% auto;
}
.detail_ p span{ display: block; }
.detail_ p span strong{ font-size: 25px; }


/*-------------------------------------------------
 * 2021年度リニューアル
 * 2021.7.1～OPEN！
 *
 *
 --------------------------------------------------*/
/* これのリニューアルはずす */
#renewal #sysMain{ 
    max-width: initial;
    margin-top: initial;
}

/*
 * 1.TOPページ
 *
 */

/* 1-0.共通部分
---------------------------------------------------*/


/* 1-1.ヘッダー
---------------------------------------------------*/

/* ヘッダーメニュー（横並び） */
.top-header-menu{ 
    display: flex;
    justify-content: space-between;
}
.top-header-menu .th-menu1,
.top-header-menu .th-menu2{
    display: flex;
}
.top-header-menu .th-menu1 li{
    display: -webkit-box; /* safari, Chrome */
    display: -moz-box;    /* Firefox */
    display: -o-box;      /* Opera */
    display: -ms-box;     /* IE */
    display: box;         /* ベンダープレフィックスなし */
    -webkit-box-align: center; /* safari, Chrome */
    -moz-box-align: center;    /* Firefox */
    -o-box-align: center;      /* Opera */
    -ms-box-align: center;     /* IE */
    box-align: center;         /* ベンダープレフィックスなし */
    font-family: "YuGothic","游ゴシック体","Yu Gothic","游ゴシック",Hiragino Sans,"ヒラギノ角ゴシック",Hiragino Kaku Gothic ProN,"ヒラギノ角ゴ ProN W3","Meiryo",sans-serif !important;
    font-weight: 600;
}
.top-header-menu .th-menu1 li a{ display: block; }
.top-header-menu .th-menu1{
    justify-content: space-evenly;
    width: 820px;
}
.th-menu2 li{ 
    width: 85px;
    padding: 4%;
}
.th-menu2 li img{ width: 100%; }

/* メインビジュアル */
.top-header .header-area{
    height: 100vh;
    width: 100%;
    position: relative;
}
.top-header .header-area img{
    width: 100%;
    height: 100%;
}
.top-header .header-area .header-logo{
    position: absolute;
    top: 0;
    width: 250px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.top-header .header-area .top-text{
    width: 360px;
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);  
}

/* 1-2.スタイルブック
---------------------------------------------------*/
/* 見出し */
.top-coordinate h2{
    text-align: center;
    font-size: 80px;
    padding: 3% 0;
    font-family: 'Poiret One', cursive;
    font-weight: 500;
}
.top-coordinate h2 span{ color: #DF818B; }
.top-coordinate .inner-wrap{
    display: flex;
    justify-content: space-evenly;
}
.top-coordinate .inner-wrap .swiper-slide{
    width: 500px;
    padding: 7px;
    margin-bottom: 10px;
    text-align: center;
    border: 1px solid #F4F3EB;
    background-color: #FFF;
    box-shadow: 0 0 7px 0px rgba(51, 51, 51, .2);
}

.top-coordinate .view-more{ margin: 5% 0; }
.top-coordinate .view-more a{
    font-size: 30px;
    background: #DF818B;
    color: white;
    display: block;
    width: 50%;
    margin: auto;
    padding: 20px;
    text-align: center;
    font-family: 'Poiret One', cursive;
}

/* 1-2-0.オススメ商品（or スタイルブック）
---------------------------------------------------*/
/* .recommend{
    max-width: 1280px;
    margin: auto;
    margin-top: 3%;
}
.recommend h2{
    text-align: center;
    font-size: 60px;
    padding: 5% 0;
    font-family: 'Poiret One', cursive;
    font-weight: 500;
}
.recommend h2 span{ color: #DF818B; }
.recommend .inner-wrap{
    display: flex;
    justify-content: space-evenly;
}
.recommend .inner-wrap .r-box{
    width: 23%;
}

.recommend .inner-wrap .r-box .inner-txt{ margin-top: 15px; }
.recommend .inner-wrap .r-box .inner-txt p{
    font-size: 14px;
    font-weight: 700;
}
.recommend .inner-wrap .r-box .inner-txt .price{ color: #DF818B; } */

/* 1-3.袴コレクションとは？
---------------------------------------------------*/
.whatHakakore{ margin-top: 10%; }
.whatHakakore h2{
    background: #DF818B;
    color: white;
    text-align: center;
    padding: 1.5%;
    font-size: 30px;
}
.whatHakakore .inner-wrap{
    display: flex;
    max-width: 1150px;
    margin: 5% auto;
    justify-content: space-between;
}
.whatHakakore .inner-wrap .l-image{
    width: 500px;
}
.whatHakakore .inner-wrap .r-detail{
    width: 600px;
}
.chose-point ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}
.chose-point ul li{
    border: 2px solid #DF818B;
    width: 45%;
    text-align: center;
    padding: 4% 0;
    color: #DF818B;
    font-size: 16px;
    font-weight: 600;
    margin: 2%;
}
.chose-txt{
    line-height: 2.0em;
    text-align: center;
    margin-top: 5%;
}
.howto{
    width: 55%;
    margin-top: 7%;
}

/* 1-4.袴コレクションが選ばれる理由
---------------------------------------------------*/
/* .whyChoseHakakore{ 
    background: #FFEBED;
    margin-top: 10%;
    padding-bottom: 10px;
}
.whyChoseHakakore .inner-wrap{
    padding-top: 5%;
    max-width: 1180px;
    margin: auto;
}
.whyChoseHakakore h2{
    background: #DF818B;
    color: white;
    text-align: center;
    padding: 1.5%;
    font-size: 30px;
}
.whyChoseHakakore .choice-list{
    display: flex;
    justify-content: space-evenly;
}
.whyChoseHakakore .inner-wrap .choice{
    width: 23%;
    height: 365px;
    padding: 10px 0;
    background: white;
    margin-bottom: 5%;
    border: 1px solid #FB8F99;
}
.whyChoseHakakore .inner-wrap .choice .choice-img{
    width: 250px;
    margin: auto;
}

.whyChoseHakakore .inner-wrap .choice .detail_{
    padding: 25px 15px;
    text-align: center;
}
.why-msg{ text-align: center; }
.whyChoseHakakore .inner-wrap .viewmore{ margin: 5% 0; }
.whyChoseHakakore .inner-wrap .viewmore a{
    font-size: 30px;
    background: white;
    color: #FB8F99;
    display: block;
    border: 1px solid;
    width: 50%;
    margin: auto;
    padding: 20px;
    text-align: center;
} */

/* 1-5.コンテンツバナー
---------------------------------------------------*/
/* .topContents{
    max-width: 980px;
    margin: auto;
}
.topContents h2{
    text-align: center;
    font-size: 80px;
    padding: 5% 0;
    font-family: 'Poiret One', cursive;
    font-weight: 500;
    margin-top: 10%;
}
.topContents h2 span{ color: #DF818B; }
.topContents .inner-wrap .category-bnr{
    display: flex;
    justify-content: space-between;
}
.topContents .inner-wrap .category-bnr div{ width: 48%; }
.topContents .inner-wrap .column-bnr{ margin: 5% 0; }
.topContents .inner-wrap img{ width: 100%; } */

/*
 * レンタルの流れ
 */

/* 2-0.共通
---------------------------------------------------*/
.bk-color{ display: none; }
#howto{
    font-family: "YuGothic","游ゴシック体","Yu Gothic","游ゴシック",Hiragino Sans,"ヒラギノ角ゴシック",Hiragino Kaku Gothic ProN,"ヒラギノ角ゴ ProN W3","Meiryo",sans-serif !important;
}
#howto #sysMain{
    max-width: initial;
}
#howto .inner-wrap .flow-chart{
    max-width: 980px;
    margin: auto;
}
#howto .inner-wrap .flow-wrap{
    background-size: contain;
    padding: 50px 0 100px;
}

#howto .inner-wrap .flow-wrap._odd{ background-image: url(/img/hakama_zebrared.png); }
#howto .inner-wrap .flow-wrap._even{ background-image: url(/img/hakama_zebrablue.png); }
#howto .inner-wrap .flow-wrap .flow-detail .inner-txt{
    background: white;
    border: 1px solid;
    padding: 5%;
    width: 550px;
    line-height: 1.9em;
    font-size: 14px;
}
#howto .inner-wrap .flow-wrap .flow-detail .inner-txt h3{
    color: #DF818B;
    font-weight: 700;
    font-size: 18px;
    padding: 8px 0;
}
#howto .inner-wrap .flow-wrap .flow-box{
    position: relative;
    max-width: 980px;
    margin: auto;
}

#howto .inner-wrap .flow-wrap .flow-flex{
    display: flex;
    justify-content: center;
}

#howto .inner-wrap .flow-wrap._even .flow-flex{
    flex-flow: row-reverse;
}
#howto .inner-wrap .flow-wrap .flow-flex .flow-detail{ z-index: 5; }
#howto .inner-wrap .flow-wrap .flow-flex .flow-img{
    width: 450px;
    margin-left: -50px;
    z-index: 0;
    margin-top: 100px;
}
#howto .inner-wrap .flow-wrap._even .flow-flex .flow-img{
    margin-right: -50px;
}
.no-img{
    text-align: right;
    margin-bottom: -50px;
}
.no_index{ display: none; }

.no-img._even{ text-align: left; }
.flow-obj{
    width: 200px;
    margin-left: 17%;
}
#howto .inner-wrap .flow-wrap._even .flow-obj{
    margin-right: 21%;
    margin-left: auto;
}

/*
 * 袴コレクションが選ばれる理由
 */
/* 3-0.共通
---------------------------------------------------*/

/* 3-1.
---------------------------------------------------*/
.reasonChoice{
    max-width: 1100px;
    margin: auto;
}
.reasonChoice .inner-txt h3{
    width: 35%;
    margin: auto;
    padding: 5% 0;
}
h2#r-title {
    position: relative;
    padding: 1.5rem;
    text-align: center;
    font-size: 30px;
    color: #fa828d;
    margin: 5% 0;
}
  
h2#r-title:before {
    position: absolute;
    bottom: 8px;
    width: 38%;
    height: 2px;
    content: '';
    border-radius: 3px;
    background: #fa828d;
    left: 0;
    right: 0;
    margin: auto;
}
.reasonChoice .inner-txt{
    background-image: url(/img/hakama_zebrablue.png);
    background-size: contain;
    padding: 0 80px 80px;
    line-height: 2.5em;
    font-weight: 600;
    position: relative;
}
.reasonChoice .inner-txt .inner-obj{
    position: absolute;
    top: 0;
    left: 0;
    border-left: 150px solid #DF818B;
    border-bottom: 150px solid transparent;
}

/*
 * TOPカテゴリー分け
 */
/* 4-0.共通
---------------------------------------------------*/

/* 4-1.
---------------------------------------------------*/

.choseCategory-pc .inner-wrap{
    display: flex;
    max-width: 1250px;
    margin: auto;
    justify-content: space-between;
}
.choseCategory-pc .inner-wrap .inner-box{
    width: 280px;
    position: relative;
    height: 280px;
    overflow: hidden;
}
.choseCategory-pc .inner-wrap .inner-box img{
    transition:1s all;
}

.choseCategory-pc .inner-wrap .inner-box img:hover{
    transform:scale(1.2,1.2);
    transition:1s all;
}
.choseCategory-pc .inner-wrap .inner-box .white-box{
    position: absolute;
    width: 220px;
    height: 220px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.7);
    display: table;
}
.choseCategory-pc .inner-wrap .inner-box .white-box .inner-txt{
    text-align: center;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    font-weight: 900;
    font-family: serif;
}

.choseCategory-pc .inner-wrap .inner-box .white-box .inner-txt .type{
    font-size: 25px;
    font-weight: 600;
    color: #e34068;
}

/*
 * コラムスライダー
 */
/* 5-0.共通
---------------------------------------------------*/

/* 5-1.
---------------------------------------------------*/
.Column{
    max-width: 1050px;
    margin: auto;
    margin-top: 5%;
    position: relative;
}
.Column h2{
    text-align: center;
    font-size: 60px;
    padding: 2% 0;
    font-family: 'Poiret One', cursive;
    font-weight: 500;
}
.column .swiper-slide{
    padding: 0 10px;
}
.column .swiper-container{
    width: calc(100% - 100px);
    padding-bottom: 50px;
    box-sizing: content-box;
}

.column .swiper-button-next,.column .swiper-button-prev{
    /* top: calc((100% - 50px) * 0.5); */
    top: calc(100% - 130px);
    margin-top: -22px;
}

/*
 * close後、メンテナンスモード
 * 2021.02.01〜2021.07.01
 */
.maintenance .m-logo,
.maintenance .main-ct{ text-align: center; }
.maintenance h2{
    text-align: center;
    padding: 5%;
    font-size: 30px;
    font-weight: 800;
}


/*********************************************************/
/*  ここから改修
**********************************************************/

/* 共通
--------------------------------------------------*/
.pc-none{ display: none !important; }


/* TOP　h1タグの見出し
--------*/

.inner-wrap h1 {
  font-size: 2.0vw;
  margin: 0 auto;
  width: 750px;
  text-align: center;
}


.inner-wrap h1 span {
  font-size: 1.2vw;
  text-align: center;
}

p.h1-p {
  font-size: 1.7vmin;
  margin: 0 auto;
  width: 1000px;
  text-align: center;
}


/* ハカコレPC */
}
/* #END_OF_RESOURCE_FILE */