/*** HANDS NET CSS Document ******************************************

	style-renewal.css

**********************************************************************

  0 共通モジュール
  ・modItemList（写真上と下にタイトル、説明文、値段が配置されたリスト）
  ・modArticleList（写真左と右にタイトル、日付、見られた数、タグ、説明文、が配置されたリスト）

	1	トップ

	2	カテゴリトップ

	3	特集

	4	検索結果

	5	新 商品一覧

	5	新 商品詳細

	6	ショッピングカート

	7	ログイン

	8	注文

	9	マイページ

	10	お問い合わせ

	11	その他

  13	サイトマップ

******************************************************************* */



/*--------------------------------------------------------------------

	0	共通モジュール

--------------------------------------------------------------------*/

/* modItemList
--------------------------------------*/
.r201902 input,
.r201902 textarea,
.r201902 select,
.r201902 button,
.r201902 {
font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", "Yu Gothic";
}
.r201902 textarea{
outline:none;
background: #F5F5F7;
border: 1px solid #aaa;
border-radius: 2px;
}
.r201902 textarea.error{
border: 1px solid #B51119;
}
.r201902 textarea:focus{
background: #fff;
border: 1px solid #007236;
}
/* エラーメッセージ */
.r201902 .errorText{
font-size: 13px;
color: #B51119;
line-height: 12px;
}
.r201902 a.link{
background-image: none;
}
.modItemList{
display: flex;
list-style: none;
padding: 0;
margin: 0 -15px 40px;
}
.modItemList .item{
margin: 0 15px;
max-width:216px;
}
.modItemList .item .wrap{
display: block;
}
.modItemList .item .wrap:hover{
text-decoration: none;
opacity: 0.7;
}
.modItemList .item .photo{
margin-bottom: 10px;
}
.modItemList .item .photo img{
width: 100%;
height: auto;
border: 2px solid #aaa;
}
.modItemList .item .detail{
color: #000;
font-size: 16px;
font-weight: bold;
line-height: 1.7;
}
.modItemList .item .price{
margin-top: 5px;
color: #B51119;
}


/* modArticleList
--------------------------------------*/
.modArticleList{
list-style: none;
padding: 0;
margin: 0;
}
.modArticleList .item{
display: flex;
padding: 16px;
margin-bottom: 16px;
background-color: #fff;
border-radius: 2px;
box-shadow: 0 1px 0 #d4d4d4;
}
.modArticleList .photo{
margin-right: 16px;
width: 300px;
min-width: 300px;
max-height: 162px;
overflow: hidden;
}
.modArticleList .photo a{
margin-top:81px;
display:block;
transform:translateY(-50%);
}
.modArticleList .photo img{
width: 100%;
border-radius: 2px;
}
.modArticleList .detail{
flex-grow: 2;
}
.modArticleList .detail .title{
padding-bottom: 16px;
margin: 0 0 16px;
color: #000;
font-size: 18px;
font-weight: bold;
border-bottom: 1px solid #007236;
}
.modArticleList .item.blog .detail .title{
border-color: #A0306C;
}
.modArticleList .detail .title a{
color: #000;
}
.modArticleList .detail .function{
display: flex;
align-items: center;
margin-bottom: 10px;
}
.modArticleList .detail .function .date{
margin-right: 16px;
color: #4d4d4d;
font-size: 13px;
white-space: nowrap;
}
.modArticleList .detail .function .view{
margin-right: 16px;
color: #4d4d4d;
font-size: 13px;
white-space: nowrap;
}
.modArticleList .detail .function svg{
width:16px;
height:10px;
margin-right:6px;
display: inline-block;
}
.modArticleList .detail .function .type{
margin-right: 16px;
font-size: 13px;
white-space: nowrap;
}
.modArticleList .item.blog .detail .function .type{
color: #A0306C;
}
.modArticleList .detail .function .modTagList{
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0 0 -6px 0;
}
.modArticleList .detail .function .modTagItem{
margin: 0 8px 6px 0;
white-space: nowrap;
}
.modArticleList .item.blog .detail .function .modTagItem{
background-color: #A0306C;
}
.modArticleList .detail .description{
margin: 0;
color: #4d4d4d;
font-size: 16px;
line-height: 1.8;
}
.modArticleList .detail .readMore{
text-align: right;
}



/*--------------------------------------------------------------------

		3	特集

--------------------------------------------------------------------*/

/* modSpecialList
--------------------------------------*/
#modSpecialList .modHeading.design2{
margin: 60px 0 32px;
}
#modSpecialList .title{
margin: -.75em 0 30px;
font-size: 24px;
}
#modSpecialList .list{
padding: 0;
}
#modSpecialList .list .item{
margin-bottom: 16px;
background-color: #fff;
list-style: none;
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.25);
}
#modSpecialList .list .item.border{
box-shadow: none;
border: 1px solid #AAAAAA;
}
#modSpecialList .list .item {
display: flex;
padding: 16px;
}
#modSpecialList .list .item  .image{
min-width: 275px;
margin-right: 16px;
}
#modSpecialList .list .item  .image img{
width: 275px;
border: 2px #aaa solid;
}
#modSpecialList .list .item  .text{
width: 100%;
margin-top: -.25em;
}
#modSpecialList .list .item  .text .articleTitle {
margin-bottom: 10px;
font-size: 18px;
font-weight: bold;
}
#modSpecialList .list .item  .text .articleTitle a{
color: #000;
}
#modSpecialList .list .item  .text .description{
margin-bottom: 1em;
font-size: 16px;
color: #4d4d4d;
line-height: 1.85;
}
#modSpecialList .list .item  .text .button{
float: right;
width: auto;
min-height: inherit;
padding: 0 12px;
font-size: 16px;
font-weight: normal;
line-height:34px;
}
#modSpecialList .list .item .text .button svg{
margin-left: 10px;
}
#modSpecialList > .button{
margin: 50px 0;
}
#modSpecialList > .button .modButton{
max-width: 488px;
margin: 0 auto;
}

