@charset "UTF-8";

img {
 image-rendering: -webkit-optimize-contrast;
}

.margin-auto {
 margin: auto;
}

.marginTop10 {
 margin-top: 10%;
}

.t-left {
 text-align: left;
}

.f-left {
 float: left;
}

.width100 {
 width: 100%;
}

.width95 {
 width: 95%;
}

.width80 {
 width: 80%;
}

.width60 {
 width: 60%;
}

.width50 {
 width: 50%;
}

.width45 {
 width: 45%;
}

.width40 {
 width: 40%;
}

.width25 {
 width: 25%;
}

.width20 {
 width: 20%;
}

.width10 {
 width: 10%;
}

.flex {
 display: flex;
}

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

.align-items {
 align-items: center;
}

.clear-both {
 clear: both;
}

.hoverLink {
 text-decoration: none;
}

.title-lead {
 margin-bottom: 2%;
}

.notation {
 background: #EEEEEE no-repeat;
}

.notation-icon1 {
 margin: 2% 2% 0 0;
}

.notation-icon2 {
 margin: 2% 2% 0 0;
}


/* PC画面用（ウィンドウ幅が769px以上の場合に適用） */
@media print, screen and (min-width: 769px) {
 
 /* 背景ありページタイトル */
 .bag_title {
  width: 940px;
  height: 150px;
  position: relative;
  background-image: url("/novelty-bag/images/title2024.jpg");
  background-repeat: no-repeat;
  background-size: contain;
 }
 
 .bag_title h1 {
  position: absolute;
  top: 90px;
  left: 150px;
  font-family: "M PLUS 1', サンセリフ";
  font-weight: bold;
  letter-spacing: 0.1em;
  vertical-align: bottom;
  color: #42210B;
  font-size: 55px;
 }
 
 .bag_title h1 span {
  margin-top: 25px;
  display: block;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 0.05em;
  padding-left: 3px;
  text-align: center;
 }
 
 .bag_title_2 {
  width: 940px;
  height: 150px;
  position: relative;
  background-image: url("/novelty-bag/images/title2024.jpg");
  background-repeat: no-repeat;
  background-size: contain;
 }
 
 .bag_title_2 h1 {
  position: absolute;
  top: 90px;
  left: 115px;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴシック', 'Hiragino Sans', sans-serif;
  font-weight: bold;
  letter-spacing: 0.03em;
  vertical-align: bottom;
  color: #42210B;
  font-size: 47px;
 }
 
 .bag_title_2 h1 span {
  font-size: 28px;
  font-weight: bold;
  display: inline-block;
  letter-spacing: 0.05em;
  padding-left: 3px;
  vertical-align: middle;
 }
 
 .mds-text {
  font-size: 12px;
  text-align: center;
  margin: 10px auto 0px auto;
  padding: 5px;
  line-height: 1.8em;
 }
 
 /* 見出しコーナー */
 .linklist {
  display: flex;
  width: 900px;
  margin: 1% auto;
 }
 
 .linklist li {
  position: relative;
  display: block;
  justify-content: space-around;
  align-items: center;
  width: 205px;
  background: #FDFDFD;
  margin: 1% auto;
  transition: 0.3s;
  line-height: 1.5em;
  letter-spacing: 0.1em;
  border: solid 1px #D8D8D8;
 }
 
 .linklist img {
  width: 205px;
  height: 80px;
 }
 
 .linklist a {
  color: #333;
 }
 
 .linklist a:hover {
  color: #808080;
 }
 
 .linklist a:after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #333;
  border-right: 3px solid #333;
  transform: rotate(135deg) translateY(-50%);
  position: absolute;
  top: 82%;
  right: 15px;
  border-radius: 1px;
 }
 
 .linklist a:hover:after {
  border-color: #808080;
 }
 
 .linklist p {
  padding: 2% 10% 2% 5%;
  font-size: 12px;
 }
 
 .linklist span {
  font-size: 125%;
  font-weight: bold;
 }
 
 .bag_ranking {
  width: 140px;
  margin: 0px auto;
 }
 
 .bag_ranking img {
  width: 140px;
  height: auto;
  margin: 0px auto;
 }
 
 .kanren {
  font-size: 1em;
  text-align: center;
  font-weight: bold;
  margin: 20px auto 5px auto;
 }
 
 .bag_more_link {
  width: 80%;
  margin: 0 auto 5px auto;
  font-size: 13px;
  line-height: 1.5em;
  text-align: center;
 }
 
 .bag_more_link > p {
  margin-top: 30px;
  margin-bottom: 5px;
  width: 100%;
  text-align: center;
 }
 
 .bag_more_link a {
  color: #5e5e5e;
  text-decoration: none;
 }
 
 .bag_more_link a:visited {
  color: #5e5e5e;
  text-decoration: none;
 }
 
 .bag_more_link a:hover {
  color: #5e5e5e;
  text-decoration: underline;
 }
 
 .bag_more_link > a::after {
  content: "";
  border-right: 1px solid hsl(0, 0%, 60%);
  margin: 2px 5px;
  box-sizing: border-box;
 }
 
 .bag_more_link > a:last-child::after {
  border-right: none;
  margin: 0px;
 }
 
 /* バナー横並び */
 .recommend {
  width: 100%;
  text-align: center;
 }
 
 .recommend p {
  font-size: 1.1em;
  font-weight: bold;
 }
 
 .recommend_banner {
  width: 80%;
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0 auto;
 }
 
 .recommend_banner li {
  padding: 1%;
 }
 
 .recommend_banner img {
  width: 180px;
  height: 82.1px;
 }
 
 .top_text {
  line-height: 1.5em;
  margin: auto;
  text-align: center;
 }
 
 .bag h2 {
  padding: 0.6em 0em 0.5em 0.5em;
  color: #fff;
  font-size: 150%;
  font-weight: 600;
  background: #9A7E5A;
  border-left: solid 20px #664000;
  margin: 30px 0 20px 0;
 }
 
 .bag h2 span {
  font-size: 80%;
 }
 
 /*　h3見出しのベース　*/
 .bag h3 {
  font-size: 18px;
  padding: 15px 0px 8px 20px;
  margin: 15px 600px 0px 11px;
  color: #603813;
 }
 
 .bag h3:first-letter {
  font-size: 1.5em;
 }
 
 /*　h3見出しの個別設定	*/
 .inner_box > .h3_st1 { /*ポリ　折り畳み*/
  background: #ffece6;
 }
 
 .inner_box > .h3_st1:first-letter { /*ポリ　折り畳み*/
  color: #dc143c;
 }
 
 .inner_box > .h3_st2 { /*ポリ　その他*/
  background: #ffece6;
 }
 
 .inner_box > .h3_st2:first-letter { /*ポリ　その他*/
  color: #dc143c;
 }
 
 .bag_back { /*ポリ　h3赤線*/
  width: 915px;
  padding-left: 0px;
  border-top: solid 6px #ffece6;
  background: #fffef8;
  margin: auto;
  margin-top: -5px;
 }
 
 .inner_box > .h3_st3 { /*コットン　ナチュラル*/
  background: #e4ebc8;
 }
 
 .inner_box > .h3_st3:first-letter {
  color: #80a500;
 }
 
 .inner_box > .h3_st4 { /*コットン　ナチュラル*/
  background: #e4ebc8;
 }
 
 .inner_box > .h3_st4:first-letter {
  color: #80a500;
 }
 
 .inner_box > .h3_st5 { /*コットン　エコマーク付き*/
  background: #e4ebc8;
 }
 
 .inner_box > .h3_st5:first-letter {
  color: #80a500;
 }
 
 .inner_box > .h3_st6 { /*不織布 本体色豊富*/
  background: #CBE9F1;
 }
 
 .inner_box > .h3_st6:first-letter {
  color: #3492C7;
 }
 
 .inner_box > .h3_st7 { /*不織布 マチあり*/
  background: #CBE9F1;
 }
 
 .inner_box > .h3_st7:first-letter {
  color: #3492C7;
 }
 
 .inner_box > .h3_st8 { /*不織布 折り畳み*/
  background: #CBE9F1;
 }
 
 .inner_box > .h3_st8:first-letter {
  color: #3492C7;
 }
 
 .bag_back2 { /*コットン　h3緑線*/
  width: 915px;
  padding-left: 0px;
  border-top: solid 6px #e4ebc8;
  background: #fffef8;
  /*background: #fffaf0; #fffef6*/
  margin: auto;
  margin-top: -5px;
 }
 
 .bag_back3 { /*不織布　h3緑線*/
  width: 915px;
  padding-left: 0px;
  border-top: solid 6px #CBE9F1;
  background: #fffef8;
  /*background: #fffaf0; #fffef6*/
  margin: auto;
  margin-top: -5px;
 }
 
 /*生地説明に飛ぶボタン*/
 .btn-kiji {
  width: 80%;
  margin: 20px auto 10px auto;
 }
 
 a.btn-kiji {
  border: 1px solid #ccc;
  padding: 5px 20px;
  border-radius: 5px;
  font-size: 110%;
  font-weight: 600;
  color: #603813;
  text-decoration: none;
  margin: 0px 10px;
  background: #fff;
 }
 
 a.btn-kiji:hover {
  background: #ccc;
 }
 /*生地説明に飛ぶボタン*/
 
 /*サイズ一覧に飛ぶボタンのブロック*/
 .btn-radius-solid {
  margin: 20px 0px 20px 10px;
 }
 
 /*サイズ一覧に飛ぶボタン 緑*/
 a.btn-radius-solid {
  border: 1px solid #ccc;
  padding: 5px 20px;
  border-radius: 5px;
  font-size: 90%;
  font-weight: 600;
  color: #603813;
  text-decoration: none;
  margin-right: 10px;
  background: #fff;
 }
 
 a.btn-radius-solid:hover {
  background: #ccc;
 }
 /*サイズ一覧に飛ぶボタン*/
 
 .corner-kincyaku {
  padding: 0px 20px 5px 5px;
  background: #F5FBF2;
  border: #87CCA7 dotted 3px;
 }
 
 .corner-kincyaku > table {
  width: 880px;
 }
 
 .corner-kincyaku > div {
  margin-top: 10px;
  width: 880px;
  text-align: left;
 }
 
 .kncyk-l {
  width: 220px;
  background: #FFFFFF;
 }
 
 .kncyk-s {
  width: 100px;
  background: #FFFFFF;
 }
 
 .select {
  width: 368px;
  height: 30px;
 }
 
 .sozai {
  width: 110px;
  height: 30px;
 }
 
 .bb-dashed2 {
  border-bottom: 1px dashed #ffc3ad;
 }
 
 .bag_table {
  width: 890px;
  table-layout: fixed;
 }
 
 .bag_table td {
  width: calc(100%/6 - 0.1px);
  vertical-align: top;
  padding-right: 8px;
 }
 
 .bag_table2 {
  width: 890px;
  margin: auto;
  table-layout: fixed;
  margin-top: 5px;
 }
 
 .bag_table2 td {
  width: calc(100%/6 - 0.1px);
  vertical-align: top;
  padding-right: 8px;
 }
 
 .bb-dashed {
  border-bottom: 1px dashed #603813;
 }
 
 .line-leaf {
  margin-bottom: 15px;
  margin-top: 30px;
  width: 900px;
 }
 
 .kncyk-lineup-btn {
  width: 594px;
  height: 43px;
 }
 
 .bag-category-area {
  width: 840px;
  /*background: #FFFCF7;*/
  /*border: dashed 1px #EEEAE6;*/
  margin-left: 30px;
  margin-bottom: 0px;
  padding: 0px 10px 10px;
  border-radius: 10px;
 }
 
 .bag-category-table {
  margin-left: 30px;
  margin-bottom: 15px;
 }
 
 .nav_text {
  color: #603813;
  font-weight: bold;
  font-size: 90%;
  padding: 0px 13px 0 13px;
  width: 230px;
  text-align: center;
  margin-left: -2px;
 }
 
 .bag_subtext {
  padding: 1px 13px;
  margin-top: -7px;
  margin-left: 15px;
 }
 
 .bag_subtext2 {
  padding: 1px 13px;
  margin-top: -7px;
  margin-left: 15px;
 }
 
 .corner_text {
  padding: 10px 5px 0px 17px;
 }
 
 .howtoChoose {
  width: 250px;
  margin-right: 15px;
 }
 
 .cp_tooltip {
  display: inline-block;
 }
 
 .cp_tooltiptext {
  position: relative;
  cursor: pointer;
 }
 
 .cp_tooltiptext::after {
  position: absolute;
  transition: all 0.3s ease 0s;
  opacity: 0;
  top: 0px; /*HOVERのスタート位置*/
  left: 0px;
  display: block;
  padding: 0.2em 0.5em;
  content: attr(data-tooltip);
  white-space: nowrap;
  color: #ffffff;
  /*border-radius: 6px;*/
  background: #603813;
 }
 
 .cp_tooltiptext:hover::after {
  top: 5px; /*HOVER位置*/
  opacity: 1;
 }
 
 .short_due_date {
  margin: 30px 30px 0px 30px;
  padding: 10px 20px 10px 5px;
  background: #FFF4B7;
  border: #FFD177 dotted 2px;
 }
 
 .short_due_date img {
  width: 650px;
  height: 50px;
  border: #FFD177 solid 1px;
 }
 
 .block-link-img-line img {
  height: 100%;
  margin-bottom: 5px;
 }
 
 .itemImg {
  width: 130px;
  height: auto;
  border: 0;
  padding: 3px 3px;
 }
 
 /* clothページ用 */
 .cloth_table {
  width: 900px;
  margin: 30px 0px 20px 20px;
 }
 
 .cloth_table td {
  width: 450px;
 }
 
 .cloth_table p {
  background: #EEE;
  border: #CCC solid 1px;
  font-weight: 900;
  font-size: 18px;
  color: #333;
  padding: 10px 10px;
 }
 
 .cloth_table_td2 {
  padding: 10px 10px;
  border: #CCC solid 1px;
  height: 70px;
 }
 
 .cotton_table {
  width: 900px;
  border: #CCC solid 2px;
  margin-left: 20px;
 }
 
 .cotton_table_m {
  border: #CCC solid 1px;
  font-weight: bold;
  padding: 10px 0px;
  text-align: center;
 }
 
 .cotton_table_title {
  width: 100px;
  background: #EEE no-repeat;
  border: #CCC solid 1px;
  font-weight: bold;
  padding: 10px 0px;
  text-align: center;
 }
 
 .cotton_table_cell_usude {
  width: 200px;
  height: 15px;
  background-color: rgba(255, 192, 0, 0.2);
  border-left: #CCC solid 1px;
  font-weight: 900;
  color: #333333;
  padding: 10px 0px;
  text-align: center;
 }
 
 .cotton_table_cell_hyojyun {
  width: 200px;
  height: 15px;
  background-color: rgba(255, 192, 0, 0.5);
  border-left: #CCC solid 1px;
  font-weight: 900;
  color: #333333;
  padding: 10px 0px;
  text-align: center;
 }
 
 .cotton_table_cell_atsude {
  width: 200px;
  height: 15px;
  background-color: rgba(255, 192, 0, 0.8);
  border-left: #CCC solid 1px;
  font-weight: 900;
  color: #333333;
  padding: 10px 0px;
  text-align: center;
 }
 
 .cotton_table_ons {
  border-left: #CCC solid 1px;
  width: 200px;
  height: 15px;
  background: #fffeed;
  color: #333;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
 }
 
 .cotton_text {
  border: #CCC solid 1px;
  width: 200px;
 }
 
 .bag_setumei {
  width: 850px;
  font-size: 11px;
  padding: 10px 10px;
  margin: 10px 0px 10px 35px;
  border: #CC6 dashed 2px;
 }
 
 .cotton_table2 {
  width: 900px;
  border: #CCC solid 2px;
 }
 
 .cotton_table2_img {
  text-align: center;
  border: #CCC solid 1px;
  padding: 10px;
 }
 
 .cotton_table2_img img {
  text-align: center;
  width: 170px;
 }
 
 .cotton_table_m2 {
  border: #CCC solid 1px;
  font-weight: bold;
  padding: 10px 0px;
  text-align: center;
 }
 
 .cotton_table_title2 {
  width: 150px;
  background: #EEE no-repeat;
  border: #CCC solid 1px;
  font-weight: bold;
  padding: 10px 0px;
  text-align: center;
 }
 
 .cotton_table_cell_usude2 {
  width: 250px;
  height: 15px;
  background-color: rgba(255, 192, 0, 0.2);
  border-left: #CCC solid 1px;
  font-weight: 900;
  color: #333333;
  padding: 10px 0px;
  text-align: center;
 }
 
 .cotton_table_cell_hyojyun2 {
  width: 250px;
  height: 15px;
  background-color: rgba(255, 192, 0, 0.5);
  border-left: #CCC solid 1px;
  font-weight: 900;
  color: #333333;
  padding: 10px 0px;
  text-align: center;
 }
 
 .cotton_table_cell_atsude2 {
  width: 250px;
  height: 15px;
  background-color: rgba(255, 192, 0, 0.8);
  border-left: #CCC solid 1px;
  font-weight: 900;
  color: #333333;
  padding: 10px 0px;
  text-align: center;
 }
 
 .cotton_table_ons2 {
  border-left: #CCC solid 1px;
  width: 250px;
  height: 15px;
  background: #fffeed;
  color: #333;
  font-size: 15px;
  font-weight: 700;
  padding: 5px 0;
  text-align: center;
 }
 
 .bag-text-link-list {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  width: 90%;
  margin: 2% auto;
  font-size: 15px;
 }
 
 .bag-text-link-list > p {
  width: 100%;
  text-align: center;
 }
 
 .bag-text-link-list > a {
  display: inline-flex;
 }
 
 .bag-text-link-list > a::after {
  content: "";
  border-right: 1px solid hsl(0, 0%, 60%);
  margin: 2px 10px;
  box-sizing: border-box;
 }
 
 .bag-text-link-list > a:last-child::after {
  border-right: none;
  margin: 0px;
 }
 
	
