@charset "utf-8";


/* CSS Document */

/* ==========================================================================

	Date: 2017-04-28
	update: 2017-00-00
	CSS Document: PRONET(プロネット) STYLE D'ART / 友安製作所

 ========================================================================== */

/* main メイン - PC
---------------------------------------------------------------------------*/

@media (min-width: 768px) {
.container {
 max-width: 1200px;
 margin: 0 auto;
 padding-right: 0;
 padding-left: 0;
}
main .breadcrumbs ol li:first-child:before {
 content: "";
}
.intro { 
width: 100%;
font-size: 18px;
margin: .3em auto 1.3em;
text-align: center;
display: block;
}
h2 {
 width: 100%;
letter-spacing: 2px;
font-size: 33px;
color: #453c36;
font-family: 'Rubik', sans-serif;
text-align: center;
line-height: normal;
font-weight: normal;
}

main h3 {
 width: 100%;
 font-size: 18px;
 border-bottom: 1px solid #e5e5e5;
 margin: 50px 0 10px;
 padding-bottom: 8px;
 padding-left: 5px;
}
main h4 {
	letter-spacing: 2px;
    font-size: 185%;
	color: #453c36;
	text-align: center;
	line-height: normal;
	font-weight: normal;
}

main .tag_new {
 padding: 4px 8px;
 margin-right: 8px;
 color: #a29d9a;
 border: 1px solid #a29d9a;
}
/* index スライド上 用途アイコン */
main .top_icon .ul_wrap {
 width: 100%;
 max-width: 1200px;
 margin: 1.5% auto;
 padding: 0;
}
main .top_icon .youto_list li {
 display: inline-block;
 width: 7.5%;
 margin: 0 0.3% 0 0;
 padding: 0.4%;
 vertical-align: top;
 text-align: center;
 border: 1px solid #e5e5e5;
 border-radius: 3px;
 box-sizing: border-box;
 overflow: hidden;
 font-size: 90%;
}
main .top_icon .youto_list li:last-child {
 margin-right: 0;
}
/*　スマホのみスペーシング */
main .sp_space { display: none; }
/* index */
/* ピックアップカテゴリー */
main .index_cate_name {
	margin: 0 0 3px;
	font-size: 13px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


/* トレンドアイテム */
.trenditem_wrap {
  background-image: linear-gradient(#ffffff, #f7f6f3);
  overflow: hidden;
  margin-top: 6%;
}

.trenditem_wrap .container {
  position: relative;
  z-index: 5;
}

.trenditem_bg { 
  position: relative;
}

.trenditem_bg_floor {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  z-index: 1;
}

.trenditem_bg_cat,
.trenditem_bg_left,
.trenditem_bg_right {
  position: absolute;
  opacity: 0; 
  animation: 1s fadeIn forwards; 
}

.trenditem_bg_cat {
  position: absolute;
  top: 107%;
    left:70%;
    width: 190px;
    transform: translateY(50px);
  transition: 1s;
  z-index: 3;
}

.trenditem_bg_left {
  position: absolute;
  top: 70px;
    left: -400px;
    width: 600px;
    transform: translateY(50px);
  transition: 5s;
  z-index: -1;
}

.trenditem_bg_right {
  position: absolute;
  top: 70px;
    right: -580px;
    width: 600px;
    transform: translateY(50px);
  transition: 5s;
  z-index: -1;
}


/* 失敗しない選び方・Ｑ＆Ａ */
.howtochoose_wrap { margin-top: 120px; }

.howtochoose_inner { position: relative; }

.howtochoose_inner .howto_lead {
padding: 0 2% 3.5%;
}

.howtochoose_inner p {
text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 13px;
  color: #736d67;
}

.howtochoose_inner .howto_female,
.howtochoose_inner .howto_fukidashi01,
.howtochoose_inner .howto_fukidashi02 {
  position: absolute;
  opacity: 0; /* ←初期値を変更。透明に。*/
  animation: 1s fadeIn forwards; /* ←追加 */
}

.howtochoose_inner .howto_female {
    top: -250px;
    right: 50px;
    width: 180px;
    transform: translateY(30px);
  transition: 1s;
  }

  .howtochoose_inner .howto_fukidashi01 {
    top: -146px;
    right: 260px;
    width: 160px;
    transform: translateY(30px);
  transition: 3s;
  }

  .howtochoose_inner .howto_fukidashi02 {
    top: -200px;
    left: 50px;
    width: 350px;
    transform: translateY(30px);
  transition: 3s;
  }
  
.fadeInUp { opacity : 0; }

.howtochoose_inner li a {transition: .8s }


/*　新着情報　コンテンツ情報　*/
.index_newitem_contents {
  position: relative;
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
   justify-content: space-between;
}

.index_newitem_list {
  position: relative;
  width: 32.5%;
}

.index_newitem_list a {
  position: relative;
  width: 100%;
  background-color: #fff;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  padding: 1em;
  box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  text-decoration: none;
  margin-bottom: 1em;
}

.index_newitem_list a .index_newitem_thumb {
  position: relative;
  width: 45%;
  overflow: hidden;
}

.index_newitem_list a .index_newitem_desc {
  position: relative;
  width: 55%;
  padding-left: 15px;
}

.index_newitem_list .txt_overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-size: 13px;
  color: #736d67;
}

.index_newitem_list a img.imghover {
width: 100%;
transition-duration: 0.5s;
text-overflow: hidden;
}

a:hover img.imghover {
transform: scale(1.2);
transition-duration: 0.8s;
}
	
	
/* テイスト別 */
main .wide_wrap {
	width: 100%;
	}
	
main .taste_box li .taste_name {
    font-size: 14px;
    font-weight: bold;
	text-align: center;
}

main .taste_box li:hover .taste_name { color:#c9a79e;}
	
main .taste_box li .taste_name .txt11 {
    font-weight: normal;
}


/* ライブコマース告知 */
.notice {
  margin:  0 auto;
  text-align: center;
}

.notice img {
  width: 100%;
  max-width: 450px;
  margin-bottom: 20px;
}

.notice a {
  display: block;
  width: 96%;
  margin: 0 auto;
  color: #453c36;
  background: rgb(131,204,189);
  background: linear-gradient(90deg, rgba(131,204,189,0.6) 0%, rgba(131,183,204,0.6) 100%);
  padding: 2% 5%;
  border-radius: 50px;
  font-weight: bold;
}

		
/* main コンセプト */
main .concept_wrap {
 width: 100%;
 background-color: #f7f6f3;
 margin-top: 65px;
 padding: 35px 0;
}
main .concept_inner, main .contents {
 margin: 0 auto;
 width: 100%;
 max-width: 1200px;
}
main .concept_inner .inline_box {
 display: inline-block;
 vertical-align: top;
 width: 49%;
 margin-left: 1%;
 padding: 1%;
 text-align: right;
}
main .concept_inner .inline_box:first-of-type {
 margin-left: 0;
}
main .concept_inner .inline_box p {
 line-height: 2;
 text-align: left;
}
main .contents {
 width: 100%;
 margin: 0 auto 60px;
 padding-bottom: 8px;
}
/*　パンくず　*/
.breadcrumbs {
 width: 100%;
 max-width: 1200px;
 margin: 30px auto -30px;
 font-size: 12px;
}
.breadcrumbs a {
 color: #a29d9a;
}
main .breadcrumbs ol li {
 display: inline;
 list-style-type: none;
}
main .breadcrumbs ol li:before {
 content: " > ";
}
/* main レフトコンテンツ */
main .left_contents {
 width: 24%;
 max-width: 300px;
 float: left;
 margin-right: 3%;
}
	
/* main レフト　アコーディオン */
#accordion {
 list-style: none;
 font-family: "Font Awesome 5 Free", "FontAwesome";
 font-weight: 900;
 line-height: 1;
 background-color: #e8e0de;
 margin: 0;
 padding: 0;
 border: 1px solid #e5e5e5;
 border-radius: 3px;
 font-size: 13px;
}
#accordion li a.li_1st {
 font-weight: bold;
 color: #453C36;
 border-top: 1px solid #fff;
}
#accordion > li {
 padding: 0;
}
#accordion li a {
 display: block;
 position: relative;
 color: #333;
 text-decoration: none;
 padding: 18px 0 18px 18px;
 font-weight: normal;
}
#accordion > li:first-child > a {
 border-top: 0px;
}
#accordion li a:hover {
 background-color: #d3c5c1;
}
/*　サイドナビタイトル　*/
.sub_ttl {
	padding-bottom: 5%;
	border-bottom: solid 1px #e5e5e5;
	margin-bottom: 5%;
    width: 100%;
    font-size: 18px;
	}	
/*　サイドナビ　おすすめ　PC1カラム、SP2カラム　*/
ul.box1-2 {
	width: 100%;
	border: solid 1px #e5e5e5;
	border-radius: 3px;
	}
ul.box1-2 li { float: left; }	
ul.box1-2 li img { margin-top: 0;}

.left_pick { padding: 5%; }
.left_pick li {
	width: 100%;
	margin: 0 0 5% 0;
	}
	.left_pick  li:last-child {margin-bottom: 0;}
	
/* サイドナビ　選び方 */
.left_erabikata li {
	border-bottom: 1px solid #e5e5e5;
	padding: 5% 5% 6%;
}
.left_erabikata li:last-child {	border-bottom: none; }
.left_erabikata li img { padding-top: 5px;}
.left_erabikata li:hover {
	background-color: #f3efee;
	-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
	}