/* modSpecialItemList
--------------------------------------*/
#modSpecialItemList .list{
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0 -16px;
}
#modSpecialItemList .list .item{
width: calc(50% - 32px);
margin: 0 16px 30px;
list-style: none;
border-radius: 2px;
}
#modSpecialItemList .list .item .link{
display: flex;
padding: 0;
}
#modSpecialItemList .list .item .link:hover{
text-decoration: none;
}
#modSpecialItemList .list .item .link .image{
min-width: 220px;
margin-right: 16px;
}
#modSpecialItemList .list .item .link .image img{
width: 220px;
border: 2px solid #AAAAAA;
border-radius: 2px;
}
#modSpecialItemList .list .item .link .text{
width: 100%;
margin-top: -.5em;
line-height: 1.8;
}
#modSpecialItemList .list .item .link .text .articleTitle{
margin-bottom: 10px;
font-size: 18px;
font-weight: bold;
color: #000;
}
#modSpecialItemList .list .item .link .text .description{
margin-bottom: 1em;
font-size: 16px;
color: #4d4d4d;
line-height: 1.85;
}
#modSpecialItemList .list .item .link .text .button{
float: right;
display: flex;
align-items: center;
width: auto;
min-height: inherit;
padding: 0 12px;
font-size: 16px;
font-weight: normal;
}
#modSpecialItemList .list .item .link .text .button:hover{
opacity: 1
}
#modSpecialItemList .list .item .link:hover .text .button{
opacity: .7;
}
#modSpecialItemList .list .item .link .text .button::after{
display: inline-block;
width: 10px;
height: 10px;
content: '';
margin-left: 10px;
background: url('../img/renewal/common/icon_arrow_white@2x.png') no-repeat center center;
background-size: 10px 10px;
}


/*--------------------------------------------------------------------

		5	新 商品一覧

--------------------------------------------------------------------*/

/* modPageHeader
--------------------------------------*/
#modPageHeader{
padding-bottom: 42px;
}
#modPageHeader .title{
display: flex;
align-items: center;
margin-top: 0;
font-size: 24px;
}
#modPageHeader .title .icon{
margin-right: 16px;
}
#modPageHeader .description{
font-size: 13px;
color: #4d4d4d;
}

/* modItemCategoryList
--------------------------------------*/
#modItemCategoryList{
margin-bottom: 44px;
}
#modItemCategoryList .title{
margin: -0.7em 0 30px;
text-align: center;
}
#modItemCategoryList .title .icon{
margin-right: 16px;
}
#modItemCategoryList .list{
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0 -8px;
}
#modItemCategoryList .list .count{
white-space: nowrap;
}
#modItemCategoryList .list .item{
width: calc(50% - 16px);
padding: 16px 16px 0;
margin: 0 8px 16px;
background-color: #fff;
list-style: none;
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.25);
}
#modItemCategoryList .list .item .categoryName{
margin: 0 0 16px;
font-size: 18px;
}
#modItemCategoryList .list .item .categoryName .link{
display: flex;
align-items: center;
padding-left: 0;
}
#modItemCategoryList .list .item .categoryName .link .icon{
margin-right: 16px;
}
#modItemCategoryList .list .item .categoryList{
display: flex;
flex-wrap: wrap;
padding: 25px 0 0 0;
margin: 0;
border-top: 1px #007236 solid;
}
#modItemCategoryList .list .item .categoryList .categoryItem{
width: calc(50% - 10px);
margin: 0 10px 20px 0;
font-size: 14px;
list-style: none;
}
#modItemCategoryList .list .item .categoryList .categoryItem:nth-child(even){
width: calc(50% - 10px);
margin: 0 0 20px 10px;
}
#modItemCategoryList .list .item .categoryList .categoryItem .categoryLink{
  line-height: 1.8;
}

/* modKeywordSearch
--------------------------------------*/
#modKeywordSearch{
margin-bottom: 60px;
}
#modKeywordSearch.thin{
margin-bottom: 15px;
}
#modKeywordSearch .title{
margin: 0 0 24px 0;
font-size: 18px;
}
#modKeywordSearch.thin .title{
margin-bottom: 12px;
font-size: 13px;
font-weight: normal;
}
#modKeywordSearch .wrap{
display: flex;
justify-content: space-between;
height: 44px;
border: 1px #4d4d4d solid;
border-radius: 4px;
}
#modKeywordSearch form .wrap .categoryName svg{
stroke:#fff;
}
#modKeywordSearch .wrap.focus{
border-color:#007236;
}
#modKeywordSearch .wrap input{
height: 100%;
}
#modKeywordSearch .wrap .categoryName{
position: relative;
display: flex;
align-items: center;
padding: 10px 20px 10px 15px;
font-size: 16px;
color: #fff;
white-space: nowrap;
background-color: #004022;
}
#modKeywordSearch.thin .wrap .categoryName{
font-size: 13px;
}
#modKeywordSearch .wrap .categoryName svg{
margin-right:8px;
}
#modKeywordSearch .wrap input{
width: 100%;
padding: 10px 15px;
font-size: 16px;
border: none;
outline:none;
}
#modKeywordSearch.thin .form .wrap .input{
padding: 10px 15px;
font-size: 13px;
}
#modKeywordSearch .wrap input::placeholder {
color: #aaa;
}
/* IE */
#modKeywordSearch .wrap input:-ms-input-placeholder {
color: #aaa;
}
/* Edge */
#modKeywordSearch .wrap input::-ms-input-placeholder {
color: #aaa;
}
#modKeywordSearch .wrap button{
min-width: 102px;
font-size: 18px;
color: #fff;
background-color:#007236;
border: none;
border-top-right-radius : 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-bottom-right-radius : 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-top-left-radius : 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topleft: 0;
border-bottom-left-radius : 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomleft: 0;
text-overflow: ellipsis;
outline:none;
}
#modKeywordSearch .wrap button:hover{
background-color:#50ac59;
}
#modKeywordSearch .wrap button:active{
background-color:#004022;
}
#modKeywordSearch .wrap button:disabled{
background-color: #aaa;
}
#modKeywordSearch.thin .wrap .submitButton{
min-width: 96px;
font-size: 16px;
}
#modKeywordSearch input.withwords{
border-color:#007236;
}

/* modKeywordList
--------------------------------------*/
#modKeywordList{
padding: 34px 0 48px;
}
#modKeywordList .inner{
width: 700px;
margin: 0 auto;
}
#modKeywordList .inner .title{
}
#modKeywordList .inner .list{
padding-left: 0;
margin: 0 -8px;
letter-spacing: -.4em;
}
#modKeywordList .inner .list li{
display: inline-block;
margin: 0 8px 16px;
list-style: none;
font-size: 16px;
line-height: 1;
white-space: nowrap;
letter-spacing: normal;
}
#modKeywordList .inner .list li a{
display: block;
padding: 7px 15px;
border: 1px #007236 solid;
border-radius: 2px;
}

/* modItemSubCategoryList
--------------------------------------*/
#modItemSubCategoryList{
margin-bottom: 16px;
}
#modItemSubCategoryList .title{
margin: -0.7em 0 10px;
}
#modItemSubCategoryList .box{
padding: 12px 16px 0;
background-color: #fff;
box-shadow: 0 1px 0 0 rgba(170, 170, 170, 0.5);
overflow: hidden;
}
#modItemSubCategoryList .box .list{
padding: 0;
margin: 0;
letter-spacing: -.4em;
}
#modItemSubCategoryList .box .list .item{
display: inline-block;
margin: 0 18px 12px 0;
white-space: nowrap;
font-size: 14px;
list-style: none;
letter-spacing: normal;
}
#modItemSubCategoryList .box .list .item .link{
padding: 0;
}

