@charset "utf-8";
/* CSS Document */

/*! CSS Used from: /user_data/master/css/design.css ; media=all */
@media all{
a:hover{opacity:0.8;}
*{box-sizing:border-box;}
a{text-decoration:none;color:#333;}
h2,h3,h4,p,a{list-style-type:none;padding:0;margin:0;box-sizing:border-box;}

.main__content--free h1 {
    font-size: 2.2rem;
}
.sp-only{display:none;}
@media screen and (max-width: 667px){
.sp-only{display:block;}
.main__content--free h1 {
    font-size: 1.6rem;
}
}



/*! CSS Used from: Embedded */
.eco-tote-bag p{margin:0;padding:0;}
img{-webkit-backface-visibility:hidden;}
.btn{display:table;}
.btn-body{display:table-cell!important;vertical-align:middle;}
.article{font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;}



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

.article-header .picture{width:100%;}
.btn{display:table;}
.btn-body{display:table-cell!important;vertical-align:middle;}
@media only screen and (max-width: 660px){
.ac-trigger{position:relative;margin-top:0;}
}

.article-header{display:flex;width:100%; flex-wrap:wrap;  justify-content: space-between;align-items: center;}
.article-header .figure{max-width:400px; width:35%}
@media screen and (max-width: 660px){
.article-header .figure{display:block;width:80%;margin:0 auto;}
}
.article-header .figure .picture{width:100%;}
.article-header .comment{width:62%}
@media screen and (max-width: 660px){
.article-header .comment{display:block;width:100%;height:auto;margin:1.5em 0 0;padding-left:0;}
}
.article-header .comment .headline{text-align:center;font-size:26px;font-style:normal;font-weight:900;line-height:1.2;color:#c00;}
@media only screen and (max-width: 667px){
.article-header .comment .headline{font-size:16px;}
}
.article-header .comment .sentence{margin-top:1em;font-size:20px;line-height:1.5;}
@media only screen and (max-width: 667px){
.article-header .comment .sentence{width:100%;margin-top:1em;font-size:16px;line-height:1.4;}
}


/*ページメニュー*/

.page-menu{display:flex;width:100%;margin:40px auto 0;}
@media only screen and (max-width: 667px){
.page-menu{flex-wrap:wrap;margin:15px auto 0;}
}
.page-menu_list{background-color:#83b600;border-radius:5px;display:table;width:25%;margin:0 0 0 10px;padding:5px;transition:0.3s;}
@media only screen and (max-width: 667px){
.page-menu_list{width:100%;margin:10px 0 0;}
}
.page-menu_list:hover{opacity:0.8;}
.page-menu .page-menu_list:first-child{margin-left:0;}
.page-menu_list .list-inner{border:1px solid #fff;border-radius:4px;display:table-cell;vertical-align:middle;text-align:center;height:4.4em;font-size:15px;font-weight:900;line-height:1.3;color:#fff;}
@media only screen and (max-width: 667px){
.page-menu_list .list-inner{height:3.2em;}
}
.page-menu_list .list-inner .span{display:block;font-size:1.5em;}
@media only screen and (max-width: 667px){
.page-menu_list .list-inner .span{font-size:1.2em;}
}



/*おすすめ特集*/
.sub-heading_banner{background-color:#fdfdeb;width:100%;margin-top:30px;padding:30px;}
.sub-heading_banner .figure{ width:55%; height: auto;}
.sub-heading_banner .figure .picture{width:100%;}
.sub-heading_banner .headline{font-weight:normal;width:43%;height: auto;line-height:1.4; font-size:0.9rem}
@media only screen and (max-width: 667px){
.sub-heading_banner{margin-top:15px;padding:20px;}
.sub-heading_banner .figure{width:100%;}
.sub-heading_banner .headline{width:100%;margin-top:10px;}

}


/*スライダー*/
.select-item-box{width:100%;margin:20px 0 0;}
.select-item-box .headline{background-color:#75d9cd;display:table;width:100%;}
.select-item-box .headline .inner{display:table-cell;vertical-align:middle;height:40px;padding:0 20px;font-family:noto-sans-cjk-jp, sans-serif;font-size:18px;font-style:normal;font-weight:700;line-height:1;color:#fff;}
@media only screen and (max-width: 667px){
.select-item-box .headline .inner{padding:8px 10px;font-size:1.0rem;line-height:1.2;}
}
.select-item-box_body{background-color:#fcfbec;padding:20px 15px;}
@media only screen and (max-width: 667px){
.select-item-box_body{padding:20px 15px 10px;overflow:hidden;}
}



.slider-item{column-count:1;display:flex;}

@media only screen and (min-width: 668px){
.slider-item{column-count: 3;display:flex;}
}
.slider-item_list{background-color:#fff;background-image:url(../../images/common/icon_corner-triangle.png);background-position:right bottom;background-repeat:no-repeat;background-size:14px 14px;}
.slider-item.col3 .slider-item_list{width:33%;}
@media only screen and (max-width: 667px){
}
.slider-item_list .list-inner{display:block;width:100%;height:100%;padding:10px 10px 30px;}
@media only screen and (max-width: 667px){
.slider-item_list .list-inner{padding:10px 10px 20px;}
}
.slider-item_list .list-inner .figure,.slider-item_list .list-inner .figure .picture{width:100%;}
.slider-item_list .list-inner .description{margin:10px 0 0;}
.slider-item_list .list-inner .description.icon-rank{background-position:left top;background-repeat:no-repeat;background-size:38px 38px;padding:0 0 0 40px;}
@media only screen and (max-width: 667px){
.slider-item_list .list-inner .description.icon-rank{background-size:20px 20px;padding:0 0 0 25px;}
}
.slider-item .slider-item_list .description.icon-rank.rank1{background-image:url(../../images/common/rank_ic_01.svg);}
.slider-item .slider-item_list .description.icon-rank.rank2{background-image:url(../../images/common/rank_ic_02.svg);}
.slider-item .slider-item_list .description.icon-rank.rank3{background-image:url(../../images/common/rank_ic_03.svg);}
.slider-item_list .list-inner .description .item-name{display:table;}
@media only screen and (max-width: 667px){
.slider-item_list .list-inner .description .item-name{display:block;}
}
.slider-item_list .list-inner .description .item-name .item-name_inner{display:table-cell;vertical-align:middle;height:3.5em;font-family:noto-sans-cjk-jp, sans-serif;font-size:14px;font-style:normal;font-weight:700;line-height:1.2;}
@media only screen and (max-width: 667px){
.slider-item_list .list-inner .description .item-name .item-name_inner{font-size:13px;}
}
.slider-item_list .list-inner .description .item-kakaku{margin:0.5em 0 0;font-family:noto-sans-cjk-jp, sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:1.2;}
@media only screen and (max-width: 667px){
.slider-item_list .list-inner .description .item-kakaku{font-size:12px;}
}
.slider-item_list .list-inner .description .item-kakaku .kakaku-yen{display:block;font-weight:700;color:#c00;}

.select-item-box{margin:50px auto 0;}
.select-item-box .headline{background-color:#83b600;}
.spec-list{display:table;width:100%;}
.spec-dt,.spec-dd{display:table-cell;vertical-align:middle;line-height:1.2; font-size:0.8rem}
.spec-dt{width:20%;}
.spec-dd{width:80%;}
.spec-dd:before{content:"：";}


.slider-item .slick-prev,
.slider-item .slick-next { display: inline-block ;position: absolute; top: 50%; z-index:100;}
.slider-item .slick-prev { left: -15px; }
.slider-item .slick-next { right: -15px; }
.slider-item .slick-prev:before,
.slider-item .slick-next:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.slider-item .slick-prev:before { content:"\f053"; }
.slider-item .slick-next:before { content:"\f054"; }




/*! おすすめバナー複数 */
.recommended{width:98%;margin:23px auto 0;}
.recommended .column-list .figure .picture{display:block;width:100%;}
.recommended .column-list:hover{opacity:0.7;}
.recommended .column{column-count: 3;}
.recommended .column-list{width:100%;transition:0.3s; margin-bottom:15px;}


@media only screen and (max-width: 667px){
.recommended{width:100%;}
.recommended .column{column-count: 2}
}







.bag-cloth{margin-top:23px;}
.bag-cloth .column{display:flex;flex-wrap:wrap;padding:0; justify-content: space-around;}
.bag-cloth .column-list{position:relative;background-color:#fff;border:1px solid #83b600;padding:10px;transition:0.3s; margin-bottom:10px;list-style: none;
width:24%;
  }
@media only screen and (max-width: 667px){
.bag-cloth .column-list{width:48%;height:auto;margin-left:0;padding-bottom:30px;}
}


.bag-cloth .column-list:hover{opacity:0.7;}
.bag-cloth .column-list .header{position:relative;border:none;border-radius:0;display:table;width:100%;padding:10px 0 0;text-align:center;color:#333;}
@media only screen and (max-width: 667px){
.bag-cloth .column-list .header{display:block;}
}
.bag-cloth .column-list .header .item-name{display:table-cell;vertical-align:bottom;width:55%;text-align:left;font-size:16px;font-weight:bold;line-height:1;}
@media only screen and (max-width: 667px){
.bag-cloth .column-list .header .item-name{display:block;width:100%;font-size:15px;line-height:1.2;}
}
.bag-cloth .column-list .header .assortment{display:table-cell;vertical-align:bottom;width:45%;text-align:right;font-weight:bold;line-height:1;color:#83b600;}
@media only screen and (max-width: 667px){
.bag-cloth .column-list .header .assortment{display:block;width:100%;margin:0.5em 0 0;text-align:left;}
}
.bag-cloth .column-list .header .assortment .strong{font-size:2em;}
.bag-cloth .column-list .sentence{margin-top:20px;height:5em; font-size:0.8rem;}
@media only screen and (max-width: 667px){
.bag-cloth .column-list .sentence{margin-top:10px;height:6em;}
}
.bag-cloth .column-list .figure .picture{width:100%;}
.btn.common{border-radius:5px;width:720px;height:40px;margin:38px auto 0;text-align:center;transition:0.3s;}
@media only screen and (max-width: 667px){
.btn.common{width:100%;height:40px;margin:1.5em auto 0;}
}
.btn.common:hover{opacity:0.7;}
.btn.common .btn-body{width:720px;height:40px;font-size:18px;font-weight:bold;line-height:1;color:#fff;}
@media only screen and (max-width: 667px){
.btn.common .btn-body{width:100%;font-size:14px;}
}
.btn.common.color--red{background-color:#c00;}



.subheading-box .subheading{background-color:#cbe86b;padding:0 21px;font-size:13px;line-height:2.2;color:#333;}
.article-section > .subheading-box{padding-bottom:40px;}
.subheading-box .subheading + .sentence{margin:1em 0 0;padding:0 0 0 21px;font-size:15px;line-height:1.7;}








.select-item-form .column{display:flex;flex-wrap:wrap;margin-top:23px;padding:0; justify-content: space-around;}
.select-item-form .column-list{
	min-height:160px;
	page-break-inside: avoid;
  break-inside: avoid;
  border:2px solid #333;box-shadow:2px 2px 2px #ccc;width:45%;padding:5px;text-align:center;font-size:13px;transition:0.3s; box-sizing:border-box;}
.select-item-form .column-list .btn-body{
	background-position:center top;background-repeat:no-repeat;background-size:55%;box-sizing:border-box;padding:100px 0 0;
	font-size:14px;border:1px dotted #333;font-weight:bold;line-height:1.2;color:#333; width:100%;}



@media only screen and (min-width: 668px){
.select-item-form .column{margin-top:23px;}
.select-item-form .column-list{height:140px; width:30%}
.select-item-form .column-list .btn-body{background-position:left 10px center;background-size:100px 120px;}
.select-item-form .column-list .btn-body{padding:0 0 0 90px;font-size:18px;}
}

.select-item-form .column-list.flat .btn-body{background-image:url(../../images/large-category/eco-tote-bag/illust_flat.png);}
.select-item-form .column-list.funazoko .btn-body{background-image:url(../../images/large-category/eco-tote-bag/illust_funazoko.png);}
.select-item-form .column-list.kakuzoko .btn-body{background-image:url(../../images/large-category/eco-tote-bag/illust_kakuzoko.png);}
.select-item-form .column-list.shoulder .btn-body{background-image:url(../../images/large-category/eco-tote-bag/illust_shoulder.png);}
.select-item-form .column-list.fastner .btn-body{background-image:url(../../images/large-category/eco-tote-bag/illust_fastner.png);}
.select-item-form .column-list.kawaridane .btn-body{background-image:url(../../images/large-category/eco-tote-bag/illust_kawaridane.png);}
.select-item-form .column-list .btn-body .span{display:block;}
.select-item-form .column-list:hover{opacity:0.7;}






.select-item-size{display:flex;flex-wrap:wrap;margin-top:23px;padding:0 30px; justify-content: space-around;}
@media only screen and (max-width: 667px){
.select-item-size{display:block;margin-top:10px;padding:0;}
}
.select-item-size_list{border:1px solid #333;box-shadow:2px 2px 2px #ccc;width:30%;padding:15px 10px 10px;text-align:center;font-size:13px;transition:0.3s;box-sizing:border-box;}
@media only screen and (max-width: 667px){
.select-item-size_list{border:none;border-bottom:1px solid #ccc;box-shadow:none;width:98%;margin-left:0;padding:10px 1%;text-align:left;font-size:13px;}
.select-item-size .select-item-size_list:last-child{border-bottom:none;}
}
.select-item-size_list_inner{display:block;width:100%;}
@media only screen and (max-width: 667px){
.select-item-size_list_inner{display:table;}
}
.select-item-size_list .figure{width:100%;}
@media only screen and (max-width: 667px){
.select-item-size_list .figure{display:table-cell;vertical-align:middle;width:30%;}
}
.select-item-size_list .figure .picture{display:block;width:100%;}
.select-item-size_list .btn{background-color:#83b600;border-radius:3px;width:100%;height:43px;margin:10px 0 0;padding:3px;text-align:center;transition:0.3s;}
@media only screen and (max-width: 667px){
.select-item-size_list .btn{background-color:#fff;border-radius:3px;width:95%;height:auto;margin:0;padding:0 0 0 5%;text-align:left;}
}
.select-item-size_list .btn-body{border:1px solid #fff;border-radius:0;width:222px;height:37px;padding:0;font-size:17px;font-weight:bold;line-height:1;color:#fff;box-sizing:border-box;}
@media only screen and (max-width: 667px){
.select-item-size_list .btn-body{position:relative;border:none;width:100%;height:89px;font-size:16px;color:#333;}
.select-item-size_list .btn-body:after{content:"\f054";position:absolute;top:37px;right:0;display:block;font-family:"Font Awesome 5 Free";font-size:16px;color:#333;}
}









.select-item-color{display:flex;flex-wrap:wrap;width:100%;margin:30px auto 0;  }
.select-item-color_list{display:block;width:16%;text-align:center; margin-bottom:20px;}
@media screen and (max-width: 660px){
.select-item-color_list{display:block;width:25%;}
}

.select-item-color_list a{background:none;border:none;display:block;width:100%;text-align:center;font-size:13px;line-height:1;color:#555;}
.select-item-color a span{background-color:#fff;border-radius:50px;display:block;width:57px;height:57px;margin:0 auto 8px;}
.select-item-color a span.color1{background-color:#ffc;}
.select-item-color a span.color2{background-color:#f00;}
.select-item-color a span.color3{background-color:#fcc;}
.select-item-color a span.color4{background-color:#f90;}
.select-item-color a span.color5{background-color:#339;}
.select-item-color a span.color6{background-color:#360;}
.select-item-color a span.color7{background-color:#999;}
.select-item-color a span.color8{background-color:#960;}
.select-item-color a span.color9{background-color:#09C;}
.select-item-color a span.color10{background-color:#000;}
.select-item-color a span.color11{border:1px solid #ccc;}




.article-section{margin-top:47px;}
.article-section > .headline{background-color:#83b600;width:100%;padding-left:18px;font-size:17px;font-weight:bold;line-height:2;color:#fff;}
@media only screen and (max-width: 667px){
.article-section > .headline{padding:0.5em 1em;line-height:1.2;}
}
.type-select{display:flex;flex-wrap:wrap;width:100%;justify-content: space-around;}
.type-select .btn{border:2px solid #ffc305;border-radius:10px;width:30%;margin:20px 0 0 0;}
@media only screen and (max-width: 667px){
.type-select .btn{width:49%;margin:10px 0 0 0;}
}
.type-select .btn:first-child{background-color:#ffc305;}
.type-select .btn:nth-child(2){background-color:#ffaa01;}
.type-select .btn:nth-child(3){background-color:#ffaa01;}
.type-select .btn:nth-child(4){background-color:#ff9801;}
.type-select .btn:nth-child(5){background-color:#ff8601;}
.type-select .btn:nth-child(6){background-color:#ff5c01;}
@media only screen and (max-width: 667px){
.type-select .btn:nth-child(even){margin-left:2%;}
}
.type-select .btn .btn-body{height:3em;text-align:center;font-family:noto-sans-cjk-jp, sans-serif;font-size:15px;font-style:normal;font-weight:700;line-height:1;color:#fff;}
@media only screen and (max-width: 667px){
.type-select .btn .btn-body{font-size:13px;}
}
.type-select .btn .btn-body .size-large{font-size:1.4em;}

/*! CSS Used from: /user_data/master/css/design.css ; media=all */
@media all{
a:hover{opacity:0.8;}
*{box-sizing:border-box;}
a{text-decoration:none;color:#333;}
h3,h4,p,table,td,th,a{list-style-type:none;padding:0;margin:0;box-sizing:border-box;}
table{border-collapse:collapse!important;}
th{padding:5px;text-align:center;background-color:#efefef;}
td{padding:5px;text-align:left;}
.category-title--border{margin:60px 0 10px 0;}
.category-title--border.color--red{border-bottom:1px solid #f00;}
.more-info_btn{background-color:#c00;border-radius:5px;display:table;}
.more-info_btn-body{display:table-cell;vertical-align:middle;height:2em;padding:0 3em;font-family:noto-sans-cjk-jp, sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.2;color:#fff;}
@media only screen and (max-width: 667px){
.more-info_btn-body{padding:0 1em;}
}
.common-right-link{margin:20px 0 0;}
@media only screen and (max-width: 667px){
.common-right-link{margin:10px 0 0;}
}
.common-right-link .more-info_btn{margin:0 0 0 auto;}
@media only screen and (max-width: 667px){
.common-right-link .more-info_btn{margin:0 auto;}
}



.btn{display:table;}
.btn-body{display:table-cell!important;vertical-align:middle;}
@media only screen and (max-width: 660px){
.ac-trigger{position:relative;margin-top:0;}
}
@media screen and (max-width: 667px){
.unique-contents{padding-bottom:5em;}
}
}
/*! CSS Used from: Embedded */
img{-webkit-backface-visibility:hidden;}
.btn{display:table;}
.btn-body{display:table-cell!important;vertical-align:middle;}
.print-bag .column{margin-top:23px;display:flex;flex-wrap:wrap;margin-top:23px; justify-content: space-around; }
.print-bag .column-list{width:48%;}
@media only screen and (max-width: 667px){
.print-bag .column-list{width:100%;margin-left:0;}
}
.print-bag .column-list:first-child{margin-left:0;}
@media only screen and (max-width: 667px){
.print-bag .column-list:nth-child(even){margin-top:2em;}
}
.print-bag .column-list:after{content:"\0020";clear:both;display:block;}
.print-bag .column-list .figure,.print-bag .column-list .comment{float:left;}
.print-bag .column-list .figure{width:200px;}
@media only screen and (max-width: 667px){
.print-bag .column-list .figure{width:35%;}
.print-bag .column-list .figure .picture{display:block;width:100%;}
}
.print-bag .column-list .comment{width:220px;padding:7px 9px;}
@media only screen and (max-width: 667px){
.print-bag .column-list .comment{width:65%;padding:0 0 0 9px;}
}
.print-bag .column-list .comment .headline{font-size:16px;line-height:1;color:#333;}
.print-bag .column-list .comment .sentence{margin-top:14px;font-size:13px;line-height:1.7;}
@media only screen and (max-width: 667px){
.print-bag .column-list .comment .sentence{margin-top:0.5em;font-size:12px;line-height:1.2;}
}







.eco-tote-bag_relation-item_inner{ column-count: 2; margin-top:30px;}
.eco-tote-bag_relation-item_list{
  width:100%;
  page-break-inside: avoid;
  break-inside: avoid;
}
.eco-tote-bag_relation-item_list .btn-body{font-size:0.7rem;line-height:1.2;text-align:center;font-weight:bold;line-height:1;color:#000; height:3em; }
.eco-tote-bag_relation-item_list .btn{background-color:#fff;border:1px solid #c00;border-radius:5px;box-sizing:border-box;box-shadow:2px 2px 2px #ccc;width:100%;transition:0.3s;}
.eco-tote-bag_relation-item_list .btn:hover{background-color:#c00;opacity:1;}
.eco-tote-bag_relation-item_list .btn:hover .btn-body{color:#fff;opacity:1;}

@media only screen and (min-width: 668px){
.eco-tote-bag_relation-item_inner{ column-count: 3;}
.eco-tote-bag_relation-item_list .btn-body{font-size:1.0rem;}

}





@media only screen and (max-width: 667px){
.merit-table-scroll{overflow:auto;white-space:nowrap;}
}
.merit-table{border-top:1px solid #ccc;border-left:1px solid #ccc;width:100%;margin:10px auto 0;}
.merit-table th,.merit-table td{background-color:#fff;border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:14px 11px;}
.merit-table tr th{position:relative;width:50%;}
.th-headline{text-align:left;font-size:20px;font-weight:bold;line-height:1;}
.th-contents{display:table;width:100%;}
.th-contents .figure,.th-contents .commentary{display:table-cell;vertical-align:middle;text-align:left;}
.th-contents .figure{width:30%;padding-right:2%;}
.th-contents .figure .picture{width:100%;}
.th-contents .commentary{width:68%;text-align:left;font-size:14px;line-height:1.3;}
.merit-table td{vertical-align:top;}
.td-headline{display:table;width:100%;}
.td-headline p.text{background-position:left center;background-repeat:no-repeat;background-size:50px;display:table-cell;vertical-align:middle;height:50px;padding-left:60px;font-size:16px;}
@media only screen and (max-width: 667px){
.merit-table p.text{background-size:40px;font-size:14px;}
}
.td-headline.tannouki p.text{background-image:url(../../images/large-category/eco-tote-bag/tannouki.jpg);}
.td-headline.shoulot p.text{background-image:url(../../images/large-category/eco-tote-bag/shoulot.png);}
.td-headline.shoulot-one p.text{background-image:url(../../images/large-category/eco-tote-bag/shoulot-one.png);}
.merit-table p.text.color--red{color:#f00;}
.merit-table td .sentence{margin:0.5em 0 0;font-size:15px;line-height:1.4;}
.merit-table strong{font-size:1.6em;font-weight:normal;}
.merit-table .small{font-size:0.5em;}
.article-section{margin-top:47px;}
.article-section > .headline{background-color:#83b600;width:100%;padding-left:18px;font-size:17px;font-weight:bold;line-height:2;color:#fff;}
@media only screen and (max-width: 667px){
.article-section > .headline{padding:0.5em 1em;line-height:1.2;}
}
.common-link-text{color:#2f84ed;}