h3.sysMypageMinorHeadLine {
    text-align: center;
    margin: 3% auto;
}
 .sysReviewImproperForm{/*不適切なレビューの報告*/
    display: none!important;
}

#sysItemReviewIndex select[name="sort"]{
display:none;
}

#sysItemSearch input[type="search"]{
width: 90%;
border: 1px solid#DDD;
/*height: 35px;*/
padding: 5px;
background:#EEE;
font-size:0.8em;
}

.cat_free_erea,
.i-ranking-block,
#sysItemSearch .sysItemList,
#sysItemCategory .sysItemList,
.sysItemCategoryForm,
.sysItemCategoryForm,
.cat_midashi{
      max-width: 1100px!important;
    margin: 0px auto;
}


/*マイページログイン後*/

#sysMypageAshiato #sysMain,
#sysMypageEditDeliveryinput #sysMain,
#sysMypageReview #sysMain,
#sysMypageIndex #sysMain{
   max-width:700px;
margin-top:8%;
}
.sysErrorMessage{
color:red;
    padding: 0.3em 0.5em;
    max-width: 700px;
    font-size: 0.8em;
    margin: 0px auto;
}

/* ============================== */
/* IOSリセット */
/* ============================== */


input[type="text"],texterea {
  font-size:1em;
  border-radius:0px ;
  /*transform: scale(0.8);*/
}


.sysFormField textarea:focus,input[type="text"]:focus,.uneditable-input:focus {
  background: #FFF!important;
border: 1px solid #000!important;
}

.sysRequired {
    color: #F00 !important;
    display: inline-block;
    font-size: 11px !important;
}


input[type="</p"] {
    display: none!important;
}


.sysItemCategoryPankuzu{
display:none;
}

.cat_free_erea {
padding: 2% 0% 4%;
border-bottom: 1px solid #000;
margin: 0px auto;
text-align: center;
}
.cat_free_erea li{
display: inline-block;
width: 15%;
font-size: 0.75em ;
}

.cat_free_erea li img{
width: 100%;
}



.category_cl li a{
display: block;
}

.category_cl ul li:hover{
opacity: 0.8;
cursor:pointer;
}

.white img{
border: 1px solid #DDD;
width: 25px;
}

.parameta {
width: 100%;
display: flex;
justify-content: flex-end;
}
	
.parameta li{
display: inline-block;
padding: 5px 20px;
border:1px solid #DDD;
text-align: center;
font-size: 12px;
width: 40px;
margin: 3px 10px;
font-weight: bold;
}

.parameta li:active{
background: #ddd;
}






/* 商品ページ
 *----------------------------------------------------------------------*/


#sysItemCategory h2.sysHeadline,
#sysItemDetail h2.sysHeadline{
    text-align:center;
    font-size:20px;
    color: #383232;
   line-height:1.5;
    letter-spacing:1px;
font-weight: bold;
    font-family: GT Pressura Web,Helvetica,Arial,"sans-serif";
    margin-top:10%;
}




/* 画像フィルター */
#sysItemCategory .sysThumbnail li img{
     width:100%;
     text-align:center;
     padding:0%;

}

/*#sysItemCategory .sysThumbnail li img,*/
#sysItemDetail .sysMainImage img,
#sysItemDetail .sysImageList li img{
     -webkit-filter: brightness(0.98);
     -moz-filter: brightness(0.98);
     -o-filter: brightness(0.98) !important;
     -ms-filter: brightness(0.98) !important;
     filter: brightness(0.98);
}




#sysDescriptionPc p{
        font-size:10px !important;
}


	/*詳細説明*/
#sysItemDetail .item_detail{
	width: 98%;
	border: 1px dotted #000;
        margin:1% auto;
	padding:5%;
	
font-size:12px
}
		


#sysItemDetail .sysForm{
        margin:1% auto !important;
}

.sysSuggestedRetailPrice{ text-decoration: line-through; }

/* 会員登録ページ（https://shop.mouth-jp.com/member/）
 *----------------------------------------------------------------------*/



@media (max-width: 414px) {
/* フォーマットヶ所 */
.sysLoginForm input[type="email"],
.sysLoginForm input[type="password"],
.sysLoginForm,
.sysLoginForm label{
       margin: 0px auto;
       display:block;
       text-align:left;
       width:100% !important;
}

#form_main{
    width:100% !important;
    margin:0 auto;
}

/* 会員規約の見出し */
.sysMemberAgreementFormLabel{
	width:100%;
	text-align:center;
	font-size:15px;
	color:#555;
	margin: 0px auto;
}

/* 会員規約表示 */
.sysMemberAgreement{
	margin: 0px auto;
        font-size:12px;
        color:#555;
        padding:5px;
        margin-left:2%;
        margin-right:2%;
        width:96% !important;
        height:200px !important;
}


}


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


#sysMain{/*コンテンツ幅*/
width:100%;

}


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

#sysHeader { 
    background: #fff;
    position: fixed;
    z-index: 99999;
}




/* 4-0 Page-Content
 *----------------------------------------------------------------------*/
/* 4-1 カテゴリーページ */