/* modItemListHeader
--------------------------------------*/
#modItemListHeader{
margin-bottom: 10px;
}
#modItemListHeader .result{
padding-bottom: 16px;
font-size: 16px;
border-bottom: 1px #F5F5F7 solid;
}
#modItemListHeader .result .count{
font-size: 24px;
}
#modItemListHeader .displaySetting,
#modItemListHeader .searchSetting {
display: flex;
justify-content: space-between;
padding: 10px 0 5px;
font-size: 13px;
border-bottom: 1px #F5F5F7 solid;
}
#modItemListHeader .searchSetting {
align-items: center;
}
#modItemListHeader .inner {
display: flex;
align-items: center;
margin-bottom: 5px;
}
#modItemListHeader .searchSetting .inner{
margin-bottom: 0;
}
#modItemListHeader .inner .title{
min-width: 70px;
}
#modItemListHeader .inner .list{
display: flex;
padding: 0;
margin: 0;
}
#modItemListHeader .inner .list li{
display: flex;
align-items: center;
padding-left: 8px;
}
#modItemListHeader .inner .list .item.current{
}
#modItemListHeader .inner .list .item:not(:last-child)::after{
width: 1px;
height: 13px;
margin-left: 8px;
content: '';
background-color: #4D4D4D;
}
#modItemListHeader .inner .list .item .link{
padding: 4px 8px;
}
#modItemListHeader .inner .list .item.current .link{
color: #fff;
background-color: #004022;
border-radius: 2px;
}
#modItemListHeader .inner .list .item.current .link:hover{
text-decoration: none;
}
#modItemListHeader .searchSetting {
padding: 10px 0;
border-bottom: none;
}
#modItemListHeader .searchSetting .priceRange .inner .title{
min-width: inherit;
margin-right: 20px;
}
#modItemListHeader .searchSetting .priceRange .inner .searchWrap .form .inputWrap{
position: relative;
display: inline-block;
}
#modItemListHeader .searchSetting .priceRange .inner .searchWrap .form .inputWrap .input{
width: 106px;
height: auto;
padding: 6px 16px;
padding-right: calc(1em + 22px);
background-color: #F5F5F7;
border-radius: 2px;
}
#modItemListHeader .searchSetting .priceRange .inner .searchWrap .form .inputWrap .input::placeholder {
color: #aaa;
}
/* IE */
#modItemListHeader .searchSetting .priceRange .inner .searchWrap .form .inputWrap .input:-ms-input-placeholder {
color: #aaa;
}
/* Edge */
#modItemListHeader .searchSetting .priceRange .inner .searchWrap .form .inputWrap .input::-ms-input-placeholder {
color: #aaa;
}
#modItemListHeader .searchSetting .priceRange .inner .searchWrap .form .inputWrap::after{
position: absolute;
top: 50%;
right: 16px;
margin-top: -0.5em;
line-height: 1;
content: '円';
}
#modItemListHeader .searchSetting .priceRange .inner .searchWrap .form .connect{
margin: 0 5px;
}
#modItemListHeader .searchSetting .priceRange .inner .searchWrap .form .submitButton{
padding: 6px;
margin-left: 6px;
border: none;
background-color: transparent;
}
#modItemListHeader .searchSetting .priceRange .inner .searchWrap .form .submitButton img{
width: 24px;
height: 24px;
}


/* modItemListHeader
--------------------------------------*/
#modCategoryMap,
#modBrandMap{
margin-bottom: 46px;
}
#modCategoryMap .title,
#modBrandMap .title{
margin-bottom: 24px;
font-size: 24px;
text-align: center;
}
#modCategoryMap .description,
#modBrandMap .description{
margin-bottom: 30px;
font-size: 13px;
text-align: center;
color: #4d4d4d;
}
#modCategoryMap .categoryList .list{
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0 -30px;
}
#modCategoryMap .categoryList .list .item{
width: calc(50% - 60px);
margin: 0 30px 24px;
font-size: 18px;
font-weight: bold;
list-style: none;
}
#modCategoryMap .categoryList .list .item .link{
display: flex;
align-items: center;
padding: 0;
}
#modCategoryMap .categoryList .list .item .link .icon{
margin-right: 16px;
}
#modBrandMap .brandList .list{
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0 -10px;
}
#modBrandMap .brandList .list .item{
width: calc(25% - 20px);
margin: 0 10px 20px;
font-size: 16px;
list-style: none;
}
#modBrandMap .brandList .list .item .link{
display: flex;
align-items: center;
padding: 0;
}
#modBrandMap .brandList .list .item .link::before{
display: block;
width: 10px;
height: 10px;
margin-right: 4px;
content: '';
background: url('../img/renewal/common/icon_arrow.svg') no-repeat center center;
background-size: 10px 10px;
}



/*--------------------------------------------------------------------

	5	新 商品詳細

--------------------------------------------------------------------*/
#modItemDetail{
display: flex;
margin-bottom: 45px;
}


/* modItemDetail > gallery
--------------------------------------*/
#modItemDetail .gallery{
width: 570px;
min-width: 570px;
margin-right: 18px;
}
#modItemDetail .gallery .photo{
position: relative;
border: 1px solid #979797;
margin-bottom: 16px;
}
#modItemDetail .gallery .photo img{
width: 100%;
}
#modItemDetail .gallery .favorite{
position: absolute;
bottom: 32px;
right: 32px;
background: transparent;
outline:none;
border:none;
appearance:none;
padding:0;
}
.favorite:hover{
opacity:1;
}
.favorite{
opacity:0.6;
}
.favorite.favorite-item{
opacity:1;
}
.favorite:hover path,
.favorite.favorite-item path{
fill:#E55D5B;
stoke:none;
}
.favorite.favorite-item:hover path{
fill:none;
stroke:#E55D5B;
}
#modItemDetail .gallery .favorite text{
font-weight: bold;
font-size: 12px;
}
#modItemDetail .gallery .thumbnail ul{
display: flex;
list-style: none;
padding: 0;
margin: 0 -8px;
}
#modItemDetail .gallery .thumbnail li{
border: 1px solid #979797;
width: calc(100% / 4 - 16px);
margin: 0 8px;
cursor: pointer;
}
#modItemDetail .gallery .thumbnail li img{
width: 100%;
}