/* バナー */
.banner{
	width:100%;
	margin: 0 auto;
	text-align: center;
}
	
.banner ul{
	display: flex;
	justify-content: center;
	align-items: center;
}
	
.banner li{
	padding: 0.5%;
}	
	
	
	
}


/* SP画面用（ウィンドウ幅が768px以下の場合に適用） */
@media screen and (max-width: 768px) {
 
 /*見出しコーナー*/
 .linklist {
  display: flex;
  flex-wrap: wrap;
  width: 95%;
  margin: 1% auto;
  margin-top: 2%;
 }
 
 .linklist li {
  justify-content: space-around;
  align-items: center;
  position: relative;
  width: 45%;
  background: #FDFDFD;
  margin: 2%;
  border: solid 1px #D8D8D8;
 }
 
 .linklist img {
  width: 100%;
  height: auto;
 }
 
 .linklist a {
  color: #333;
 }
 
 .linklist a:after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #333;
  border-right: 3px solid #333;
  transform: rotate(135deg) translateY(-50%);
  position: absolute;
  top: 75%;
  right: 10px;
  border-radius: 1px;
 }
 
 .linklist p {
  padding: 3% 10% 2% 3%;
  font-size: 0.8em;
 }
 
 .linklist span {
  font-size: 125%;
  font-weight: bold;
 }
 
 .kanren {
  font-size: 0.9em;
  text-align: center;
  font-weight: bold;
  margin: 10px auto 0 auto;
  color: #534741;
 }
 
 .bag_more_link {
  width: 95%;
  margin: 0 auto 5px auto;
  font-size: 13px;
  line-height: 2em;
  text-align: center;
 }
 
 .bag_more_link > p {
  margin-top: 30px;
  margin-bottom: 5px;
  width: 100%;
  text-align: center;
 }
 
 .bag_more_link a {
  color: #5e5e5e;
  text-decoration: none;
 }
 
 .bag_more_link a:visited {
  color: #5e5e5e;
  text-decoration: none;
 }
 
 .bag_more_link a:hover {
  color: #5e5e5e;
  text-decoration: underline;
 }
 
 .bag_more_link > a::after {
  content: "";
  border-right: 1px solid hsl(0, 0%, 60%);
  margin: 2px 10px;
  box-sizing: border-box;
 }
 
 .bag_more_link > a:last-child::after {
  border-right: none;
  margin: 0px;
 }
 
 /* バナー横並び */
 .recommend {
  width: 100%;
  text-align: center;
 }
 
 .recommend p {
  font-size: 0.9em;
  font-weight: bold;
 }
 
 .recommend_banner {
  width: 98%;
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0 auto;
  flex-wrap: wrap;
 }
 
 .recommend_banner li {
  width: 45%;
  padding: 2%;
 }
 
 .recommend_banner img {
  width: 100%;
  object-fit: cover;
 }
 
 .mds-text {
  font-size: 1em;
  width: 95%;
  margin: auto;
  line-height: 1.6em;
  margin-bottom: 3%;
  margin-top: 3%;
 }
 
 /*生地説明に飛ぶボタン*/
 .btn-kiji {
  margin: 10px auto 30px auto;
  width: 95%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
 }
 
 a.btn-kiji {
  width: 90%;
  border: 1px solid #ccc;
  padding: 10px;
  margin: 5px auto;
  border-radius: 5px;
  font-size: 0.9em;
  font-weight: 600;
  color: #603813;
  text-decoration: none;
  background: #fff;
 }
 
 a.btn-kiji:hover {
  background: #ccc;
 }
 /*生地説明に飛ぶボタン*/
 
 .top_text {
  width: 95%;
  line-height: 1.5em;
  margin: auto;
  font-size: 0.9em;
  box-sizing: border-box;
 }
 
 .bag-category-table tr {
  width: 100%;
  margin: auto;
  text-align: center;
  margin-bottom: 3%;
 }
 
 .bag-category-table img {
  width: 100%;
 }
 
 .nav_text {
  color: #603813;
  font-weight: bold;
  font-size: 90%;
  padding: 5px 0px 0px 0px;
 }
 
 .nav_link {
  text-align: center;
  font-weight: bold;
  font-size: 90%;
  margin: 1em 0;
 }
 
 .bag h2 {
  padding: 0.6em 0.6em 0.4em 0.6em;
  color: #fff;
  font-size: 1.2em;
  line-height: 1.2em;
  background: #9A7E5A;
  border-left: solid 10px #664000;
  margin: 2% 0 3% 0;
 }
 
 .bag h2 span {
  font-size: 80%;
 }
 
 .h3_st1 { /*ポリ　折り畳み*/
  font-size: 1em;
  padding: 0em 1.5em 0.1em 0.1em;
  margin-left: 5px;
  color: #603813;
  border-bottom: solid 3px #dc143c;
  margin-left: 0;
  margin-bottom: 1.5%;
 }
 
 .h3_st1:first-letter {
  font-size: 1.5em;
  color: #dc143c;
 }
 
 .h3_st2 { /*ポリ　その他*/
  font-size: 1em;
  padding: 0em 1.5em 0.1em 0.1em;
  margin-left: 5px;
  color: #603813;
  border-bottom: solid 3px #dc143c;
  margin-left: 0;
  margin-bottom: 1.5%;
 }
 
 .h3_st2:first-letter {
  font-size: 1.5em;
  color: #dc143c;
 }
 
 .h3_st3 { /*コットンバッグ*/
  font-size: 1em;
  padding: 1em 1.5em 0.1em 0.1em;
  margin-left: 5px;
  color: #603813;
  border-bottom: solid 3px #80a500;
  margin-left: 0;
  margin-bottom: 1.5%;
 }
 
 .h3_st3:first-letter {
  font-size: 1.5em;
  color: #80a500;
 }
 
 .h3_st4 { /*コットンバッグ*/
  font-size: 1em;
  padding: 0em 1.5em 0.1em 0.1em;
  margin-left: 5px;
  color: #603813;
  border-bottom: solid 3px #80a500;
  margin-left: 0;
  margin-bottom: 1.5%;
 }
 
 .h3_st4:first-letter {
  font-size: 1.5em;
  color: #80a500;
 }
 
 .h3_st5 { /*エコマーク付き*/
  font-size: 1em;
  padding: 0em 1.5em 0.1em 0.1em;
  margin-left: 5px;
  color: #603813;
  border-bottom: solid 3px #80a500;
  margin-left: 0;
  margin-bottom: 1.5%;
 }
 
 .h3_st5:first-letter {
  font-size: 1.5em;
  color: #80a500;
 }
 
 .h3_st6 { /*不織布 本体色豊富*/
  font-size: 1em;
  padding: 1em 1.5em 0.1em 0.1em;
  margin-left: 5px;
  color: #603813;
  border-bottom: solid 3px #3492C7;
  margin-left: 0;
  margin-bottom: 1.5%;
 }
 
 .h3_st6:first-letter {
  font-size: 1.5em;
  color: #3492C7;
 }
 
 .h3_st7 { /*不織布 マチあり*/
  font-size: 1em;
  padding: 0em 1.5em 0.1em 0.1em;
  margin-left: 5px;
  color: #603813;
  border-bottom: solid 3px #3492C7;
  margin-left: 0;
  margin-bottom: 1.5%;
 }
 
 .h3_st7:first-letter {
  font-size: 1.5em;
  color: #3492C7;
 }
 
 .h3_st8 { /*不織布 折り畳み*/
  font-size: 1em;
  padding: 0em 1.5em 0.1em 0.1em;
  margin-left: 5px;
  color: #603813;
  border-bottom: solid 3px #3492C7;
  margin-left: 0;
  margin-bottom: 1.5%;
 }
 
 .h3_st8:first-letter {
  font-size: 1.5em;
  color: #3492C7;
 }
 
 .corner_text {
  font-size: 1em;
  line-height: 1.5em;
 }
 
 .bag_table {
  margin: 1px auto;
  width: 100%;
  justify-content: center;
 }
 
 .bag_table tr {
  width: 100%;
  display: inline;
  margin: 0 auto;
  padding: 0;
 }
 
 .bag_table td {
  padding: 2px;
  margin: 0px 0px 5px 2px;
  border: 0;
  width: 30%;
  display: inline-block;
  vertical-align: top;
 }
 
 .bag_table2 td {
  display: inline-block;
  width: 49%;
  padding: 1%;
  box-sizing: border-box;
 }
 
 .item_table > img {
  border: none;
 }
 
 .item_table2 > img {
  border: none;
 }
 
 .bag_subtext {
  width: 95%;
  padding: 0em 0.3em 1.5em 1.2em;
  font-size: 1em;
  line-height: 1.5em;
  box-sizing: border-box;
 }
 
 .bag_subtext2 {
  width: 95%;
  line-height: 1.5em;
  padding: 0em 0.3em 0em 1.2em;
  font-size: 1em;
  box-sizing: border-box;
 }
 
 /* バッグ特集全体のリンクに使えるボタン */
 .bag_sp_btn {
  margin: auto;
  margin-bottom: 8%;
  margin-top: -2%;
  padding: 10px 0px 9px 0px;
  background: #FFD96D;
  width: 90%;
  text-align: center;
  font-size: 3.5vw;
  line-height: 1.2em;
  font-weight: bold;
  border: solid 1px #F1B524;
  border-radius: 14px;
  box-shadow: 2px 2px #F18324;
 }
 
 .bag_sp_btn a {
  display: block;
 }
 
 .bag_sp_btn a:link {
  color: #603813;
 }
 
 .bag_sp_btn a:visited {
  color: #603813;
 }
 
 .bag_sp_btn a {
  text-decoration: none;
 }
 
 /*サイズ一覧に飛ぶボタンのブロック*/
 .btn-radius-solid {
  margin: 10px auto;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
 }
 
 /*サイズ一覧に飛ぶボタン 緑*/
 .btn-radius-solid a {
  width: auto;
  border: 1px solid #ccc;
  padding: 0.5em 1em;
  border-radius: 5px;
  font-size: 90%;
  font-weight: 600;
  color: #603813;
  text-decoration: none;
  margin: 1%;
  background: #fff;
 }
 
 /*サイズ一覧に飛ぶボタン*/
 .lineup-btn {
  margin: 0% 5% 8% 5%;
 }
 
 .to-top {
  float: right;
 }
 
 .short_due_date {
  width: 90%;
  margin: 5% auto;
  padding: 2%;
  background: #FFF4B7;
  border: #FFD177 dotted 2px;
 }
 
 .short_due_date strong {
  font-size: 0.9em;
  line-height: 1.5em;
 }
 
 .short_due_date img {
  width: 100%;
  height: auto;
  border: #FFD177 solid 1px;
 }
 
 .notation {
  box-sizing: border-box;
  width: 100%;
  margin-top: 5%;
  padding: 2%;
 }
 
 .notation table {
  width: 80%;
 }
 
 .responsive-tr {
  display: flex;
  flex-direction: column;
 }
 
 .notation-icon1 {
  width: 6%;
 }
 
 .notation-icon2 {
  width: 11%;
 }
 
 .block-link-img-line {
  margin: auto;
  border: none;
 }
 
 .block-link-img-line img {
  margin-bottom: 5px;
 }
 
 .bag-text-link-list {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  width: 90%;
  margin: 2% auto;
  font-size: 3vw;
  line-height: 6vw;
 }
 
 .bag-text-link-list > p {
  width: 100%;
  text-align: center;
 }
 
 .bag-text-link-list > a {
  display: inline-flex;
 }
 
 .bag-text-link-list > a::after {
  content: "";
  border-right: 1px solid hsl(0, 0%, 60%);
  margin: 2px 10px;
  box-sizing: border-box;
 }
 
 .bag-text-link-list > a:last-child::after {
  border-right: none;
  margin: 0px;
 }
 
 /* clothページ用 */
 .cloth_table {
  width: 100%;
  height: 100%;
 }
 
 .cloth_table td {
  width: 50%;
 }
 
 .cloth_table_td2 {
  box-sizing: border-box;
  padding: 1em 1.5em 1em 1.5em;
  border: #CCC solid 1px;
  font-size: 0.9em;
 }
 
 .cloth_table p {
  box-sizing: border-box;
  background: #EEE;
  border: #CCC solid 1px;
  font-weight: 900;
  font-size: 1.7em;
  color: #333;
  padding: 0.5em 0.5em;
  text-align: center;
 }
 
 .cotton_table {
  box-sizing: border-box;
  width: 95%;
  border: #CCC solid 2px;
  margin-left: 1em;
 }
 
 .cotton_table_m {
  box-sizing: border-box;
  border: #CCC solid 1px;
  font-weight: bold;
  text-align: center;
 }
 
 .cotton_table_m img {
  width: 100%
 }
 
 .cotton_table_title {
  box-sizing: border-box;
  width: 20%;
  background: #EEE no-repeat;
  border: #CCC solid 1px;
  font-weight: bold;
  padding: 1em 0em;
  text-align: center;
 }
 
 .cotton_table_cell_usude {
  box-sizing: border-box;
  width: 40%;
  height: 15px;
  background-color: rgba(255, 192, 0, 0.2);
  border-left: #CCC solid 1px;
  font-weight: 900;
  color: #333333;
  padding: 10px 0px;
  text-align: center;
 }
 
 .cotton_table_cell_hyojyun {
  box-sizing: border-box;
  width: 40%;
  height: 15px;
  background-color: rgba(255, 192, 0, 0.5);
  border-left: #CCC solid 1px;
  font-weight: 900;
  color: #333333;
  padding: 10px 0px;
  text-align: center;
 }
 
 .cotton_table_cell_atsude {
  box-sizing: border-box;
  width: 40%;
  height: 15px;
  background-color: rgba(255, 192, 0, 0.8);
  border-left: #CCC solid 1px;
  font-weight: 900;
  color: #333333;
  padding: 10px 0px;
  text-align: center;
 }
 
 .cotton_table_ons {
  box-sizing: border-box;
  border-left: #CCC solid 1px;
  width: 40%;
  height: 15px;
  background: #fffeed;
  color: #333;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
 }
 
 .cotton_text1 {
  box-sizing: border-box;
  border: #CCC solid 1px;
  width: 100%;
  padding: 0.1em 0.1em;
  font-size: 1em;
  line-height: 1.2em;
 }
 
 .cotton_text2 {
  box-sizing: border-box;
  border: #CCC solid 1px;
  width: 40%;
  padding: 0.2em 0.1em;
 }
 
 .bag_setumei {
  width: 95%;
  box-sizing: border-box;
  padding: 2em;
  font-size: 1em;
  padding: 1em 1em;
  margin-left: 0.8em;
  border: #CC6 dashed 1.3px;
 }
 
 .cotton_table2 {
  box-sizing: border-box;
  width: 95%;
  border: #CCC solid 2px;
  margin-left: 1em;
  margin-top: 2em;
 }
 
 .cotton_table2_img {
  text-align: center;
  border: #CCC solid 1px;
  padding: 1em;
 }
 
 .cotton_table2_img img {
  text-align: center;
  width: 170px;
 }
 
 .cotton_table_m2 {
  box-sizing: border-box;
  border: #CCC solid 1px;
  font-weight: bold;
  text-align: center;
 }
 
 .cotton_table_m2 img {
  width: 100%
 }
 
 .cotton_table_title2 {
  box-sizing: border-box;
  width: 20%;
  background: #EEE no-repeat;
  border: #CCC solid 1px;
  font-weight: bold;
  padding: 1em 0em;
  text-align: center;
 }
 
 .cotton_table_cell_usude2 {
  box-sizing: border-box;
  width: 40%;
  height: 15px;
  background-color: rgba(255, 192, 0, 0.2);
  border-left: #CCC solid 1px;
  font-weight: 900;
  color: #333333;
  padding: 10px 0px;
  text-align: center;
 }
 
 .cotton_table_cell_hyojyun2 {
  box-sizing: border-box;
  width: 40%;
  height: 15px;
  background-color: rgba(255, 192, 0, 0.5);
  border-left: #CCC solid 1px;
  font-weight: 900;
  color: #333333;
  padding: 10px 0px;
  text-align: center;
 }
 
 .cotton_table_cell_atsude2 {
  box-sizing: border-box;
  width: 40%;
  height: 15px;
  background-color: rgba(255, 192, 0, 0.8);
  border-left: #CCC solid 1px;
  font-weight: 900;
  color: #333333;
  padding: 10px 0px;
  text-align: center;
 }
 
 .cotton_table_ons2 {
  box-sizing: border-box;
  border-left: #CCC solid 1px;
  width: 40%;
  height: 15px;
  background: #fffeed;
  color: #333;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
 }
 
 .komds {
  background: #FFF9E3;
  padding: 5px 15px;
  margin: 20px 0px 10px 0px;
  border-top: #CCC solid 2px;
  border-bottom: #CCC solid 2px;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 130%;
  text-align: center;
 }
 
 /* アイコンと文字リンク このページの追加設定*/
 .block-link-ref-line {
  margin-top: 2%;
  font-size: 0.9em;
  line-height: 1.3em;
 }
 
 .block-link-icon-line2 {
  margin-top: 2%;
 }
 
 .bag_ranking {
  width: 100%;
  margin: 0px auto;
 }
 
 .bag_ranking img {
  width: 100%;
  height: auto;
  margin: 0px auto;
 }
	
	
/* バナー */
.banner{
	width:100%;
	margin: 0 auto;
	text-align: center;
}
	
.banner ul{
	width: 90%;
	margin: 5% auto;
}
	
.banner li{
	width: 100%;
	margin-top: 4%;
}
	
.banner li a{
	display: block;
	text-align: center;
	padding: 2% 0% 1.5% 0%;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	color: #603813;
	background: #FFD96D;
	border: solid 1px #F1B524;
	border-radius: 20px;
	box-shadow: 2px 2px #F18324;
}
	
.banner li a:visited{
	text-decoration: none;
	color: #603813;	
}	
 

	
}