/* 4-2-5 Item Page Titile */
.sysExplanation > div > span, .sysReview > span{
    display: block;
    margin-bottom: 10px;
    font-size: large;
}
.sysItemName {
    font-size:0.75em;
    text-align: left;
}

.sysProduct .sysItemName {
    font-size: 17px;
    text-align: left;
    margin-bottom: 0px;
}

.sysRetailPrice {
    padding-top: 10px;
}

/*消すかも---------------------------------------------------------------

/*商品説明*/

#sysItemDetail #sysDescription{
        margin:1% auto 2% !important;
        letter-spacing:1.3px;
        line-height:1.5;
        font-size:12px;
       
}




#sysItemDetail .sysCartButton{
width: 65%;
}


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


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

}

/* 4-4-3 Form Confirm Page */
#sysMypageEditConfirm #sysMain .sysFormField,
#sysMemberRegisterConfirm #sysMain .sysFormField,
#sysFormConfirm #sysMain .sysFormField {
    border: 1px solid #DDD;
    font-size:1em;
    border-radius: 0px;
    height: 35px;
padding:5px;
}

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

/*ランキング二重価格消す*/
.kaisyu_ranking .sysContent .sysItemBlock .sysHorizontal li .sysItemSuggestedPrice{
display: none;
}
/*ランキング商品名３行目非表示*/
.kaisyu_ranking .sysContent .sysItemBlock .sysHorizontal li .sysItemName{
    display: -webkit-box;
	    overflow: hidden;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 3; /* 行数 */
}


    /* モーダルウィンドウの背景 */
    .modal-background {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      display: none;
z-index:10000
    }

    /* モーダルウィンドウのコンテンツ */
    .modal-content {
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 60%;
      max-width: 400px;
      padding: 20px;
      background-color: white;
      border-radius: 10px;

    }

    /* モーダルウィンドウを閉じるボタン */
    .close-button {
      position: absolute;
      top: 10px;
      right: 10px;
      width: 32px;
      height: 32px;
      font-size: 24px;
      color: white;
      background-color: red;
      border-radius: 50%;
      text-align: center;
      line-height: 32px;
      cursor: pointer;
    }



    /* キャップカテゴリのモデルリンク */
#caplink {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 auto;
  list-style: none;
  max-width: 1200px; /* 全体の最大幅を設定 */
  justify-content: space-between;
}

#caplink li {
padding: 1%;
  box-sizing: border-box;
  flex: 0 1 calc(23% - 10px); /* 4列表示のための幅設定 */
  margin: 5px;
  border: 1px solid #000;
  overflow: hidden;
  background: #fff;
  display: flex;
  flex-direction: row; /* 横並びに設定 */
  align-items: flex-start; /* 上詰めに設定 */

  min-height: 100px; /* 高さを設定 */
}

#caplink li:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

#caplink li img {
  width: 30%; /* 画像の幅を30%に設定 */
  height: auto; /* 高さ自動調整 */
  object-fit: cover;
  flex-shrink: 0;
  margin-right: 10px; /* 画像とテキストの間にスペースを追加 */
}

#caplink li div {
  width: 70%; /* テキストの幅を70%に設定 */
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /* テキストを上詰めに */
  text-align: left; /* テキストを左寄せ */
}

#caplink li a {
  text-decoration: none;
  color: #333;
  display: flex;
  align-items: flex-start; /* アイテムを上詰めに */
  height: 100%;
  width: 100%;
}

#caplink li strong, #caplink li span {
  display: block;
  font-size: 0.9em; /* 文字サイズを小さめに */
  color: #333;
  line-height: 1.2em; /* 行の高さを設定 */
  margin: 0;
  padding: 2px 0;
}

#caplink li span {
  font-size: 0.8em;
  color: #777;
}

@media (max-width: 768px) {
  #caplink li {
    flex: 0 1 calc(48% - 10px); /* 2列表示用の幅設定 */
  }

 #caplink li img {
    width: 30%; /* スマホ用の画像幅調整 */
  }

  #caplink li div {
    width: 70%; /* スマホ用のテキスト幅調整 */
  }
}

@media (max-width: 480px) {
  #caplink li {
    flex: 0 1 calc(100% - 10px); /* 1列表示 */
  }

  #caplink li img {
    width: 20%; /* スマホ用の画像幅調整 */
  }

  #caplink li div {
    width: 80%; /* スマホ用のテキスト幅調整 */
  }

#caplink li strong, #caplink li span {
  font-size: 0.8em; /* 文字サイズを小さめに */
  }
#caplink li div strong{
  font-size: 1.2em; 
}
}

.sysReviewHistoryList li {
    border: 1px solid #e0e0e0 !important;
    padding: 15px !important;
    margin-bottom: 15px !important;
    border-radius: 8px !important;
    background-color: #f9f9f9 !important;
}

#sysItemDetail #sysSelections div label{
		border: 1px solid #e0e0e0 !important;
	}
@media screen and (max-width:480px){

}
@media screen and (min-width:481px) and (max-width:800px){

}
@media screen and (min-width:801px){

}
/* #END_OF_RESOURCE_FILE */