/* modItemDetail > detail
--------------------------------------*/
#modItemDetail .detail{
width:372px;
}
#modItemDetail .detail .title{
font-size: 24px;
font-weight: bold;
line-height: 36px;
margin: 0;
}
#modItemDetail .description{
color: #666;
font-size: 16px;
line-height: 28px;
}
#modItemDetail .detail .tag{
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0 0 10px;
}
#modItemDetail .detail .tag li{
display: inline-block;
margin: 0 8px 8px 0;
}
#modItemDetail .detail .price{
color: #B51119;
font-weight: bold;
line-height: 1.4;
margin-bottom: 5px;
}
#modItemDetail .detail .price .discount{
color: #aaa;
text-decoration: line-through;
}
#modItemDetail .detail .price .include{
font-size: 16px;
}
#modItemDetail .detail .price .include span{
font-size: 24px;
}
#modItemDetail .detail .price .exclude{
font-size: 12px;
}
#modItemDetail .detail .point{
color: #666;
font-size: 14px;
font-weight: bold;
margin-bottom: 20px;
}
#modItemDetail .detail .stockStatus{
margin-bottom: 16px;
}
#modItemDetail .detail .stockStatus .item{
display: inline-block;
font-size: 13px;
background-color: #f5f5f7;
}
#modItemDetail .detail .stockStatus .item span{
padding: 4px 6px;
}
.stock-low{
background-color: rgba(255, 152, 0, 0.15);
}
.stock-enough{
background-color: #f5f5f7;
}
.stock-empty{
background-color: #f5f5f7;
}
.stock-order{
background-color: #f5f5f7;
}
#modItemDetail .detail .action{
display: flex;
margin-bottom: 36px;
}
#modItemDetail .detail .action .orderNumber{
margin-right: 12px;
}
#modItemDetail .detail .action .orderNumber .modSelect{
width: 70px;
}
#modItemDetail .detail .action .buttons{
flex-grow: 2;
}
#modItemDetail .detail .action .modButton{
margin-bottom: 16px;
}
#modItemDetail .detail .footprint{
display: block;
position:fixed;
top:200px;
right:10px;
padding: 10px 35px 10px 16px;
background-color: #f5f5f7;
z-index: 1038;
}
#modItemDetail .detail .footprint p{
color: #4d4d4d;
font-size: 13px;
margin: 0;
}
#modItemDetail .detail .footprint p span{
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-right: 5px;
}
#modItemDetail .detail .footprint .close{
position: absolute;
top: 16px;
right: 16px;
padding: 0;
border: 0;
background: transparent;
outline: none;
}
#modItemDetail .detail .footprint .close span{
display: block;
width: 12px;
height: 12px;
}
#modItemDetail .detail .footprint .close span::before,
#modItemDetail .detail .footprint .close span::after{
position: absolute;
top: 0;
left: 0;
display: block;
content: '';
width: 15px;
height: 2px;
background-color: #007236;
}
#modItemDetail .detail .footprint .close span::before{
transform: rotate(45deg);
}
#modItemDetail .detail .footprint .close span::after{
transform: rotate(-225deg);
}


/* modItemInfo
--------------------------------------*/
#modItemInfo{
color: #666;
font-size: 14px;
line-height: 1.6;
margin-bottom: 64px;
}
#modItemInfo .inner{
max-width: 700px;
margin: 0 auto;
}
#modItemInfo .title{
color: #000;
font-size: 18px;
margin: 0 0 12px;
}
#modItemInfo .subTitle{
color: #000;
font-size: 16px;
margin: 0 0 12px;
}
#modItemInfo .block.detail .subTitle{
margin-top: 35px;
}
#modItemInfo .block{
margin-bottom: 35px;
}
#modItemInfo .text{
margin-bottom: 25px;
}
#modItemInfo .youtube iframe{
width: 100%;
height: 394px;
}
#modItemInfo .list{
list-style: none;
list-style-type: disc;
padding: 0;
margin: 0 0 25px 16px;
}
#modItemInfo .spec .specTitle{
padding: 8px 0;
margin: 0;
color: #000;
border-top: 1px solid #4d4d4d;
border-bottom: 1px solid #4d4d4d;
}
#modItemInfo .spec table{
width: 100%;
margin: 0;
border-bottom: 1px solid #4d4d4d;
background:none;
}
#modItemInfo .spec table th{
width: 148px;
}
#modItemInfo .spec table th,
#modItemInfo .spec table td{
padding: 10px;
font-weight: normal;
background:none;
}
#modItemInfo .spec table tr:not(:last-child) th,
#modItemInfo .spec table tr:not(:last-child) td{
border-bottom: 1px solid #f5f5f7;
}
#modItemInfo .itemCode {
margin-bottom: 32px;
}


/* modStockStatus
--------------------------------------*/
#modStockStatus{
margin-bottom: 64px;
background-color: #F5F5F7;
}
#modStockStatus .header{
display: block;
border-bottom: 1px solid #4d4d4d;
}
#modStockStatus .header .inner{
display: flex;
align-items: center;
width: 1024px;
height: 66px;
padding: 0 32px;
margin: 0 auto;
}
#modStockStatus .header .title{
font-size: 18px;
margin: 0 auto 0 0;
}
#modStockStatus .header .areaChange{
display: flex;
align-items: center;
height: 66px;
}
#modStockStatus .header .areaChange .text{
font-size: 13px;
color: #666;
margin-right: 15px;
}
#modStockStatus .header .areaChange .modSelect{
font-size: 13px;
padding: 0 20px;
width: auto;
min-width: 222px;
height: 28px;
min-height: 28px;
}
#modStockStatus .list{
list-style: none;
width: 1024px;
padding: 0 32px;
margin: 0 auto;
}
#modStockStatus .item{
display: flex;
align-items: center;
padding: 15px 0;
font-size: 14px;
border-bottom: 1px solid #aaa;
}
#modStockStatus .item .store{
font-weight: bold;
width: 270px;
padding: 0 32px 0 0;
word-break:keep-all;
}
#modStockStatus .item .info{
width: 440px;
padding-right: 32px;
}
#modStockStatus .item .tel,
#modStockStatus .item .stock{
display: block;
color: #666;
}
#modStockStatus .item .note{
font-size: 10px;
}
#modStockStatus .item .button .modButton{
padding: 0 32px;
font-size: 16px;
min-height: 34px;
line-height:34px;
}
#modStockStatus .item .button .modButton svg{
width:10px;
height:10px;
margin-left:8px
}
#modStockStatus .item .button .modButton .arrow::after{
width: 6px;
height: 6px;
}
#modStockStatus .caption{
color: #666;
font-size: 12px;
text-align: center;
margin:30px 0 0;
padding-bottom: 30px;
}
#modStockStatus .more{
text-align: center;
background-color: #ededed;
}
#modStockStatus .more button{
border: 0;
color: #007236;
stroke: #007236;
font-size: 16px;
font-weight: bold;
width: 100%;
padding: 12px 0;
background: transparent;
}
#modStockStatus .more button svg{
width:12px;
height:8px;
display:inline-block;
vertical-align:middle;
margin-left:16px;
}
#modStockStatus .more button:hover{
color:#50AC59;
stroke:#50AC59;
}
#modStockStatus .more button:active{
color:#00402C;
stroke:#00402C;
}
#modStockStatus.open .more button svg{
transform:rotate(180deg);
}

