﻿#main{padding: 0;box-shadow: none;}
br{content: "";display:block;margin-bottom: 3px;}
.box_flex{display: flex;justify-content:space-between;align-items: center;width: 100%;margin-top: 15px;flex-flow: wrap;}
/**burger_bar**/
#burger_bar{width:100%;font-size: 1em;border-bottom: 2px solid #eee;}
#burger_bar>label{display: none;}
#burger_bar ul{display: flex;justify-content: flex-start;}
#burger_bar li{margin:.5em 1.5em;}

/**共用section**/
section{margin-top:3em;padding-bottom: 2em;}
/**about**/
#about{box-shadow: 3px 3px 3px #aaa;}
#about .img_box{width: 220px;}
#about img{width: 100%;float: left;}
#about .row{width: calc(100% - 220px);float: left;height: 217px;font-size: 1.1em;line-height: 1.5em;padding: 0 3%;box-sizing: border-box;}
/**content**/
section.content{display: flex;justify-content: center;}

.content_l{width:calc(99% - 240px);padding: 0 2%;line-height: 1.5em;margin-right: 1%;box-shadow:3px 3px 3px #aaa;}
.content_r{width:240px;border: 1px solid #eee;padding: 8px;box-sizing: border-box;font-size: .95em;}
.content_l h2{margin-bottom: .5em;width: 100%;font-size: 1.5em;font-weight: bold;}
.content_l .row{padding-bottom: 1.5em;display: flex;flex-flow: wrap;border-bottom: 2px solid #eee;margin-bottom:1em;}
.content_l .row:last-child{border-bottom: none;}
.content_l h3{margin-bottom: 8px;}
.content_l .txt_b{width: calc(100% - 160px);padding-right:2%;box-sizing: border-box;}
.content_l .img_box{width: 160px; display: flex;align-items: center;}
.content_r ul{position: sticky;top:10px;}
.content_r li{line-height: 1.25em;margin-bottom: 3px;}
.content_r li:hover p,.content_r li:hover em{color:rgb(41, 169, 255) ;}
.content_r li:hover b{color:rgb(169, 221, 255) ;}
.content_r li p{margin-bottom: 3px;font-weight: bold;}
.content_r em{font-style: normal;font-weight: bold;font-size: 1.05em;margin-bottom: 3px;}
.content_r li b{overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;color: #a5a5a5;}
.content:nth-child(5) .content_r li b{-webkit-line-clamp: 2;}
.content_r.no_b b{display: none;}
/**goods**/
.good{display: flex;justify-content:center;align-items: center;width: 24.5%;box-shadow: 3px 3px 3px rgb(218, 218, 218);flex-flow: wrap;position: relative;border-radius: 15px;padding: 1px;box-sizing: border-box;}
.good .img_box{width: 100%;}
.good .img_box img{border-radius: 15px 15px 0 0;}
.good .good_about{width: 100%;padding-left: 8px;height: 3em;line-height: 1.25em;padding: 1px 5px 5px;box-sizing: border-box;overflow: hidden;text-align: center;position: absolute;bottom: 0;background: rgba(0, 0, 0, 0.65);color: #fff;display: flex;align-items: center;justify-content: center;}
.good_about em{font-style:normal;margin-bottom:3px;display: block;font-size: .9em;color: rgb(138, 138, 138);}
.good p{width: 100%;}
.img_box img{width: 100%;}
/*****
@media only screen and (max-width: 640px){
    #burger_bar>label{display: block;}
    #burger_bar{box-shadow: none;border-bottom: 1px solid #666;padding-bottom: 1em;}
    #burger_bar ul{display: none;}
    #burger:checked + ul{
        display:block;
    }
}
*****/