.left_erabikata a {
    display: block;
    text-decoration: none;
    
}

	
.arrow {
 position: absolute;
 top: 57%;
 right: -5px;
 width: 30px;
 height: 30px;
 line-height: 1;
 margin-top: -10px;
 color: #d4ebf2;
 -moz-transition: .3s;
 -webkit-transition: .3s;
 -o-transition: .3s;
 -ms-transition: .3s;
 transition: .3s;
}
.arrow:after {
 font-size: 14px;
 content: "\f054";
 font-family: "Font Awesome 5 Free", "FontAwesome";
 font-weight: 900;
 color: #453C36;
}
.rotate {
 color: #fff;
 -moz-transform: rotate(90deg);
 -webkit-transform: rotate(90deg);
 -o-transform: rotate(90deg);
 -ms-transform: rotate(90deg);
 transform: rotate(90deg);
 position: absolute;
 top: 57%;
 right: 15px;
 width: 30px;
 height: 30px;
}
#accordion li ul {
 list-style: none;
 background: #fff;
 margin: 0;
}
#accordion li ul li a {
 position: relative;
 line-height: 36px;
 padding: 7px 3% 10px 10px;
 border-bottom: 1px solid #e5e5e5;
}
#accordion li ul li img {
 border-radius: 50%;
 width:  38px;
 height: 38px;
 margin-right: 7px;
}
#accordion .accord_list li a {

}
#accordion .accord_list a:after {
 position: absolute;
 top: 30%;
 right: 6%;
 content: "\f0da";
 font-family: "Font Awesome 5 Free", "FontAwesome";
 font-weight: 900;
 font-size: 14px;
 color: #b4b3b1;
 margin-top: -8px;
 -moz-transition: .3s;
 -webkit-transition: .3s;
 -o-transition: .3s;
 -ms-transition: .3s;
 transition: .3s;
}
#accordion li ul li:first-child a {
 border-top: 0px;
}
#accordion li ul li:last-child a {
 border: 0;
}
#accordion li ul li a:hover {
 background: #f3efee;
 border-top-color: #e5e5e5;
}
/* main ライト  */
main .right_contents {
 width: 73%;
 max-width: 900px;
 float: right;
}
	
main .right_contents .txt11 { line-height: normal;}

main .left_contents img {margin-top: 5px;}
	
/* main ライト  コンテナ */
main .right_contents .container {
 margin-bottom: 40px;
}
main .right_contents .container .ul_wrap {
 width: 100%;
 margin: 0;
 padding: 0;
}
main .right_contents .container .block, main .right_contents .container .jisseki_list li, main .right_contents .container .youto_list li, main .right_contents .container .amime_list li {
 border: 1px solid #e5e5e5;
 border-radius: 3px;
 box-sizing: border-box;
 overflow: hidden;
}
main .right_contents .container li a {
 display: block;
 text-decoration: none;
 color: #1e1e1e;
}
/* main 2カラム  */
main .right_contents_main {
 width: 78%;
 max-width: 700px;
 float: left;
}
main .right_contents_sub {
 width: 20%;
 padding-left: 2%;
 max-width: 200px;
 float: right;
}
main span.bl {
 display: block;
 margin-top: 6px;
 color: #453c36;
 font-weight: bold;
 white-space: nowrap;
}
main span.bl:hover {
 color: #e27728;
}
main .more {
 width: 60%;
 font-size: 85%;
 font-weight: bold;
 color: #453c36;
 border: 1px solid #453c36;
 background-color: #fff;
 margin: 2.5% auto 8%;
 padding: 1.5%;
 letter-spacing: 2px;
 display: block;
}
    
main .col2-2_list .more {
 display: block;
 width: 90%;
 font-size: 80%;
 font-weight: bold;
 color: #453c36;
 border: 1px solid #453c36;
 background-color: #fff;
 margin: 4.5% auto 1.5%;
 padding: 3.5% 1.5%;
 letter-spacing: 1px;
 position: relative;
}

main .col2-2_list .more::before {
    content: "";
    }

main .col2-2_list .more::after {
    content: "\f105";
    font-family: "Font Awesome 5 Free", "FontAwesome";
    font-size: 130%;
    font-weight: 900;
    position: absolute;
    right: 2%;
    top: 23%;
    }
    
main .more:hover {
 color: #fff;
 background-color: #453c36;
}
/* main ライト  コンテナ　特集ブロック */
main .right_contents .container li.block {
 display: inline-block;
 width: 48.9%;
 margin: 1.6% 0 0;
 padding: 1.1%;
 vertical-align: top;
}
main .right_contents .container li.block:nth-child(even) {
 margin-left: 1%;
}
/* 2.3.4カラム */
main .col2_list, main .col3_list, main .col3_list2, main .col4_list, main .col5_list, main .container .slick-box3,
main .top_cate, main .taste_box, main .cate_ilist, .left_contents #left_search li .slist_wrap,
main .col2-2_list {
 display: -webkit-box;
 display: -moz-box;
 display: -ms-box;
 display: -webkit-flexbox;
 display: -moz-flexbox;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: flex;
 -webkit-box-lines: multiple;
 -moz-box-lines: multiple;
 -webkit-flex-wrap: wrap;
 -moz-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 padding: 0;
}
main .col2_list a, main .col3_list a, .col3_list2 a, main .col4_list a , main .col5_list a ,main .col2-2_list a {
 text-decoration: none;
}
main .col2_list li img, main .col3_list li img, main .col3_list2 li img, main .col4_list li img, main .col5_list li img, main .col2-2_list img {

}
/* 2カラム */
main .col2_list li, main .col2-2_list li {
 display: inline-block;
 width: 49.2%;
 margin: 0 1.5% 0.7% 0;
 vertical-align: top;
}
main .col2_list li:nth-child(2n),
main .col2-2_list li:nth-child(2n) {
 margin-right: 0;
}
main .col2_list li,
main .col2-2_list li {
 box-sizing: border-box;
 overflow: hidden;
 text-decoration: none;
}
 /* 2カラムOLD */
.c,
.child2 { display: table-cell; width: 47.86%; margin-right:2.14%; vertical-align:top; }
.child3 { display: table-cell; width: 36%; vertical-align:top; }
.child4 { display: table-cell; width: 64%; vertical-align:top;}
 