/* modStoreRanking
--------------------------------------*/
#modStoreRanking{
margin-bottom: 64px;
}
#modStoreRanking .title{
display: flex;
align-items: center;
padding-bottom: 10px;
margin: 0;
font-size: 18px;
border-bottom: 2px solid #007236;
}
#modStoreRanking .title .icon{
display: block;
margin-right: 18px;
}
#modStoreRanking .list{
list-style: none;
padding: 0;
margin: 0;
}
#modStoreRanking .item{
display: flex;
align-items: center;
font-size: 16px;
padding: 14px 0;
border-bottom: 1px solid #aaa;
}
#modStoreRanking .store{
color: #007236;
font-weight: bold;
width: 50%;
padding: 0 32px 0 0;
}


/* modItemReview
--------------------------------------*/
#modItemReview{
margin-bottom: 64px;
}
#modItemReview .title{
font-size: 18px;
}
#modItemReview .list{
list-style: none;
padding: 0;
margin: 0;
}
#modItemReview .item{
padding: 14px 0;
border-bottom: 1px solid #aaa;
}
#modItemReview .date{
color: #4d4d4d;
font-size: 12px;
}
#modItemReview .reviewText{
color: #666;
font-size: 16px;
line-height: 28px;
margin: 0;
}
#modItemReview .reviewText.pre{
white-space:pre-wrap;
}
#modItemReview .readMore{
text-align: right;
}
#modItemReview .more{
text-align: center;
margin-top: 32px;
}
#modItemReview .more .button{
font-size: 16px;
font-weight: bold;
border: 0;
background: none;
outline:none;
}
#modItemReview .more .button:hover{
opacity: 0.7;
}
#modItemReview .more .button svg{
display: block;
margin: 12px auto 0;
width:12px;
height:8px;
}
#modItemReview.open .more .button svg{
transform:rotate(180deg);
}

#modItemReview h3{
font-size:16px;
color:#4d4d4d;
}
#modItemReview textarea{
width:100%;
min-height:120px;
margin-bottom:18px;
font-size:16px;
padding:14px 10px;
resize:none;
overflow:hidden;
}
#modItemReview .errorText{
margin-bottom:18px;
}


/* modShare
--------------------------------------*/
#modShare{
padding: 32px 0;
margin: 32px 0 96px;
background: #f5f5f3 url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgNjQ1IDEyOCI+DQo8ZyB0cmFuc2Zvcm09InNjYWxlKDMuOSkgdHJhbnNsYXRlKC0xOC41LC01NikiIGZpbGw9IiNmZmYiPg0KPHBhdGggZD0iTTMyLjcgODkuOHEtNC4xIDAtOC0xLTMuOC0xLTYuMi0yLjdsMy4xLTdxMi4zIDEuNSA1LjMgMi40IDIuOS45IDUuOC45IDUuNSAwIDUuNS0yLjggMC0xLjQtMS42LTIuMS0xLjUtLjctNS0xLjUtMy44LS44LTYuMy0xLjctMi42LS45LTQuNC0zLTEuOC0yLjEtMS44LTUuNiAwLTMgMS43LTUuNSAxLjYtMi41IDUtMy45IDMuMy0xLjUgOC4yLTEuNSAzLjMgMCA2LjUuOCAzLjIuNyA1LjYgMi4ybC0yLjkgN3EtNC44LTIuNi05LjMtMi42LTIuOCAwLTQuMS45LTEuMy44LTEuMyAyLjIgMCAxLjMgMS41IDIgMS42LjYgNSAxLjQgMy44LjggNi4zIDEuNyAyLjUuOSA0LjQgMyAxLjggMiAxLjggNS41IDAgMy4xLTEuNiA1LjUtMS43IDIuNC01LjEgMy45LTMuMyAxLjUtOC4xIDEuNXpNODMuOCA1NS41djMzLjZoLTkuNVY3Nkg2MS40djEzLjFoLTkuNVY1NS41aDkuNXYxMi42aDEyLjlWNTUuNXpNMTEzIDgyLjZIOTguOWwtMi43IDYuNWgtOS43TDEwMSA1NS41aDEwbDE1IDMzLjZoLTEwem0tMy03bC00LTEwLjgtNCAxMC44ek0xNDMgODAuMmgtNXY4LjloLTEwVjU1LjVoMTZxNCAwIDggMS42IDMgMS40IDUgNC4zIDIgMi44IDIgNi41dC0yIDYuNHEtMiAyLjctNSA0LjJsNyAxMC42aC0xMHptNi0xMi4zcTAtMi4zLTItMy42LTEtMS4zLTQtMS4zaC01djkuOGg1cTMgMCA0LTEuMiAyLTEuMyAyLTMuN3pNMTkxIDgxLjh2Ny4zaC0yN1Y1NS41aDI2djcuNGgtMTd2NS42aDE1djcuMWgtMTV2Ni4yeiIvPg0KPC9nPjwvc3ZnPg==") no-repeat center center;
background-size: contain;
}
#modShare .list{
display: flex;
align-items: center;
justify-content: center;
list-style: none;
padding: 0;
margin: 0;
}
#modShare .item{
display: block;
margin: 0 24px;
}


/* modRelatedItem
--------------------------------------*/
#modRelatedItem{
margin-bottom: 64px;
}
#modRelatedItem .button .modButton{
max-width: 488px;
margin: 0 auto;
}
#modRelatedItem .button svg{
width:12px;
height:12px;
margin-left:8px;
}


/* modFeatureItem
--------------------------------------*/
#modFeatureItem{
margin-bottom: 64px;
}

/* modItemResultList
--------------------------------------*/
#modItemResultList{
margin: 40px 0 20px;
}
#modItemResultList .heading{
font-size: 18px;
color: #000;
line-height: 32px;
}
#modItemResultList .result{
margin-bottom: 30px;
font-size: 16px;
}
#modItemResultList .result .count{
font-size: 24px;
}
#modItemResultList .list{
padding: 0;
}
#modItemResultList .list.thumbnail{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#modItemResultList .list > .item{
padding: 16px;
margin-bottom: 14px;
list-style: none;
background-color: #fff;
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.25);
border-radius: 2px;
min-height: 202px;
}
#modItemResultList .list > .item.empty{
display:none;
box-shadow: none;
background:transparent;
}
#modItemResultList .list > .item .detail{
padding-left:186px;
position:relative;
}
#modItemResultList .list.thumbnail > .item{
display: block;
width: calc(25% - 18px); /* 24*3/4 */
margin-bottom: 24px;
}
#modItemResultList .list.thumbnail > .item  .detail{
padding-left: 0;
}
#modItemResultList .list .item .photo{
position: absolute;
margin-right: 16px;
left: 0px;
}
#modItemResultList .list.thumbnail .item .photo{
margin: -16px -16px 16px;
position:relative;
}
#modItemResultList .list .item .photo.new::after{
position: absolute;
top: 2px;
right: 2px;
width: 36px;
height: 36px;
content: '';
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MnB4IiBoZWlnaHQ9IjcycHgiIHZpZXdCb3g9IjAgMCA3MiA3MiI+DQo8cGF0aCBkPSJNMCAwTDcyIDBMNzIgNzIiIGZpbGw9IiNCNTExMTkiLz4NCjx0ZXh0IHg9IjM2IiB5PSIzMCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDM2LDM2KSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1zaXplPSIyMCIgZm9udC13ZWlnaHQ9ImJvbGQiPk5FVyE8L3RleHQ+DQo8L3N2Zz4=") no-repeat center center;
background-size: 36px 36px;
}
#modItemResultList .list .item .photo a{
position: relative;
display: block;
}
#modItemResultList .list .item .photo img{
border: 2px #aaa solid;
width:166px;
height:166px;
box-sizing:content-box;
}
#modItemResultList .list.thumbnail .item .photo img{
width:100%;
height:auto;
box-sizing:border-box;
}
#modItemResultList .list .item .favorite{
position: absolute;
right: 10px;
bottom: 10px;
width: 36px;
height: 36px;
padding: 0;
border: none;
background-color: transparent;
z-index: 100;
}
#modItemResultList .list .item .detail .title{
margin-bottom: 10px;
font-size: 16px;
font-weight: bold;
}
#modItemResultList .list.thumbnail .item .detail .title{
line-height: 1.8;
}
#modItemResultList .list .item .detail .title a{
display: block;
color: #4A4A4A;
}
#modItemResultList .list .item .detail .meta{
display: flex;
flex-wrap: wrap;
align-items: center;
}
#modItemResultList .list .item .detail .meta .price{
margin-right: 16px;
font-size: 16px;
font-weight: bold;
color: #B51119;
letter-spacing: 0;
white-space: nowrap;
}
#modItemResultList .list.thumbnail .item .detail .meta .price{
margin-bottom: 5px;
}
#modItemResultList .list .item .detail .meta .price del{
color:#aaa;
}
#modItemResultList .list.thumbnail .item .detail .meta .stockStatus{
margin-bottom: 18px;
}
#modItemResultList .list .item .detail .meta{
margin: 0 0 15px;
}
#modItemResultList .list.thumbnail .item .detail .meta{
margin: 0;
}
#modItemResultList .list .item .detail .meta .stockStatus .item{
padding: 2px 4px;
background-color: #f5f5f7;
}
#modItemResultList .list .item .detail .meta .stockStatus .item::before{
content: '○';
}
#modItemResultList .list .item .detail .tag{
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0 0 15px;
}
#modItemResultList .list.thumbnail .item .detail .tag{
margin: 0 -5px 8px;
}
#modItemResultList .list .item .detail .tag li{
margin-right: 10px;
list-style: none;
white-space: nowrap;
}
#modItemResultList .list.thumbnail .item .detail .tag li{
margin: 0 5px 8px;
}
#modItemResultList .list .item .relatedItems{
display: flex;
padding: 0;
margin: 0 0 -6px;
padding-left: 186px;
flex-wrap: wrap;
}
#modItemResultList .list.thumbnail .item .relatedItems{
display:none;
}
#modItemResultList .list .item .relatedItems .relatedItem{
margin: 0 6px 6px 0;
list-style: none;
}
#modItemResultList .list .item .relatedItems .relatedItem img{
border: 2px #aaa solid;
box-sizing:content-box;
}
#modItemResultList .list .item .otherItemLink {
display:none;
}
#modItemResultList .list.thumbnail .item .otherItemLink {
display:block;
}
#modItemResultList .list.thumbnail .item .otherItemLink .modButton.secondary{
min-height: inherit;
padding: 10px;
font-size: 14px;
line-height:21px;
}


/* modRankingItem
--------------------------------------*/
#modRankingItem{
margin-bottom: 64px;
}
#modRankingItem .modHeading.design1 {
min-height:auto;
display:flex;
}
#modRankingItem .modHeading.design1 svg{
width:36px;
height:36px;
margin-right:16px;
}
#modRankingItem .modItemList{
margin: 0 -8px 40px;
}
#modRankingItem .modItemList .item svg{
position: absolute;
left: 2px;
}
#modRankingItem .modItemList .item svg text{
font-weight: bold;
font-size:18px;
}
#modRankingItem .modItemList .item{
margin: 0 8px;
flex-grow: 1;
flex-basis: 0;
width:179px;
max-width:179px;
}
#modRankingItem .modItemList .item .wrap{
width:auto;
}
#modRankingItem .modItemList .item .wrap .photo{
position: relative;
}
#modRankingItem .modItemList .item:nth-child(1) .wrap polygon{
fill:#BF971D;
}
#modRankingItem .modItemList .item:nth-child(1) .wrap .highlight{
fill:#DEAF21;
}
#modRankingItem .modItemList .item:nth-child(2) .wrap polygon{
fill:#4D4D4D;
}
#modRankingItem .modItemList .item:nth-child(2) .wrap .highlight{
fill:#AAAAAA;
}
#modRankingItem .modItemList .item:nth-child(3) .wrap polygon{
fill:#8B572A;
}
#modRankingItem .modItemList .item:nth-child(3) .wrap .highlight{
fill:#C47B3B;
}
#modRankingItem .modItemList .item:nth-child(4) .wrap polygon{
fill:#007236;
}
#modRankingItem .modItemList .item:nth-child(4) .wrap .highlight{
fill:#50AC59
}
#modRankingItem .modItemList .item:nth-child(5) .wrap polygon{
fill:#004022;
}
#modRankingItem .modItemList .item:nth-child(5) .wrap .highlight{
fill:#007236;
}