/* box */
.boxlink a:focus { outline:none; cursor: pointer; }
.nbox { overflow: hidden; }
.catebox { border: solid 1px #ccc; margin:0; text-align:center; overflow: hidden; }
.catebox .img { padding:5%;}
.catebox .cname { padding:5% 6% 1.5% 6%; margin:0; border-top: dotted 2px #ccc; text-align:left; font-weight:bold; }
.catebox .ctxt { padding:0 6%; margin:0 0 6% 0; text-align:left; font-size:77%; }
.catebox .cprice { padding:0 6%; margin:0 0 6% 0; text-align:left; color:#dc143c; }
.marubox { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border: solid 1px #ccc; }
.child1,
.child2 { display: table-cell; width: 47.86%; margin-right:2.14%; vertical-align:top; }
.child3 { display: table-cell; width: 36%; vertical-align:top; }
.child4 { display: table-cell; width: 64%; vertical-align:top;}
.box4 { width: 25%; float: left; }
.box3 { width: 30%; float: left; }
.movbox{ padding:10% 11.4% ; background:url(https://www.a-yuka.live/img/shop/mov_back.png) 0 0 no-repeat;background-size: contain; }
.movbox2{ padding:10% 11.4% ; background:url(https://www.a-yuka.live/img/shop/mov_back2.png) 0 0 no-repeat;background-size: contain; }
@media screen and (max-width: 481px) {
.nbox .img { float:left; width:35%; padding:2.5%; }
.catebox .img { float:left; width:33%; padding:2.5%; }
.catebox .cname { padding:5% 6% 1.5% 6%; margin:0; text-align:left; border:none; }
.catebox .ctxt { padding:0 6%; margin:0 0 2% 0; text-align:left; font-size:77%; }
.catebox .cprice { padding:0 6%; margin:0 0 2% 0; text-align:left; color:#dc143c; }
.box4 { width: 50%; float: left; }
}
/* box */ 
 /* テーブル価格表短め */
.table03 { border-collapse: collapse; width:100%; border: #b6b6b6 2px solid; }
.table03 th { border-top: #b6b6b6 1px solid; border-right: #b6b6b6 1px solid; border-left: #b6b6b6 1px solid; text-align: left; padding: 1%; font-weight: normal; background:#f5f5f5; text-align:center; }
.table03 td { border-top: #b6b6b6 1px solid; border-right: #b6b6b6 1px solid; text-align: right; padding: 1%; font-size:94%; vertical-align:middle; }

/* テーブル標準 */
.table00 { border-collapse: collapse; width:100%; border: #b6b6b6 2px solid; }
.table00 th { border-top: #b6b6b6 1px solid; border-right: #b6b6b6 1px solid; border-left: #b6b6b6 1px solid; text-align: left; padding: 1%; font-weight: normal; background:#f5f5f5; text-align:center; }
.table00 td { border-top: #b6b6b6 1px solid; border-right: #b6b6b6 1px solid; padding: 1%; font-size:94%; vertical-align:middle; }
	
div.table04 table { width: 100%; font-size:84%; border-left: 1px solid #b6b6b6; border-top: 1px solid #b6b6b6; }
div.table04 th, div td  { padding: 2px; border-right: 1px solid #b6b6b6; border-bottom: 1px solid #b6b6b6; }
div.table04 th  { background: #f5f5f5; }
div.table04 th { width: 13%; }
div.table04 td { text-align: center; }
div.table04 td:first-child { text-align: left; }
@media screen and (max-width: 481px) {
div.table04 table { border-top: none; }
div.table04 { display: block; width: 100%; margin: 0; }
div.table04 thead { display: block; float: left; }
div.table04 tbody { display: block; width: auto; overflow-x: auto; white-space: nowrap; }
div.table04 th { display: block; width: auto; }
div.table04 tbody tr { display: inline-block; margin: 0 -3px; }
div.table04 td { display: block; }
}

/* テーブルゼブラ */
.table05 { background: transparent; border-collapse: separate; border-spacing: 0; font-size: 85%; margin-bottom: 20px; width: 100%;}
.table05 .price { color:#dc143c; text-align:right; }
.table05 thead tr th,
.table05 thead tr td { border: 1px solid #cccccc; border-left-color: transparent; border-top-color: transparent; font-weight: bold; letter-spacing: .001em; line-height: 14px; padding: 10px 10px 5px 5px; text-align: left;　vertical-align: bottom;}
.table05 thead tr th:first-child,
.table05 thead tr td:first-child {padding-right: 0; text-align: left;}
.table05 thead tr th:last-child,
.table05 thead tr td:last-child {border-right-color: transparent;}
.table05 tbody tr {border: 1px solid #fdfdfd;}
.table05 tbody tr th,
.table05 tbody tr td {border: 1px solid #cccccc; border-left-color: transparent; border-top-color: transparent; font-weight: normal; padding: 4px 10px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.table05 tbody tr th:first-child,
.table05 tbody tr td:first-child {text-align: left;}
.table05 tbody tr th:last-child,
.table05 tbody tr td:last-child {border-right-color: transparent;}
.table05-striped tbody tr:nth-child(odd) {background-color: #f6f6f6;}


/* dlテーブル */
.unit-table:after{clear:both; content:"."; display:block; height:0; visibility:hidden;}
.unit-table      { margin-bottom:0;padding:5px 0;}
.unit-table dt   {float:left;}
.unit-table dd   {margin-left:100px;}
.unit-table dt,
.unit-table dd   {padding:5px;}

 
.bnr_field {
 display: flex;
 flex-wrap: wrap;
}
.bnr_field p {
 margin-top: 3%;
}
 
.ranking_field {
 display: flex;
 flex-wrap: wrap;
 padding: 0 10px;
}

.ranking_field div.no1box {
 width: calc(40% - 20px);
 padding-right: 20px;
}

.ranking_field div.no2-5box {
 width: calc(60% - 20px);
 padding-left: 20px;
}

.no2-5box div.rank_2column {
 width: 45%;
 margin-right: 20px;
 margin-bottom: 20px;
 float: left;
} 

.ranknum1 {
 font-family: 'Acme', sans-serif;
 font-size: 2.25em;
 text-align: center;
 color: darkgoldenrod;
 font-style: italic;
 }

 .ranknum2-5 {
 font-family: 'Acme', sans-serif;
 font-size: 1.75em;
 text-align: center;
 color: #666;
 font-style: italic;
 }
 
.ranknum-name {
 font-size:0.8125em;
 padding-top: 20px;
 padding-left: 10px;
 }
 .ranknum-txt {
 font-size:0.75em;
  color: darkgray;
  padding-top: 3px;
  padding-left: 10px;
 }
 .special_field {
 display: flex;
 flex-wrap: wrap;
}
.special_field div.special_container {
 width: calc(50% - 20px);
 margin: 10px;
 text-align: center;
}
.special_field div.special_container_left {
 width: calc(50% - 20px);
 margin: 10px;
 text-align: center;
}
.special_field div.special_container_right {
 width: calc(50% - 20px);
 margin: 10px;
 text-align: center;
}
.special_field div.special_3column {
 width: calc(33% - 10px);
 margin: 10px 0 10px 10px;
 text-align: center;
}
.cate_field {
 display: flex;
 flex-wrap: wrap;
 padding: 0 10px;
}
.cate_field a:link {
 text-decoration: none;
}
.cate_field div.cateList {
 width: calc(25% - 20px);
 margin: 10px;
}
.cate_field div.typeList {
 width: calc(25% - 20px);
 margin: 10px;
}
.cate_field div.cate_name {
 width: calc(50% - 10px);
 margin-right: 10px;
 margin-top: 0;
}
.cate_field div.cate_icon {
 width: calc(50% - 10px);
 margin-top: 40px;
 margin-left: 10px;
 text-align: right;
}

/*  コンテナ  */
.contena_field {
 display: flex;
 flex-wrap: wrap;
}
.contena_field div.contena_6 {
 width: calc(60% - 20px);
 margin: 10px;
}
.contena_field div.contena_4 {
 width: calc(40% - 20px);
 margin: 10px;
}
.contena_field div.contena_3column {
 width: calc(33% - 10px);
 margin: 10px 0 10px 10px;
} 

/*  リスト  */
ul.iconList {
 margin: 0;
 padding: 0;
 text-align: right;
}
ul.iconList li {
 list-style-type: none;
 display: inline-block;
 width: calc(20% - 6px);
 margin: 0 5px;
 padding: 6px 0;
}
.pickup_field {
 display: flex;
 flex-wrap: wrap;
 padding: 0 10px;
}
.pickup_field a:link {
 text-decoration: none;
}
.pickup_field div.itemList {
 width: calc(25% - 24px);
 margin: 15px 12px;
}
.product_container {
 padding: 4%;
}
.product_container .description {
 font-size: 0.85em;
 margin-top: 0.5em;
}
.product_container .name {
 font-size: 0.9em;
 margin-bottom: 0.3em;
 float: left;
 color: #000;
 font-size: 13px;
}
.product_container span.tag {
 width: 5.5em;
 margin-right: 0.5em;
 padding: 0.2em 0.5em;
 font-size: 10px;
 background: #1a2933;
 color: #fff;
 border-radius: 2px;
}
.product_container .price {
 color: #161616;
 font-size: 81.25%;
 font-weight: 400;
 padding: .3em 0;
}
/* 3カラム */	
main .col3_list li, main .col3_list2 li {
 display: inline-block;
 width: 31.5%;
 margin: 0 0.8% 1.5%;
 vertical-align: top;
 border: 1px solid #e5e5e5;
 border-radius: 3px;
 box-sizing: border-box;
 overflow: hidden;
 text-decoration: none;
 padding: 1em;
 background-color: #fff;
 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.bnr_field div.bnr_3column {
 width: calc(30%);
}
.bnr_field div.bnr_2column {
 width: calc(50%);
}
/* 4カラム */
main .col4_list li {
 display: inline-block;
 width: 23.5%;
 margin: 0 1.4em 1.4em 0;
 padding: 1em .9em .6em;
 vertical-align: top;
 background-color: #ffffff;
 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
main .col4_list li:nth-child(4n) {
 margin-right: 0;
}
main .col4_list li,main .col5_list li  {
 border: 1px solid #e5e5e5;
 border-radius: 3px;
 box-sizing: border-box;
 overflow: hidden;
 text-decoration: none;
}
	
/* 5カラム */
main .col5_list li {
 display: inline-block;
 width: 18.5%;
 margin: 0 1em 1em 0;
 padding: 1em 1em .6em;
 vertical-align: top;
 background-color: #fff;
 box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
}
main .col5_list li:nth-child(5n) {
 margin-right: 0;
}
	
/*テイスト別*/
.top_cate .txt11 { margin: 0 0 1.5em; }
	
.top_cate .txt_overflow { margin-top: .5em;}
	
.top_cate li:hover {
	background: #f7f6f3;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
	}
	
/* ボックスデザイン */	
main li.box11 {
    padding: .8em .8em 1em;
    color: #7b9db0;
    background: #fff;
    border-top: solid 4px #dfcbc7;
	border-radius: 0;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
}
.box11 p {
    padding: 0;
}
		
main li.box11:hover {
border-top: solid 4px #c9a79e;	
}
	
main li.box11 .txt_contents {
	padding-top: .5em;
	}
	
/* ランキング・新着カルーセル */
	
.container .rank_wrap{ counter-reset:ranking -4;}
	
.container .slick-box3 .rank,
.container .slick-box3 .new {
	width: 200px;
	padding: 1em;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-top: solid 4px #dfcbc7;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
 	margin: 0 .5em .5em .5em;
	position: relative;
	}
	
.container .slick-box3 .rank:before {
    counter-increment:ranking;
    content:counter(ranking);
	display: block;
	color: #ffffff;
	background-color: #181716;
	border-radius: 50px;
	width: 22px;
	height: 22px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	z-index: 5;
	top: 5px;
	left: 5px;
	padding: 7px;
}
	
.container .slick-box3 .new_tag:before {
	content: "NEW";
	display: block;
	color: #ffffff;
	background-color: #d67361;
	border-radius: 50px;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	z-index: 5;
	top: 5px;
	left: 5px;
	padding: 17px 9px;
	height: 14px;
}

.container .slick-box3 .new .index_cate_name { height: 50px;}

.container .slick-box3 .rank01:before { background-color: #cfb143; }
.container .slick-box3 .rank02:before { background-color: #818181; }
.container .slick-box3 .rank03:before { background-color: #9a733c; }
	
.container .slick-box3 .rank a,.container .slick-box3 .new a { text-decoration: none;}
.container .slick-box3 .rank:hover, .container .slick-box3 .new:hover {
	background-color: #f7f6f3;
	border-top: solid 4px #c9a79e;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
	}
	
.container .slick-box3 .txt11,
.container .slick-box3 .new .time { 
    display: block;
    margin: .8em 0 .5em;
	}
		
.container .slick-box3 .price {
	text-align: right;
	margin: 0 0 .5em;
	padding-bottom: .2em;
	}
  
  .container .slick-box3 .li_date {
    font-size:11px;
    margin-top: 10px;
    }
	
main .right_contents .youto_icon {
 width: 100%;
}
main .right_contents .youto_icon li {
 font-size: 11px;
 border: none;
 width: auto;
 margin: 0 1% 3% 0 !important;
 padding: 0.5% 1.5%;
 display: inline-block;
 border: 1px solid;
}
/* カテゴリページ */
.cate_page li p {
 font-size: 11px;
}
main .right_contents .red {
 font-size: 14px;
}
main .right_contents .bold {
 display: block;
 margin-top: 5px;
}
main .col3_list a:hover {
 color: #c9a79e;
}
	
main .cate_txt {
	background-color: #f7f6f3;
	margin-top: 60px;
	padding: 1% 3%;
	font-size: 14px;
	}
	
main .cate_txt p { line-height: 2; }
		
	
/*  インフォメーション  */
.info_field {
 display: flex;
 flex-wrap: wrap;
 margin-top: 3em;
 margin-bottom: 3em;
 margin-left: 1.25em;
 font-size: 13px;
}
.info_field div.delivery {
 width: calc(33%);
}
.info_field div.payment {
 width: calc(33% - 2px);
 border-right: solid 1px #ccc;
 border-left: solid 1px #ccc;
}
.info_field div.inquiry {
 width: calc(33%);
}
.dlList dt {
 margin-top: 0.9375em;
 padding-bottom: 3px;
 border-bottom: dotted 1px #666;
}
.dlList dd {
 padding: 3px;
}
.box_1530 {
 padding: .9375em 1.875em;
}
.box_1515 {
 padding: .9375em;
}
/*  見出し  */
.title_center_2rows {
 width: 100%;
 margin-right: auto;
 margin-left: auto;
 color: #1e1e1e;
}
/*  テキスト  */
.text_caption {
 font-size: 1.125em;
 margin-bottom: 0.625em;
}
.title_center_2rows .index {
 font-size: 1.6875rem;
 font-family: 'Rubik', sans-serif;
 font-weight: 200;
 color: #363636;
 line-height: 120%;
 text-align: center;
 overflow: hidden;
}
.title_center_2rows .subtitle {
 text-align: center;
}
.title_center_2rows .index span {
 display: inline-block;
 position: relative;
 z-index: 1;
}
.title_center_2rows .index span:before, .title_center_2rows .index span:after {
 content: "";
 border-bottom: 2px solid #7b9db0;
 width: 900px;
 margin: 0 15px;
 position: absolute;
 bottom: 15px;
}
.title_center_2rows .index span:before {
 right: 100%;
}
.title_center_2rows .index span:after {
 left: 100%;
}
.title_circle {
 width: 100%;
 text-align: center;
 margin-bottom: 4%;
}
.title_circle h4 {
 position: relative;
 display: inline-block;
 padding: 15px 40px;
 border-bottom: 2px solid #453c36;
 font-size: 140%;
 font-weight: normal;
}
.title_circle h4:before, .title_circle h4:after {
 content: "";
 display: block;
 width: 6px;
 height: 6px;
 border-radius: 50%;
 background: #453c36;
 position: absolute;
 bottom: -4px;
}
.title_circle h4:before {
 left: -4px;
}
.title_circle h4:after {
 right: -4px;
}
.title_icon {
 padding: 0.3em 0.5em;
 position: relative;
 font-size: 131.25%;
}
.title_icon:before {
 content: "\f105";
 font-family: "Font Awesome 5 Free", "FontAwesome";
 font-weight: normal;
 left: -.5em;
 position: absolute;
 padding: 0em;
}
.title_rightup {
 display: block;
 text-align: right;
 font-size: 1.3125em;
 color: black;
}

.title_diy {
 width: 100%;
 margin-right: auto;
 margin-left: auto;
 color: #1e1e1e;
 font-size: 1.3125em;
}
.title_diy .index {
 font-family: 'Monda', sans-serif;
 color: #005982;
 font-size: 1.5em;
 text-align: left;
 padding-bottom: 5px;
}
.title_diy .subtitle {
 text-align: right;
}
.title_diy .index span {
 display: inline-block;
 position: relative;
 z-index: 1;

  content: "";
 -webkit-transform: rotate(-3deg);
 -moz-transform: rotate(-3deg);
 transform: rotate(-3deg);
 -o-transform: rotate(-3deg);
 -ms-transform: rotate(-3deg);
 border-bottom: solid 2px #005982;
 width: 100%;
}

.title_leftb {
 padding: .25em 0 .25em .75em;
 border-left: 6px solid #ccc;
 font-size: 1.75em;
}
.title_leftb span {
 display: block;
 margin-bottom: .2em;
 color: #aaa;
 font-size: .9em;
} 
 
/*  ボタン  */
.btn_square {
 display: table;
 margin-left: auto;
 margin-right: auto;
 width: 80%;
 padding: 1em 1em;
 text-decoration: none;
 color: #2B2B2B;
 border: solid 1px #2B2B2B;
 border-radius: 3px;
 transition: .4s;
text-align: center;
}
 
.btn_square a {
 display: block;
 width: 100%;
 cursor: hand;
 text-align: center;
} 
	
.btn_square p {
 text-align: center;
} 
 
.btn_square:hover {
 background: #f7f6f3;
}
/*  table  */
table.table_base {
 border-collapse: collapse;
 width: 100%;
 margin-top: 3.125em;
}
table.table_base th, table td {
 padding: 10px;
 border: 1px solid #999;
}
table.table_base th {
 background-color: #f7f6f3;
 text-align: center;
 vertical-align: middle;
 width: 30%;
}
table.table_option {
 border-top: 1px solid #999;
 border-right: 1px solid #999;
 border-collapse: collapse;
 width: 100%;
}
table.table_option th, table.table_option td {
 border-left: 1px solid #999;
 border-bottom: 1px solid #999;
 padding: 10px;
}
table.table_option th {
 background-color: #f7f6f3;
 text-align: left;
}
table.table_scroll {
 border-top: 1px solid #999;
 border-right: 1px solid #999;
 border-collapse: collapse;
 width: 100%;
 text-align: center;
}
table.table_scroll th, table.table_scroll td {
 border-left: 1px solid #999;
 border-bottom: 1px solid #999;
 padding: 10px;
}
table.table_scroll th {
 background-color: #eee;
}
.dl_base {
 margin: 3.125em 3.125em 0 3.125em;
}
.dl_base p {
 font-size: 1.1875em;
 padding-top: 0.625em;
 padding-bottom: 1.875em;
}
.dl_base dl {
 width: 100%;
}
.dl_base dd {
 padding-top: 0.625em;
 padding-left: 0.9375em;
 padding-bottom: 1.875em;
}
.map {
 width: 1140px;
 margin: 3.125em auto;
 display: flex;
}
	
/*  関連アイテム */	
.relation_box {
	background: #faf9f7;
}
	
/*  選ぶ方タブ */
.tab-content input[type="radio"] { display: none; }

.tab-content label {
	position: relative;
  display: inline-block;
  width: 25%;
  padding: 1.1em;
  font-weight: bold;
  font-size: 16.5px;
  color: #473f37;
  background-color: #f1eee8;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
  transition: all 0.5s ease;
  border-top: solid 4px #f7f6f3;
}
.tab-content input[type="radio"]:checked + label {
  color:#fff;
  background-color:#d0c5ad;
  border-top: solid 4px #d0c5ad;
}
.tab-content label:hover {
  background-color:#ece9e4;
}
.tab-content label::after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 8px solid transparent;
    border-top-color: #f1eee8;
    top: 100%;
    left: 47%;
}
	
.tab-content input[type="radio"]:checked + label::after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 8px solid transparent;
    border-top-color: #d0c5ad;
    top: 100%;
    left: 47%;
}

.tab-content .tab-box {
  width: 100%;
	height: auto;
	margin: 0 auto;
  padding: 2em;
	background-color: #fff;
  box-sizing: border-box;
}

.tab-content > .tab-box > div { display: none; }
#tab1:checked ~ .tab-box > #tabView1 { display: block; }
#tab2:checked ~ .tab-box > #tabView2 { display: block; }
#tab3:checked ~ .tab-box > #tabView3 { display: block; }
#tab4:checked ~ .tab-box > #tabView4 { display: block; }
#tab5:checked ~ .tab-box > #tabView4 { display: block; }
.tab_rbox {
	float: left;
	width: 50%;
	}
.tab-content {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	}
	
main .fl_box {
	width: 48%;
	margin: 0 1%;
	padding: 0 1% 1%;
	max-width: 600px;
	float: left;
}
	
.col4_list li.bo_none,
.col3_list li.bo_none {
	border: none;
	box-shadow: none;
	padding: 0;
	border-radius: 0;
	}
	
/* C1グランプリ・お客様レビュー */
.review_box li:first-child { border-top: 1px dotted #cccccc; }
.review_box li { padding: 20px 0; border-bottom: 1px dotted #cccccc;}
.review_box li .taste_name { font-size: 90%; padding-bottom: 3px; font-weight: bold; }
.review_box li .taste_name:hover { text-decoration:underline; }
.review_box li img { display: block; float: left; margin-right: 15px; width: 80px;}
.review_box li a { text-decoration: none;}
.review_box { overflow: auto;}
.h300 { height: 400px; }
    
    
/* サイドナビ　こだわりから探す　タブ */
.left_contents #left_search {
    list-style: none;
    font-family: "Font Awesome 5 Free", "FontAwesome";
    font-weight: 900;
    line-height: 1;
    background-color: #e8e5de;
    margin: 0 0 -25px;
    padding: 0;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    font-size: 13px;
}  

.left_contents #left_search li .li_1st {
    font-weight: bold;
    color: #453C36;
    display: block;
    position: relative;
    color: #333;
    text-decoration: none;
    padding: 14px 0 14px 18px;
}
    
.left_contents .slist_wrap {
    background-color: #fff;
    margin: 0;
}
    
.left_contents .slist_wrap li {
    float: left;
    width: 24.9%;
    font-size: 11px;
    text-align: center;
    padding: 1em 0 .8em;
    border-right: 1px dotted #e5e5e5;
    border-bottom: 1px dotted #e5e5e5;
    }
    
.left_contents .slist_wrap li p { text-align: center;}
.left_contents li .slist_wrap li:nth-child(4n){ border-right: none;}
.left_contents li .slist_wrap li.bo_none { border-bottom: none;}
.left_contents li .slist_wrap li a { text-decoration: none; }
.left_contents li .slist_wrap li p { text-align: center; line-height: 1;}
.left_contents li .slist_wrap li span.br { display: block; line-height: 2;}
    
.left_contents li .slist_wrap li img {
    width: 45px;
    margin: 0 auto .5em;
    border-radius: 5px;
    }
    
/* カテゴリページ　新着 */
main .new_list { background-color:rgba(247,246,243,0.8); border-radius: 4px; margin-top: 3em; padding: 0 1.5em 2.2em; }
main .new_list .col4_list li:nth-child(4n) { margin-right: .6em;}
main .new_list .slick-prev:before, main .new_list .slick-next:before { font-size: 30px; }
main .new_list .slick-prev { left: -70px; }
main .new_list .slick-next { right: -66px; }
#slick-slide00, #slick-slide01, #slick-slide02, #slick-slide03, #slick-slide04, #slick-slide05, #slick-slide06, #slick-slide07, #slick-slide08, #slick-slide09, #slick-slide010, #slick-slide011, #slick-slide012, #slick-slide013, #slick-slide014, #slick-slide015 {
    width: 0;
    padding: .5em;
    border: none;
    background-color: none;
    box-shadow: none;
    margin: 0 3px;
}
.slick-dots li button { background-color:rgba(247,246,243,0.8); }

/* よくある質問 */
main .faq {font-size:14px ;}
main .faq dt {
padding: 10px 10px 10px 35px;
border-radius: 5px;
background: #f3efee;
text-indent: -25px;
}
main .faq dt:before {
content: "Q.";
font-weight: bold;
margin-right: 7px;
}
main .faq dd {
margin: 10px 10px 25px 35px;
text-indent: -25px;
}
main .faq dd:before {
content: "A.";
color: #c9a79e;
font-weight: bold;
margin-right: 7px;
}

.info_scam { font-size: .875em; padding: 1em; background: #f6f6f6; margin-bottom: 2em;}

.tomoyasu_bnr {
    display: flex;
    flex-wrap: wrap;
    align-items:center;
    padding: 1.5em 0;
    margin: 4em 0 2em 0;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

.tomoyasu_bnr .midashi {
    width: calc(20%);
    line-height: 1.8;
    padding-left: 3.5%;
    font-size: .875em;
}

.tomoyasu_bnr .bnr_img {
    width: calc(38%);
    padding-left: 2%;
}
    
}


/* main メイン - 〜1140px
---------------------------------------------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 1140px)  {
h2 { font-size: 27px; }
main .col3_list, .main .col4_list { padding: 0 1em;}
main .col4_list li { margin: 0 .8em .8em 0; }
main .col5_list li { margin: 0 .7em .7em 0; padding: .5em; }

    
/* カテゴリページ　新着 */
main .new_list .col4_list li:nth-child(3n) { margin-right: .6em;}

/* トレンドアイテム */
main .trenditem_wrap .trenditem_inner {
  padding: 0 1.5%;
}

main .trenditem_wrap a .index_cate_name {
  font-size: 12px;
  font-weight: bold;
}

.trenditem_bg_cat {
  position: absolute;
  top: 105%;
  left: 60%;
  width: 120px;
  transform: translateY(50px);
  transition: 1s;
  z-index: 3;
}

.trenditem_bg_left, .trenditem_bg_right {
  display: none;
}


/* 失敗しない選び方・Ｑ＆Ａ */
.howtochoose_inner { position: relative; }

.howtochoose_inner .howto_female,
.howtochoose_inner .howto_fukidashi01,
.howtochoose_inner .howto_fukidashi02 {
  position: absolute;
  opacity: 0; /* ←初期値を変更。透明に。*/
  animation: 1s fadeIn forwards; /* ←追加 */
}

.howtochoose_inner .howto_female {
    top: -190px;
    right: 20px;
    width: 130px;
    transform: translateY(30px);
  transition: 1s;
  }

  .howtochoose_inner .howto_fukidashi01 {
    top: -110px;
    right: 18%;
    width: 14%;
    transform: translateY(30px);
  transition: 3s;
  }

  .howtochoose_inner .howto_fukidashi02 {
    top: -140px;
    left: 5%;
    width: 30%;
    transform: translateY(30px);
  transition: 3s;
  }
  
.fadeInUp { opacity : 0; }

.howtochoose_inner li:hover { transition: .8s }


/*　新着情報　コンテンツ情報　*/
.index_newitem_contents {
  position: relative;
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
   justify-content: space-between;
}

.index_newitem_list {
  position: relative;
  width: 32.5%;
}

.index_newitem_list a {
  position: relative;
  width: 100%;
  background-color: #fff;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  padding: 1em;
  box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  text-decoration: none;
  margin-bottom: 1em;
}

.index_newitem_list a .index_newitem_thumb {
  position: relative;
  width: 45%;
  overflow: hidden;
}

.index_newitem_list a .index_newitem_desc {
  position: relative;
  width: 55%;
  padding-left: 15px;
}

.index_newitem_list .txt_overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-size: 13px;
  color: #736d67;
}

.index_newitem_list a img.imghover {
width: 100%;
transition-duration: 0.5s;
text-overflow: hidden;
}

a:hover img.imghover {
transform: scale(1.2);
transition-duration: 0.8s;
}

}
	

/* main メイン - SP
---------------------------------------------------------------------------*/
@media (max-width: 767px) {
.container {
 padding-right: 2%;
 padding-left: 2%;
}
h1 {
    font-size: 10px;
    font-weight: normal;
    color: #453c36;
}
h2 {
	letter-spacing: 2px;
    font-size: 18px;
    font-weight: normal;
	color: #453c36;
    font-family: 'Rubik', sans-serif;
	text-align: center;
	line-height: 1;
	margin: 0 0 2px;
	padding-top: 15px;
}
.intro { 
    width: 100%;
    font-size: 12px;
    margin: 5px 0 15px;
    text-align: center;
    display: block;
    line-height: 1.75;
}
main {
 font-size: 80%;
 line-height: 2;
}
main .tag_new {
 padding: 4px 8px;
 margin-right: 8px;
 color: #a29d9a;
 border: 1px solid #a29d9a;
}
/* index スライド上 用途アイコン */
main .top_icon .ul_wrap {
 width: 100%;
 max-width: 750px;
 margin-bottom: 8px;
}
main .top_icon .youto_list li {
 float: left;
 width: 25%;
 margin: 0;
 padding: 0.5%;
 vertical-align: top;
 text-align: center;
 border-right: 1px solid #e5e5e5;
 border-bottom: 1px solid #e5e5e5;
 box-sizing: border-box;
 overflow: hidden;
 font-size: 80%;
 font-weight: normal;
}
main .top_icon .youto_list li:nth-child(4n) {
 border-right: 1px solid #fff;
}
main .top_icon .youto_list li img {
 width: 65%;
}
main .top_icon .youto_list li .bl {
 margin-top: -4px;
}
	
/*　スマホのみスペーシング */
main .sp_space {
   border:solid #fff;
   border-width: 1px 0 0 0;
}
	
/* main コンセプト */
main .concept_wrap {
 width: 100%;
 background-color: #f7f6f3;
 margin-top: 65px;
 padding: 35px 0;
}
main .concept_inner, main .contents {
 margin: 0 auto;
 width: 100%;
 max-width: 750px;
}
main .concept_inner .inline_box {
 vertical-align: top;
 width: 80%;
 margin: 0 auto;
 text-align: right;
}
main .concept_inner .inline_box:first-of-type {
 margin-bottom: 10px;
}
main .concept_inner .inline_box p {
 line-height: 2;
 text-align: left;
}
main .contents {
 width: 100%;
 margin: 30px auto 60px;
 padding-bottom: 8px;
}

/*　パンくず　*/
.breadcrumbs {
 width: 94%;
 margin: 15px auto -5px;
 font-size: 11px;
}
main .breadcrumbs ol li {
 display: inline;
 list-style-type: none;
}
main .breadcrumbs ol li:before {
 content: " > ";
}
main .breadcrumbs ol li a {
 color: #a29d9a;
}
/* main レフトコンテンツ */
main .left_contents {
 width: 94%;
 max-width: 750px;
 margin: 0 auto 20px;
}
/* main レフト　バナー */
main .left_contents .side_bnr img {
 margin-bottom: 15px;
}
/* main レフト　アコーディオン */
#accordion {
 list-style: none;
 font-family: "Font Awesome 5 Free", "FontAwesome";
 font-weight: 900;
 line-height: 1;
 background-color: #e8e5de;
 margin: 0 0 -25px;
 padding: 0;
 border: 1px solid #e8e5de;
 border-radius: 3px;
 font-size: 13px;
}
#accordion li a.li_1st {
 font-weight: bold;
 color: #453C36;
 border-top: 1px solid #fff;
}
#accordion > li {
 padding: 0;
}
#accordion li a {
 display: block;
 position: relative;
 color: #333;
 text-decoration: none;
 padding: 18px 0 18px 18px;
 font-weight: normal;
}
#accordion > li:first-child > a {
 border-top: 0px;
}
#accordion li a:hover {
 background-color: #d0c5ad;
}
.arrow {
 position: absolute;
 top: 57%;
 right: -5px;
 width: 30px;
 height: 30px;
 line-height: 1;
 margin-top: -10px;
 color: #d4ebf2;
 -moz-transition: .3s;
 -webkit-transition: .3s;
 -o-transition: .3s;
 -ms-transition: .3s;
 transition: .3s;
}
.arrow:after {
 font-size: 14px;
 content: "\f054";
 font-family: "Font Awesome 5 Free", "FontAwesome";
 font-weight: 900;
 color: #453C36;
}
.rotate {
 color: #fff;
 -moz-transform: rotate(90deg);
 -webkit-transform: rotate(90deg);
 -o-transform: rotate(90deg);
 -ms-transform: rotate(90deg);
 transform: rotate(90deg);
 position: absolute;
 top: 57%;
 right: 15px;
 width: 30px;
 height: 30px;
}
#accordion li ul {
 list-style: none;
 background: #fff;
 margin: 0;
}
#accordion li ul li a {
 position: relative;
 line-height: 36px;
 padding: 7px 3% 10px 10px;
 border-bottom: 1px solid #e5e5e5;
}
#accordion li ul li img {
 border-radius: 50%;
 width:  38px;
 height: 38px;
 margin-right: 7px;
}
#accordion .accord_list li a {
}
#accordion .accord_list a:after {
 position: absolute;
 top: 50%;
 right: 6%;
 content: "\f0da";
 font-family: "Font Awesome 5 Free", "FontAwesome";
 font-weight: 900;
 font-size: 14px;
 color: #b4b3b1;
 margin-top: -8px;
 -moz-transition: .3s;
 -webkit-transition: .3s;
 -o-transition: .3s;
 -ms-transition: .3s;
 transition: .3s;
}
#accordion li ul li:first-child a {
 border-top: 0px;
}
#accordion li ul li:last-child a {
 border: 0;
}
#accordion li ul li a:hover {
 background: #fefcf5;
 border-top-color: #e5e5e5;
}
/*　サイドナビタイトル　*/
.sub_ttl {
	padding-bottom: 3%;
	border-bottom: solid 1px #e5e5e5;
	margin-bottom: 5%;
    width: 100%;
    font-size: 18px;
	}	
/*　サイドナビ　おすすめ　PC1カラム、SP2カラム　*/
ul.box1-2 {
	width: 100%;
	border: solid 1px #e5e5e5;
	border-radius: 3px;
	}
ul.box1-2 li { float: left; }	
ul.box1-2 li img { margin-top: 0;}

.left_pick { padding: 3%; }
.left_pick li {
	width: 47%;
	margin: 0 5% 5% 0;
	}
	.left_pick  li:nth-child(2n) { margin-right: 0; }
	.left_pick  li:nth-last-child(-n+2) {margin-bottom: 0;}
	
/* サイドナビ　選び方 */
.left_erabikata li {
	width: 50%;
	padding: 3%;
}

.left_erabikata li:nth-last-child(-n+2) {
	border-bottom: none;
	margin-bottom: 5px;
}
.left_erabikata li:nth-child(even){
	border-right: none;
}
	
main .left_contents .cal table td {
 text-align: center;
 padding: 2%;
}
/* main ライト  */
main .right_contents {
 width: 100%;
 max-width: 750px;
 margin: 0 auto;
}
/* main ライト  コンテナ */
main .right_contents .container {
 margin-bottom: 40px;
}
main .right_contents .container .ul_wrap {
 margin: 0 auto;
 padding: 0;
}
main .right_contents .container .block, main .right_contents .container .jisseki_list li, main .right_contents .container .youto_list li, main .right_contents .container .amime_list li {
 border: 1px solid #e5e5e5;
 border-radius: 3px;
 box-sizing: border-box;
 overflow: hidden;
}
main .right_contents li a {
 display: block;
 text-decoration: none;
}
/* main 2カラム  */
main .right_contents_main {
 width: 100%;
}
main .right_contents_sub {
 display: none;
}
main span.bl {
 display: block;
 margin-top: 6px;
 color: #a29d9a;
 font-weight: bold;
}
main span.bl:hover {
 color: #e27728;
}
main .more {
 width: 70%;
 font-weight: bold;
 color: #453c36;
 border: 1px solid #453c36;
 background-color: #fff;
 margin: 2.5% auto 8%;
 padding: 3%;
}
main .more:hover {
 color: #fff;
 background-color: #7c7672;
}
/* main ライト  コンテナ　特集ブロック */
main .right_contents .container li.block {
 width: 100%;
 margin: 2% auto 0;
 padding: 2%;
}
.ranking_field {
 display: flex;
 flex-wrap: wrap;
 padding: 0;
}

.ranking_field div.no1box {
 width: calc(100%);
}

.ranking_field div.no2-5box {
 width: calc(100%);
}

.no2-5box div.rank_2column {
 width: 100%;
} 

.ranknum1 {
 font-family: 'Acme', sans-serif;
 font-size: 2.25em;
 text-align: center;
 color: darkgoldenrod;
 font-style: italic;
 }

 .ranknum2-5 {
 font-family: 'Acme', sans-serif;
 font-size: 1.75em;
 text-align: center;
 color: #666;
 font-style: italic;
  padding-top: 10px;
  border-top: dotted 1px #666;
  margin-top: 10px;
 }
 
.ranknum-name {
 font-size:0.8125em;
 padding-top: 20px;
 padding-left: 10px;
 }
 .ranknum-txt {
 font-size:0.75em;
  color: darkgray;
  padding-top: 3px;
  padding-left: 10px;
  margin-bottom: 15px;
 }
 .special_field {
 display: flex;
 flex-wrap: wrap;
}
.special_field div.special_container {
 width: calc(100%);
 margin: 20px 0 0 0;
 text-align: center;
}
.special_field div.special_container_left {
 width: calc(100%);
 margin: 20px 0 0 0;
 text-align: center;
}
.special_field div.special_container_right {
 width: calc(100%);
 margin: 20px 0 0 0;
 text-align: center;
}
.special_field div.special_3column {
 width: calc(100%);
 margin: 20px 0 0 0;
 text-align: center;
}
.cate_field {
 display: flex;
 flex-wrap: wrap;
}
.cate_field div.cateList {
 width: calc(100%);
 margin: 30px 0;
}
.cate_field a:link {
 text-decoration: none;
}
.cate_field div.typeList {
 width: calc(50% - 10px);
 margin: 10px 5px;
}
.cate_field div.cate_name {
 width: calc(100% - 10px);
 margin-top: 10px;
 margin-right: 10px;
 font-size: 0.8em;
}
.cate_field div.cate_icon {
 width: calc(100% - 10px);
 margin-top: 8x;
 margin-left: 10px;
 text-align: left;
}

/*  コンテナ  */
.contena_field {
 display: flex;
 flex-wrap: wrap;
}
.contena_field div.contena_6 {
 width: calc(100%);
 margin: 20px 0 0 0;
}
.contena_field div.contena_4 {
 width: calc(100%);
 margin: 20px 0 0 0;
}
.contena_field div.contena_3column {
 width: calc(100%);
 margin: 20px 0 0 0;
}

/*  リスト  */
ul.iconList {
 margin: 0;
 padding: 0 0 10px 0;
 text-align: left;
}
ul.iconList li {
 list-style-type: none;
 display: inline-block;
 width: calc(22% - 6px);
 margin: 0 5px;
 padding: 6px 0;
}
.pickup_field {
 display: flex;
 flex-wrap: wrap;
 padding: 0;
}
.pickup_field div.itemList {
 width: calc(100% - 10px);
 margin: 8px 5px;
}
.pickup_field div.product_img {
 width: calc(48%);
 float: left;
 margin-top: 1px;
}
.pickup_field div.product_container {
 width: calc(52% - 8px);
 margin-left: 8px;
 float: right;
}
.product_container {
 padding: 4% 2%;
}
.product_container .description {
 font-size: .9125em;
 margin-top: 0.8em;
}
.product_container .name {
 font-size: .8125em;
 margin-bottom: 3px;
 float: none;
 color: #000;
}
.product_container span.tag {
 margin-right: 0.5em;
 padding: 0.15em 0.3em;
 font-size: 10px;
 text-align: center;
 color: #fff;
 background: #1a2933;
 border-radius: 2px;
}
.product_container .price {
 color: #161616;
 font-size: .75em;
 font-weight: 400;
 padding-top: 1em;
}
.pickup_field a:link {
 text-decoration: none;
}

.container .slick-box3 .li_date {
  font-size:11px;
  margin-top: 10px;
  }

/* 2.3.4カラム */
main .col2_list, main .col3_list, main .col3_list2, main .col4_list, main .col5_list, main .container .slick-box3,
main .top_cate, main .taste_box, main .cate_ilist, .left_contents .slist_wrap, main .col2-2_list {
 display: -webkit-box;
 display: -moz-box;
 display: -ms-box;
 display: -webkit-flexbox;
 display: -moz-flexbox;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: flex;
 -webkit-box-lines: multiple;
 -moz-box-lines: multiple;
 -webkit-flex-wrap: wrap;
 -moz-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}
.bnr_field div.bnr_3column {
 width: calc(100%);
}
.bnr_field div.bnr_2column {
 width: calc(100%);
}
main .col2_list a, main .col3_list a, main .col4_list a, main .col5_list a, main .col2-2_list a {
 text-decoration: none;
}
/* 2カラム */
main .col2_list li,
main .col2-2_list li {
 display: inline-block;
 width: 49%;
 margin: 1.5% 1.5% 0.7% 0;
 padding: 1.5%;
 vertical-align: top;
}
main .col2_list li:nth-child(2n),
main .col2-2_list li:nth-child(2n) {
 margin-right: 0;
}
main .col2_list li,
main .col2-2_list li{
 border: 1px solid #e5e5e5;
 border-radius: 3px;
 box-sizing: border-box;
 overflow: hidden;
 text-decoration: none;
}
 
.child1,
.child2,
.child3,
.child4 { display:block; width: 100%;} 
 
/* 2カラム */
main .col3_list, main .col4_list, main .col5_list {
 width: 100%;
 margin: 0 auto;
}
main .col3_list li, main .col4_list li, main .col5_list li {
 display: inline-block;
 width: 47%;
 margin: 0 1.4% 15px;
 vertical-align: top;
 padding-top: 8px;
 padding-right: 8px;
 padding-left: 8px;
 padding-bottom: 8px;
 background-color: #fff;
}
main .col3_list li, main .col4_list li, main .col5_list li {
 border: 1px solid #e5e5e5;
 box-sizing: border-box;
 overflow: hidden;
}
main .col3_list li img, main .col4_list li img , main .col5_list li img { margin-bottom: 5px; }
	
main .col3_list li.bo_none img, main .col4_list li.bo_none img, main .col5_list li.bo_none img { margin-bottom: 0; }
	
main .right_contents .youto_icon {
 width: 100%;
}
main .right_contents .youto_icon li {
 font-size: 11px;
 border: none;
 width: auto;
 margin: 0 1% 3% 0 !important;
 padding: 0.5% 1.5%;
 display: inline-block;
 border: 1px solid;
}
main .col3_list2 li {
 display: inline-block;
 width: 100%;
 margin: 1.5% 1.4% 10px;
 vertical-align: top;
 padding-top: 8px;
 padding-right: 8px;
 padding-left: 8px;
 padding-bottom: 8px;
 background-color: #fff;
}
main .col3_list2 li img {
 display: block;
	float: left;
  width: 48.5%;
  margin-bottom: 0;
	}
main .col3_list2 li .txt_overflow {
 display: block;
	float: right;
	width: 48%;
	margin-right: .5%;
	}
	
/*　ピックアップカテゴリー　*/	
main .right_contents .txt11 {
    line-height: normal;
	line-height: 1.1em;
}
main .right_contents .txt_overflow, main .right_contents .txt_overflow:hover {
	color: #453c36;
	}
main a .index_cate_name {
	display: block;
	font-size: 12px;
	color: #7d6b58;
  line-height: normal;
  font-weight: bold;
  margin-bottom: 4px;
}


main .cate_txt {
	background-color: #f7f6f3;
	padding: 3%;
	}
	
main .cate_txt p { line-height: 2; }
	
  

/* トレンドアイテム */
main .trenditem_wrap {
  background-image: linear-gradient(#ffffff, #f7f6f3);
  margin-top: 5%;
  padding-bottom: 3%;
}

main .trenditem_wrap .col2_list li {
  width: 100%;
  margin: 0 0 2% 0;
  padding: 0 1.5% 1.5%;
  vertical-align: top;
  border: none;
}

main .trenditem_wrap a .index_cate_name {
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 3px;
}

main .trenditem_wrap .col4_list li  { background-color: #f9f8f5; }

.trenditem_bg_cat, .trenditem_bg_left, .trenditem_bg_right { display: none; }

.trenditem_bg_floor {
transform: translateY(30px);
  transition: 3s;
}



/* アイテムカテゴリー */
main .cate_wrap {margin-bottom: 40px;}

main .top_cate li.box11 .index_cate_name {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
}


/* 失敗しない選び方・Ｑ＆Ａ */
.howtochoose_wrap {
  margin-top: 100px;
  padding-bottom: 50px;
}

.howtochoose_inner { position: relative; }

.howtochoose_inner p {
text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  font-size: 12px;
  color: #736d67;
}

.howtochoose_wrap .howto_lead {
  padding: 3%;
    background-color: rgb(255 255 255 / .6);
    border-radius: 5px;
    margin: 5% 2%;
}

.howtochoose_inner .txtcenter { 
  text-align: left;
  line-height: 1.8;
}

.howtochoose_inner .howto_female,
.howtochoose_inner .howto_fukidashi01,
.howtochoose_inner .howto_fukidashi02 {
position: absolute;
opacity: 0; /* ←初期値を変更。透明に。*/
animation: 1s fadeIn forwards; /* ←追加 */
}

.howtochoose_inner .howto_female {
  top: -130px;
  right: 5%;
  width: 85px;
  transform: translateY(30px);
  transition: 2s;
}

.howtochoose_inner .howto_fukidashi01 {
  top: -22%;
  left: 8%;
  width: 65%;
  transform: translateY(30px);
  transition: 3s;
}

.fadeInUp { opacity : 0; }


/*　新着情報　コンテンツ情報　*/
.index_newitem_contents {
margin: 5% 2% 0;
}

.index_newitem_list {
  position: relative;
  width: 100%;
}

.index_newitem_list a {
  position: relative;
  width: 100%;
  background-color: #fff;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  padding: 1em;
  box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  text-decoration: none;
  margin-bottom: 1em;
}

.index_newitem_list a .index_newitem_thumb {
  position: relative;
  width: 40%;
  overflow: hidden;
}

.index_newitem_list a .index_newitem_desc {
  position: relative;
  width: 55%;
  padding-left: 15px;
}

.index_newitem_list .txt_overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-size: 13px;
  color: #736d67;
}

.index_newitem_list a img.imghover {
width: 100%;
transition-duration: 0.5s;
text-overflow: hidden;
}

a:hover img.imghover {
transform: scale(1.2);
transition-duration: 0.8s;
}





	
/*テイスト別*/
main .taste_box li {
	padding: 1.2em 1em;
    color: #7b9db0;
    border-radius: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

main .taste_box li a { text-decoration: none; }
	
main .taste_box li .taste_name {
    font-size: 13px;
    font-weight: bold;
	text-align: center;
}

main .taste_box li:hover .taste_name { color:#c9a79e;}
	
main .taste_box li .taste_name .txt11 {
    font-weight: normal;
	margin: 0 0 .8em;
}
	
main .taste_box li .taste_name .txt11 .index_cate_name {
	text-align: center;
}
	
.top_cate .txt_overflow, .rank .txt_overflow {
	color: #453c36;
	}
	
/* ライブコマース告知 */
.notice {
  margin:  6% auto;
  text-align: center;
}

.notice img {
  width: 70%;
  margin-bottom: 10px;
}

.notice a {
  display: block;
  width: 94%;
  margin: 0 auto;
  color: #453c36;
  background: rgb(131,204,189);
  background: linear-gradient(90deg, rgba(131,204,189,0.6) 0%, rgba(131,183,204,0.6) 100%);
  padding: 3% 6%;
  border-radius: 50px;
  font-weight: bold;
  line-height: 1.65;
  font-size: .95em
}
	
/* ボックスデザイン 3col */	
main li.box11 {
    padding: .5em;
    color: #7b9db0;
    background: white;
    border-top: solid 3px #dfcbc7;
	border-radius: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
	
main li.box11:hover {
    border-top: solid 3px #c9a79e;
}
	
main .top_cate li.box11 {
	width: 46%;
	text-align: center;
	margin: 0 0 1em .8em;
}
	
main .top_cate .txt11 {
 display: block;
 line-height: normal;
}
	
main .top_cate li.box11 .index_cate_name {
	text-align: center;
	font-size: 12px;
}
    
/* ボックスデザイン 2col  アイテム一覧で使用 */	
main .col2-2_list li.box11 {
    padding: .3em;
	width: 47.5%;
	text-align: center;
	margin: 0 .4em .8em .25em;
    vertical-align: top;
}
    
main .col2-2_list li.box11 img {
    margin-bottom: .625em;
    }
    
main .col2-2_list li.box11 a .index_cate_name {
    font-weight: bold;
    padding: .2em 0 .5em;
    margin-bottom: .3em;
    border-bottom: 1px dotted #7d6b5854;
}
    
main .col2-2_list li.box11 p.txt {
    font-size: 11px;
    padding: .3em;
    line-height: 1.5;
}
    
main .col2-2_list .more {
    width: 94%;
    font-size: 10px;
    font-weight: bold;
    color: #453c36;
    border: 1px solid #453c36;
    background-color: #fff;
    margin: 3% auto 4%;
    padding: 3.5% 0;
    position: relative;
}
    
main .col2-2_list .more::before {
    content: "";
    }

main .col2-2_list .more::after {
    content: "\f105";
    font-family: "Font Awesome 5 Free", "FontAwesome";
    font-size: 120%;
    font-weight: 900;
    position: absolute;
    right: 5%;
    top: 18%;
}
    
main .more:hover {
 color: #fff;
 background-color: #453c36;
}


    
	
/* ランキング */
	
.container .slick-box3 { counter-reset:ranking -2;}
	
.container .slick-box3 .rank,
.container .slick-box3 .new {
	width: 23.6%;
	padding: .8em;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-top: solid 4px #e8e5de;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
 	margin: 0 .5em .5em .5em;
	position: relative;
	}
	
.container .slick-box3 .rank,
.container .slick-box3 .new {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;	
}
	
.container .slick-box3 .rank:before {
    counter-increment:ranking;
    content:counter(ranking);
	display: block;
	color: #ffffff;
	background-color: #453c36;
	border-radius: 50px;
	width: 22px;
	height: 22px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	z-index: 5;
	top: 5px;
	left: 5px;
	padding: 7px;
}
	
.container .slick-box3 .new_tag:before {
	content: "NEW";
	display: block;
	color: #ffffff;
	background-color: #d67361;
	border-radius: 50px;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	z-index: 5;
	top: 5px;
	left: 5px;
	padding: 12px 9px;
	height: 18px;
}

.container .slick-box3 .rank01:before { background-color: #cfb143; }
.container .slick-box3 .rank02:before { background-color: #818181; }
.container .slick-box3 .rank03:before { background-color: #9a733c; }
	
.container .slick-box3 .rank a { text-decoration: none;}
.container .slick-box3 .rank:hover {
	background-color: #f7f6f3;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
	}
	
.container .slick-box3 .txt11 { 
	display: block;
	margin-top: .8em;
	}
	
.container .slick-box3 .price {
	text-align: right;
	margin: 0 0 .5em;
	padding-bottom: .2em;
	}
	
/* カテゴリページ */
.cate_page li p {
 font-size: 11px;
}
main .right_contents .red {
 font-size: 12px;
}
main .right_contents .bold {
 display: block;
 font-size: 12px;
 margin-top: 5px;
}
main .col3_list a main .col3_list a:hover {
 color: #7d9676;
}
main .color span {
 font-size: 14px;
 vertical-align: middle;
 letter-spacing: 1px;
}
	
main .cate_txt {
	background-color: #f7f6f3;
	margin-top: 20px;
	padding: 2% 3%;
	font-size: 11px;
	}
	
main .cate_txt p { line-height: 2; }
	
/*  インフォメーション  */
.info_field {
 display: flex;
 flex-wrap: wrap;
 margin-top: 1em;
 margin-bottom: 1.2em;
}
.info_field div.delivery {
 width: calc(100%);
}
.info_field div.payment {
 width: calc(100%);
}
.info_field div.inquiry {
 width: calc(100%);
}
.dlList dt {
 margin-top: 0.9375em;
 padding-bottom: 3px;
 border-bottom: dotted 1px #666;
}
.dlList dd {
 padding: 3px;
}
.box_1530 {
 padding: .9375em 0;
}
.box_1515 {
 padding: .9375em 0;
}
/*  テキスト  */
.text_caption {
 font-size: 1.125em;
 margin-bottom: 0.625em;
}
/*  見出し  */
.title_center_2rows {
 padding-top: 3em;
}
.title_center_2rows .index {
 font-size: 1.1875rem;
 font-family: 'Rubik', sans-serif;
 font-weight: bold;
 color: #909090;
 line-height: 120%;
 text-align: center;
 overflow: hidden;
}
.title_center_2rows .subtitle {
 font-size: 0.9375rem;
 text-align: center;
}
.title_center_2rows .index span {
 display: inline-block;
 position: relative;
 z-index: 1;
}
.title_center_2rows .index span:before, .title_center_2rows .index span:after {
 content: "";
 border-bottom: 2px solid #7b9db0;
 width: 700px;
 margin: 0 15px;
 position: absolute;
 bottom: 10px;
}
.title_center_2rows .index span:before {
 right: 100%;
}
.title_center_2rows .index span:after {
 left: 100%;
}
.title_circle {
 width: 100%;
 text-align: center;
 margin-bottom: 5%;
}
.title_circle h4 {
 position: relative;
 display: inline-block;
 padding: 8px 40px;
 border-bottom: 2px solid #111;
 font-size: 120%;
 font-weight: normal;
}
.title_circle h4:before, .title_circle h4:after {
 content: "";
 display: block;
 width: 8px;
 height: 8px;
 border-radius: 50%;
 background: #111;
 position: absolute;
 bottom: -5px;
}
.title_circle h4:before {
 left: -4px;
}
.title_circle h4:after {
 right: -4px;
}
.title_icon {
 padding: 0.3em 0.5em;
 position: relative;
 font-size: 110%;
}
.title_icon:before {
 content: "\f105";
 font-family: "Font Awesome 5 Free", "FontAwesome";
 font-weight: 900;
 left: -.5em;
 position: absolute;
 padding: 0em;
}
.title_diy {
 width: 100%;
 margin-right: auto;
 margin-left: auto;
 color: #1e1e1e;
 font-size: 1.3125em;
}
.title_diy .index {
 font-family: 'Monda', sans-serif;
 color: #005982;
 font-size: 1.5em;
 text-align: left;
 padding-bottom: 5px;
}
.title_diy .subtitle {
 text-align: right;
}
.title_diy .index span {
 display: inline-block;
 position: relative;
 z-index: 1;
  content: "";
 -webkit-transform: rotate(-3deg);
 -moz-transform: rotate(-3deg);
 transform: rotate(-3deg);
 -o-transform: rotate(-3deg);
 -ms-transform: rotate(-3deg);
 border-bottom: solid 2px #005982;
 width: 100%;
}

.title_leftb {
 padding: .25em 0 .25em .75em;
 border-left: 6px solid #ccc;
 font-size: 1.75em;
}
.title_leftb span {
 display: block;
 margin-bottom: .2em;
 color: #aaa;
 font-size: .9em;
} 
 
/*  ボタン  */
.btn_square {
 display: table;
 margin-top: 2em;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 1em;
 width: 90%;
 padding: .5em .5em;
 text-align: center;
 text-decoration: none;
 font-size: 1em;
 color: #2B2B2B;
 border: solid 1px #2B2B2B;
 border-radius: 3px;
 transition: .4s;
 cursor: hand;
}
 
.btn_square a {
 display: block;
 width: 100%;
 cursor: hand;
 text-align: center;
} 
	
.btn_square p {
 text-align: center;
} 
 
.btn_square:hover {
 background: #89a88d;
 color: white;
}
 /* table */
table.table_base {
 width: 100%;
 border-bottom: 1px solid #999;
 margin-top: 1.5625em;
}
table.table_base td {
 display: block;
 padding: 10px;
}
table.table_base th {
 display: block;
 padding: 10px;
 border-top: none;
 border-bottom: none;
 background-color: #f7f6f3;
 border-top: 1px solid #999;
}
table.table_option {
 border: none;
}
table.table_option thead {
 display: none;
}
table.table_option tr {
 border-top: 1px solid #999;
 border-left: 1px solid #999;
 display: block;
 margin-bottom: 20px;
}
table.table_option td {
 border-right: 1px solid #999;
 border-bottom: 1px solid #999;
 display: block;
 padding: 10px;
 text-align: right;
}
table.table_option td::before {
 content: attr(data-label);
 float: left;
 font-weight: bold;
}
table.table_scroll {
 display: block;
 position: relative;
 border-collapse: collapse;
 width: 100%;
 text-align: center;
}
table.table_scroll thead {
 display: block;
 float: left;
 width: 100%;
}
table.table_scroll tbody {
 display: block;
 width: auto;
 position: relative;
 overflow-x: auto;
 white-space: nowrap;
 -webkit-overflow-scrolling: touch;
}
table.table_scroll th {
 display: block;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
 border-bottom: 1px solid #999;
 padding: 10px;
 background-color: #eee;
}
table.table_scroll td {
 display: block;
 border-right: 1px solid #999;
 border-bottom: 1px solid #999;
 padding: 10px;
}
table.table_scroll tr {
 display: inline-block;
	border-top: 1px solid #999;
}
table.table_scroll tbody tr {
 margin-right: -5px;
}
.table00 { border-collapse: collapse; width:100%; border: #b6b6b6 2px solid; }
.table00 th { border-top: #b6b6b6 1px solid; border-right: #b6b6b6 1px solid; border-left: #b6b6b6 1px solid; text-align: left; padding: 1%; font-weight: normal; background:#f5f5f5; text-align:center; }
.table00 td { border-top: #b6b6b6 1px solid; border-right: #b6b6b6 1px solid; padding: 1%; font-size:94%; vertical-align:middle; }
.dl_base {
 margin: 1.5625em 0.625em 0 0.625em;
}
.dl_base p {
 padding-top: 0.625em;
 padding-bottom: 1.875em;
}
.dl_base dl {
 width: 100%;
}
.dl_base dt {
 font-size: 1.1875em;
}
.dl_base dd {
 padding-top: 0.625em;
 padding-left: 0.9375em;
 padding-bottom: 1.875em;
}
.map {
 width: 100%;
 margin: 3.125em auto;
}
	
	
		
/*  選ぶ方タブ */
.tab-content input[type="radio"] { display: none; }

.tab-content label {
  position: relative;
  display: inline-block;
  width: 25%;
  padding: 1em .5em;
  font-weight: bold;
  font-size: 12px;
  color: #473f37;
  background-color: #f1eee8;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
  transition: all 0.5s ease;
  border-top: solid 4px #f7f6f3;
}
.tab-content input[type="radio"]:checked + label {
  color:#fff;
  background-color:#d0c5ad;
  border-top: solid 2px #d0c5ad;
}
.tab-content label:hover {
  background-color:#ece9e4;
}
.tab-content label::after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 8px solid transparent;
    border-top-color: #f1eee8;
    top: 100%;
    left: 47%;
}
	
.tab-content input[type="radio"]:checked + label::after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 8px solid transparent;
    border-top-color: #d0c5ad;
    top: 100%;
    left: 47%;
}

.tab-content .tab-box {
  width: 100%;
	height: auto;
	margin: 0 auto;
  padding: 2em 1em;
	background-color: #fff;
  box-sizing: border-box;
}

.tab-content > .tab-box > div { display: none; }
#tab1:checked ~ .tab-box > #tabView1 { display: block; }
#tab2:checked ~ .tab-box > #tabView2 { display: block; }
#tab3:checked ~ .tab-box > #tabView3 { display: block; }
#tab4:checked ~ .tab-box > #tabView4 { display: block; }
#tab5:checked ~ .tab-box > #tabView5 { display: block; }
.tab_rbox {
	float: left;
	width: 50%;
	}
.tab-content {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	}
	
main .fl_box {
	width: 100%;
	margin: 0 0 .8em 0;
	padding: 0 1% 1%;
}
main .fl_box .txt11 { font-size: 13px; }
	
.col4_list li.bo_none,
.col3_list li.bo_none {
	border: none;
	box-shadow: none;
	padding: 0;
	border-radius: 0;
	}
	
/* C1グランプリ・お客様レビュー */
.review_box { padding:  0 .5em; }
.review_box li:first-child { border-top: 1px dotted #cccccc; }
.review_box li:last-child { margin-bottom: 10px; }
.review_box li { padding: 20px 0; border-bottom: 1px dotted #cccccc;}
.review_box li .taste_name { font-size: 90%; padding-bottom: 3px; font-weight: bold; }
.review_box li .taste_name:hover { text-decoration:underline; }
.review_box li img { display: block; float: left; margin-right: 15px; width: 80px;}
.review_box li a { text-decoration: none;}
.review_box li .txt11 { font-size: 10px;}
.h300 { height: auto; }

    
/* サイドナビ　こだわりから探す　タブ */
.left_contents .tab-content_left {
    list-style: none;
    font-family: "Font Awesome 5 Free", "FontAwesome";
    font-weight: 900;
    line-height: 1;
    background-color: #e8e5de;
    margin: 0 0 -25px;
    padding: 0;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
}  
    
.tab-content_left input[type="radio"] { display: none; }

.tab-content_left label {
  position: relative;
  display: inline-block;
  width: 20%;
  padding: 1em .5em;
  font-weight: bold;
  font-size: 12px;
  color: #473f37;
  background-color: #f1eee8;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
  transition: all 0.5s ease;
  border-top: solid 4px #f7f6f3;
}
.tab-content_left input[type="radio"]:checked + label {
  color:#fff;
  background-color:#d0c5ad;
  border-top: solid 2px #d0c5ad;
}
.tab-content_left label:hover {
  background-color:#ece9e4;
}
.tab-content_left label::after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 6px solid transparent;
    border-top-color: #f1eee8;
    top: 100%;
    left: 40%;
    margin-bottom: 10%;
}
	
.tab-content_left input[type="radio"]:checked + label::after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 6px solid transparent;
    border-top-color: #d0c5ad;
    top: 100%;
    left: 40%;
    margin-bottom: 100px;
}

.tab-content_left .tab-box {
  width: 100%;
	height: auto;
	margin: 0 auto;
  padding: 0;
	background-color: #fff;
  box-sizing: border-box;
}

.tab-content_left > .tab-box > div { display: none; }
#tab1:checked ~ .tab-box > #tabView1 { display: block; }
#tab2:checked ~ .tab-box > #tabView2 { display: block; }
#tab3:checked ~ .tab-box > #tabView3 { display: block; }
#tab4:checked ~ .tab-box > #tabView4 { display: block; }
#tab5:checked ~ .tab-box > #tabView5 { display: block; }

.left_contents .tab-content_left .slist_wrap li {
    float: left;
    width: 24.9%;
    font-size: 11px;
    text-align: center !important;
    padding: 1em 1em .4em;
    border-right: 1px dotted #e5e5e5;
    border-bottom: 1px dotted #e5e5e5;
}
    
.left_contents .tab-content_left .slist_wrap li:nth-child(4n){ border-right: none;}
.left_contents .tab-content_left .slist_wrap .bo_none { border-bottom: none;}
.left_contents .tab-content_left .slist_wrap li:nth-child(-n+4) { padding-top: 15px;}
.left_contents .tab-content_left .slist_wrap li a { text-decoration: none; }
.left_contents .tab-content_left .slist_wrap li:nth-child(-n+4) { padding-top: 15px;}
.left_contents .tab-content_left .slist_wrap li p { line-height: 1.3; margin-top: 5px; text-align: center;}
    
    
/* カテゴリページ　新着 */
main .new_list { background-color:rgba(247,246,243,0.8); border-radius: 5px; margin: 4em 0 3em; padding: 1em .6em 1em 1.4em; }
main .new_list .col4_list li {margin: 0 .6em 1em 0;}  
main .new_list .col4_list li:nth-child(4n), main .new_list .col4_list li:nth-child(3n) { margin-right: .6em;}

.slick-dots li button { padding-top: 1em; }
main .new_list .slick-prev { left:0; }
main .new_list .slick-next { right:0; }
#slick-slide00, #slick-slide01, #slick-slide02, #slick-slide03, #slick-slide04, #slick-slide05, #slick-slide06, #slick-slide07, #slick-slide08, #slick-slide09, #slick-slide010, #slick-slide011, #slick-slide012, #slick-slide013, #slick-slide014, #slick-slide015 {
    width: 0;
    padding: .5em;
    border: none;
    background-color: none;
    box-shadow: none;
    margin: 0 3px;
}
main .new_list .slick-dots li button:before {
    font-size: 8px;
    text-align: left;
    background-color:rgba(247,246,243,0.8);
}


/* よくある質問 */
main .faq {font-size:14px ;}
main .faq dt {
padding: 10px 10px 10px 35px;
border-radius: 5px;
background: #f3efee;
text-indent: -25px;
}
main .faq dt:before {
content: "Q.";
font-weight: bold;
margin-right: 7px;
}
main .faq dd {
margin: 10px 10px 25px 35px;
text-indent: -25px;
}
main .faq dd:before {
content: "A.";
color: #c9a79e;
font-weight: bold;
margin-right: 7px;
}

.info_scam { font-size: .875em; text-align: center; margin-bottom: 2em;}

.spbr_::before {
    content: "\A";
    white-space: pre;
}

.tomoyasu_bnr {
    padding: 2.5em 0;
    margin: 2.5em 0;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

.tomoyasu_bnr .midashi {
    text-align: center;
    line-height: 1.8;
    font-size: 1.25em;
}

.tomoyasu_bnr .bnr_img {
    padding-top: 2em;
}

    
	
}