/* modSoldItem
--------------------------------------*/
#modSoldItem{
overflow:hidden;
}
#modSoldItem .modHeading .icon img{
width: 48px;
height: 48px;
}
#modSoldItem .itemWrap{
padding: 0 20px;
white-space: nowrap;
position: relative;
left: 0;
transition: 0.3s ease-in-out;
}
#modSoldItem .itemWrap.no-transition{
transition-duration: 0s;
}
#modSoldItem .itemWrap .modItemList{
display: block;
}
#modSoldItem .itemWrap .modItemList .item{
display: inline-block;
width: 176px;
white-space: normal;
vertical-align:top;
}
#modSoldItem .itemWrap .modItemList .item .wrap{
width:auto;
}
#modSoldItem .itemWrap .modItemList .item .wrap .history{
margin-bottom: 16px;
font-size: 13px;
color: #4d4d4d;
min-height:76px;
position:relative;
word-break: keep-all;
}
#modSoldItem .itemWrap .modItemList .item .wrap .history .time{
display: flex;
align-items: center;
position:absolute;
bottom:0;
left:25px;
}
#modSoldItem .itemWrap .modItemList .item .wrap .history .time svg{
position:absolute;
left: -24px;
top:0;
fill:#4d4d4d;
}
#modSoldItem .itemWrap .modItemList .item .wrap .history .shopName{
margin-left: 32px;
line-height: 1.6;
}


/* modCheckedItem
--------------------------------------*/
#modCheckedItem{
padding-bottom: 32px;
margin-bottom: 32px;
}
#category #modCheckedItem{
padding-bottom: 90px;
margin-bottom: 0;
}
#modCheckedItem .modHeading svg{
display: inline;
vertical-align: middle;
stroke:#007236;
margin-right:10px;
}
#detail #modCheckedItem .modHeading svg{
stroke:#4d4d4d;
margin-right:12px;
}
#detail #modCheckedItem .modHeading.design1{
border-bottom:1px solid #4d4d4d;
}
#modCheckedItem .button svg{
width:12px;
height:12px;
margin-left:16px;
}
#modCheckedItem .list{
display: flex;
list-style: none;
padding: 0;
margin: 0 -7px 32px;
}
#modCheckedItem .item{
width: calc(100% / 8 - 14px);
margin: 0 7px 14px;
}
#modCheckedItem .wrap{
display: block;
}
#modCheckedItem .wrap:hover{
opacity: 0.7;
}
#modCheckedItem .wrap img{
border: 2px solid #aaa;
width: 100%;
height: auto;
}
#modCheckedItem .button .modButton{
max-width: 488px;
margin: 0 auto;
border:none;
}


/* modRelatedArticle
--------------------------------------*/
#modRelatedArticle{
padding: 64px 0 90px;
}
#modRelatedArticle + #modRelatedArticle{
padding-top: 0;
}
#modRelatedArticle .modHeading{
margin-bottom: 32px;
}
#modRelatedArticle .modArticleList{
margin-bottom: 32px;
}
#modRelatedArticle .modButton{
max-width: 488px;
margin: 0 auto;
border:0;
}


/* modFixedItemDetail
--------------------------------------*/
#modFixedItemDetail{
position: fixed;
position: -webkit-sticky;
position: sticky;
bottom: 0;
width: 100%;
background-color: #f5f5f5;
}
#modFixedItemDetail .inner{
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
width: 960px;
padding: 16px 0;
margin: 0 auto;
}
#modFixedItemDetail .detail{
display: flex;
min-width: 50%;
}
#modFixedItemDetail .detail .image{
margin-right: 16px;
}
#modFixedItemDetail .detail .image img{
border: 1px solid #979797;
}
#modFixedItemDetail .detail .text{
position: relative;
width: calc(100% - 104px);
font-size: 16px;
font-weight: 700;
color: #666;
}
#modFixedItemDetail .detail .text .price,
#modFixedItemDetail .detail .text .price *{
display:inline;
}
#modFixedItemDetail .detail .text .price .discount{
display:none;
}
#modFixedItemDetail .detail .text .name{
margin-top: -0.25em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#modFixedItemDetail .detail .text .point{
position: absolute;
bottom: 0;
font-size: 13px;
line-height: 1.1;
}
#modFixedItemDetail .action{
width: auto;
}
#modFixedItemDetail .action form{
display: flex;
align-items: center;
}
#modFixedItemDetail .action form > *{
margin-left: 16px;
}
#modFixedItemDetail .favorite{
padding: 0;
width: 44px;
height: 44px;
border: none;
outline:none;
}
#modFixedItemDetail .action form .modSelect{
min-width: 70px;
}
#modFixedItemDetail .action form .buttons{
display: flex;
align-items: center;
margin-left: 0;
}
#modFixedItemDetail .action form .buttons > *{
margin-left: 16px;
}
#modFixedItemDetail .action form .buttons .disabled{
text-align:left;
font-size:14px;
white-space:nowrap;
}
#modFixedItemDetail .action form .buttons .modButton{
min-height: 42px;
padding: 0 22px;
font-size: 16px;
white-space: nowrap;
}
#modFixedItemDetail .action form .buttons .modButton.order::after{
display: none;
}
#modFixedItemDetail .action form .buttons .modButton.anker{
min-height: 42px;
}

















/* xxx > xxx
--------------------------------------*/
#xxx h1{
}


/*--------------------------------------------------------------------

		1	トップ

--------------------------------------------------------------------*/

/* modInformation
--------------------------------------*/
#modInformation{
padding: 14px 16px 18px;
margin: 16px 0;
background-color: #F5F5F5;
}
#modInformation ul{
margin: 0;
}
#modInformation ul li{
font-size: 12px;
color: #4D4D4D;
line-height: 20px;
}
#modInformation ul li a{
font-weight: 600;
}

/* modPickup
--------------------------------------*/
#modPickup{
margin-bottom: 30px;
}
#modPickup .block{
margin: 14px 0 20px;
border-top: 2px #C4D3C5 solid;
border-right: 1px #C4D3C5 solid;
border-bottom: 17px #C4D3C5 solid;
border-left: 1px #C4D3C5 solid;
}
#modPickup .block .link{
display: block;
padding: 0;
background: none;
}
#modPickup .block .link:hover{
text-decoration: none;
opacity: 0.7;
}
#modPickup .block .inner{
display: flex;
background-color: #fff;
border: rgba(159, 153, 137, 0.25);
}
#modPickup .block .inner .text{
width: calc(100% - 590px);
padding: 20px 30px;
}
#modPickup .block .inner .text .title{
margin-bottom: 10px;
font-size: 18px;
font-weight: 600;
color: #000;
line-height: 32px;
}
#modPickup .block .inner .text .description{
margin-bottom: 10px;
font-size: 16px;
color: #4D4D4D;
line-height: 1.7;
}
#modPickup .block .inner .text .date{
font-size: 13px;
color: #4D4D4D;
}
#modPickup .block .inner .image{
display: flex;
align-items: center;
height: 313px;
overflow: hidden;
}
#modPickup .block .inner .image img{
width: 590px;
}

/* modArticleThumbnailList
--------------------------------------*/
#modArticleThumbnailList{
margin-bottom: 32px;
}
#modArticleThumbnailList .list{
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0 -7px 15px;
}
#modArticleThumbnailList .list .item{
width: calc(100% / 4 - 14px);
margin: 0 7px 15px;
list-style: none;
background: #fff;
box-shadow: inset 0 -1px 0 0 rgba(170, 170, 170, 0.50);
border-radius: 2px;
}
#modArticleThumbnailList .list .item .link{
display: block;
padding: 0 16px 20px;
}
#modArticleThumbnailList .list .item .link:hover{
text-decoration: none;
opacity: 0.7;
}
#modArticleThumbnailList .list .item .image{
margin: 0 -16px;
margin-bottom: 16px;
min-width: 230px;
max-height: 122px;
overflow: hidden;
}
#modArticleThumbnailList .list .item .image img{
border-radius: 2px 2px 0 0 / 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0 / 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0 / 2px 2px 0 0;
margin-top:61px;
transform:translateY(-50%);
width:100%;
}
#modArticleThumbnailList .list .item .text{
}
#modArticleThumbnailList .list .item .text .title{
margin-bottom: 10px;
font-size: 16px;
font-weight: 600;
color: #4D4D4D;
line-height: 27px;
max-height:81px;
overflow:hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
#modArticleThumbnailList .list .item .text .meta{
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 8px;
margin-bottom: 16px;
border-top: 1px #007236 solid;
}
#modArticleThumbnailList .list .item.blog .text .meta{
border-color: #A0306C;
}
#modArticleThumbnailList .list .item .text .meta .date{
font-size: 13px;
font-weight: 300;
color: #4D4D4D;
}
#modArticleThumbnailList .list .item .text .meta .category{
min-width: 80px;
padding: 2px 8px;
color: #fff;
font-size: 13px;
font-weight: 300;
text-align: center;
background-color: #007236;
border-radius: 2px;
}
#modArticleThumbnailList .list .item.blog .text .meta .category{
background-color: #A0306C;
}
#modArticleThumbnailList .list .item .text .description{
font-size: 14px;
font-weight: 300;
color: #4D4D4D;
line-height:25px;
max-height:75px;
overflow:hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
#modArticleThumbnailList .button{
max-width: 488px;
margin: 0 auto;
}

/* modRecommendItem
--------------------------------------*/
/* modMediaItem
--------------------------------------*/
#modMediaItem,
#modRecommendItem{
margin: 60px -1px 16px 0;
}
#modMediaItem .modHeading,
#modRecommendItem .modHeading{
margin-top: 0;
}
#modMediaItem .modItemList,
#modRecommendItem .modItemList{
flex-wrap: wrap;
margin: 0 -8px;
padding-bottom: 20px;
}
#modMediaItem .modItemList .item,
#modRecommendItem .modItemList .item{
width: calc(100% / 6 - 16px);
margin: 0 8px 20px;
}
#modMediaItem .modItemList .item .wrap .photo,
#modRecommendItem .modItemList .item .wrap .photo{
position: relative;
}
#modMediaItem .button,
#modRecommendItem .button{
max-width: 488px;
margin: 0 auto;
}


/* modNewsList
--------------------------------------*/
#modNewsList{
margin-bottom: 60px;
}
#modNewsList .list{
padding: 0;
margin-bottom: 32px;
}
#modNewsList .list .item{
padding-bottom: 12px;
margin-bottom: 20px;
list-style: none;
border-bottom: 1px #aaa solid;
}
#modNewsList .list .item .link{
display: block;
padding: 0;
background: none;
}
#modNewsList .list .item .link:hover{
text-decoration: none;
opacity: 0.7;
}
#modNewsList .list .item .link .meta{
display: flex;
align-items: center;
margin-bottom: 8px;
}
#modNewsList .list .item .link .meta .date{
min-width: 80px;
margin-right: 16px;
font-size: 14px;
color: #666;
line-height: 1;
}
#modNewsList .list .item .link .meta .iconList{
padding: 0;
margin: 0;
}
#modNewsList .list .item .link .meta .iconList .icon{
display: inline-block;
padding: 4px 6px;
list-style: none;
font-size: 12px;
font-weight: 300;
line-height: 1;
white-space: nowrap;
}
#modNewsList .list .item .link .meta .iconList .new{
color: #fff;
background-color: #998479;
}
#modNewsList .list .item .link .title{
font-size: 16px;
font-weight: 400;
color: #4D4D4D;
}
#modNewsList .list .item .link .title .type{
min-width: 56px;
padding: 4px 10px 3px;
margin-left: 10px;
font-size: 13px;
font-weight: 300;
color: #007236;
text-align: center;
border: 1px solid #007236;
border-radius: 2px;
}
#modNewsList .button{
max-width: 488px;
margin: 0 auto;
}

/* modBannerList
--------------------------------------*/
#modBannerList{
margin: 20px 0 0;
}
#modBannerList .list{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 0;
margin: 0 -50px;
}
#modBannerList .list .item{
list-style: none;
display: inline-block;
text-align:center;
width:25%;
margin-bottom: 35px;
}
#modBannerList .list .item .link{
display: block;
padding: 0;
background: none
}
#modBannerList .list .item .link:hover{
text-decoration: none;
opacity: 0.7;
}
#modBannerList .list .item .link .logo{
min-height: 100px;
margin-bottom: 8px;
display: flex;
align-items: center;
justify-content: center;
}
#modBannerList .list .item .link .name{
font-size: 12px;
font-weight: 600;
color: #4D4D4D;
text-align: center;
}


/*--------------------------------------------------------------------

		13	サイトマップ

--------------------------------------------------------------------*/
/* modSitemap
--------------------------------------*/
#modSitemap .separator{
  width: 100%;
  height: 1px;
  border: 0;
  background-color: #ddd;
}
#modSitemap .section{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
}
#modSitemap .block{
  width: calc(100% / 3 - 40px);
  margin: 20px;
}
#modSitemap .title{
  margin: 20px 0;
  font-size: 15px;
}
#modSitemap .subtitle{
  margin-bottom: 5px;
}
#modSitemap .list{
  list-style: none;
  padding: 0;
  margin: 15px 0 30px
}
#modSitemap .list .list{
  list-style: none;
  padding: 0 0 0 1em;
  margin: 3px 0;
}
#modSitemap .item{
  position: relative;
  padding-left: 7px;
  margin: 3px 0
}
#modSitemap .item::before{
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  width: 0;
  height: 0;
  border-top: solid 3px transparent;
  border-right: solid 3px transparent;
  border-bottom: solid 3px transparent;
  border-left: solid 3px #999;
}
#modSitemap .list.-nest{
  margin-left: 12px;
}
#modSitemap .list.-column{
  display: flex;
  flex-wrap: wrap;
}
#modSitemap .list.-column .item{
  margin-right: 20px;
}