@charset "utf-8";

/* layout
------------------------------*/
body {
-webkit-text-size-adjust: 100%;
}
.co_container_box_inner {
margin: 0 5px;
}
.contents_right {
float: left;
width: 801px;
margin:3px 0 0 14px;
text-align: center;
z-index: 1;
}
.genreTitle {
margin: 16px auto 0;
padding-bottom: 16px;
background: #fff;
}
#precedegenreTitle + .genreTitle {
margin: 48px auto 0;
}
/* main_title
------------------------------*/
.main_title {
position:relative;
margin:0 0 10px;
padding:0 0 4px 13px;
border-bottom: 2px solid #60bf00;
text-align:left;
}
.main_title:before {
left:5px;
position:absolute;
display:block;
width:5px;
height:85%;
background:#60bf00;
border-radius:3px;
clear:both;
content:'';
overflow:hidden;
}
.main_title h1.title_text {
display: inline-block;
font-size: 20px;
font-weight: bold;
color: #333;
}
.main_title .seo_text {
margin-left: 5px;
font-size: 14px;
font-weight: bold;
color: #333;
}
.nonmember_title{
margin-bottom: 17px;
}
/* tab_wrapper
------------------------------*/
.tab_wrapper {
display: flex;
margin: 13px 0 20px;
border-bottom: 1px solid #60bf00;
list-style:none;
}
.tab_content {
flex: 1;
padding: 0 4px;
text-align: center;
}
.tab_content:first-child {
padding-left: 0;
}
.tab_content:last-child {
padding-right: 0;
}
.tab_content .explain {
display: block;
height: 44px;
margin-top: 11px;
background: #fff;
border: 1px solid #ccc;
border-bottom: none;
border-radius: 5px 5px 0 0;
line-height: 46px;
font-size: 16px;
font-weight: bold;
color: #666;
}
.tab_content.selected {
position: relative;
bottom: -1px;
}
.tab_content.selected .explain {
height: 49px;
margin-top: 0;
border-top: 7px solid #60bf00;
border-color: #60bf00;
line-height: 48px;
color: #60bf00;
pointer-events: none;
}
.tab_content .explain:hover {
background: #eee;
opacity: 1;
color: #666;
text-decoration: none;
}
.tab_content.selected .explain:hover {
color: #60bf00;
}
/* sort_area
------------------------------*/
.sort_area {
margin:0 7px 0 8px;
}
.sort_contents{
margin-bottom: 8px;
}
.sort_area .sort_contents:last-child{
margin-bottom: 0;
}
.sort_contents .label{
position: relative;
float:left;
width: 70px;
margin: 0 15px 8px 0;
padding: 6px 0;
background: #fafafa;
border: 1px solid #bbb;
border-radius: 3px;
line-height: 18px;
text-align: center;
font-size: 13px;
font-weight: bold;
color: #666;
}
.sort_contents .label:before{
position: absolute;
top: -1px;
right: -7px;
border-top: transparent 16px solid;
border-bottom: transparent 16px solid;
border-left: 7px solid #BBB;
content: "";
}
.sort_contents .label:after{
position: absolute;
top: -1px;
right: -6px;
border-top: transparent 16px solid;
border-bottom: transparent 16px solid;
border-left: 7px solid #FAFAFA;
content: "";
}
.sort_contents.genre ul + ul {
margin-left: 87px;
}
.sort_contents ul a{
display: block;
float:left;
margin: 0 5px 8px 0;
color: #666;
text-decoration: none;
}
.sort_contents ul a li {
position: relative;
list-style:none;
padding: 6px 12px 6px 6px;
background: #fff;
border: 1px solid #bbb;
border-radius: 3px;
line-height: 18px;
text-align: center;
font-size: 13px;
font-weight: bold;
color: #666;
}
.sort_contents ul a:nth-last-child(1) {
margin-right: 0;
}
.sort_contents ul a:hover li,
.sort_contents ul a li.current{
background: #60bf00;
color: #fff;
}
.sort_contents ul li span.arrow {
position: absolute;
top: 11px;
right: 3px;
border-style: solid;
border-width: 3px 0 3px 5px;
border-color: transparent transparent transparent #555;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sort_contents ul li.current span.arrow,
.sort_contents ul a:hover li span.arrow {
border-color: transparent transparent transparent #fff;
}
/* secTitle
------------------------------*/
.secTitle {
height: 40px;
margin: 0 auto;
padding: 0 16px;
background: #fafafa;
border-top: 2px solid #60bf00;
border-bottom: 1px solid #eaeaea;
line-height: 40px;
text-align: left;
color: #333;
}
.secTitle a {
display: flex;
justify-content: space-between;
height: 40px;
line-height: 40px;
color: #333;
text-decoration: none;
}
.secTitle .titleTxt {
font-size: 17px;
color: #333;
}
.secTitle .rightLinkMore {
position: relative;
padding: 0 8px;
line-height: 40px;
text-align: right;
font-size: 16px;
font-weight: bold;
color: #333;
}
.secTitle .rightLinkMore:after {
content: '';
display: block;
clear: both;
position: absolute;
top: 50%;
right: 0;
width: 6px;
height: 6px;
margin-top: -5px;
border-top: 2px solid #333;
border-right: 2px solid #333;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
/* genreName
------------------------------*/
.titleBox .genreName {
width: 135px;
height: 18px;
margin: 0 10px 10px;
}
.titleBox .genreName a,
.titleBox .genreName p {
display: block;
background: #fff;
border: 1px solid #0088cf;
border-radius: 3px;
box-sizing: border-box;
line-height: 18px;
text-align: center;
font-size: 11px;
color: #0088cf;
text-decoration: none;
overflow: hidden;
}
/* rankNum
------------------------------*/
.titleBox .rankNum {
height: 22px;
margin: 0 auto;
line-height: 22px;
text-align: center;
font-size: 18px;
color: #f60;
}
.titleBox .rankNum a {
color: #f60;
text-decoration: none;
}
.titleBox .rankNum span {
font-size: 14px;
}
/* cam_mark
------------------------------*/
.titleBox .thum_box .cam_mark {
position: absolute;
top: 0;
right: 0;
width: auto;
height: 17px;
padding: 2px;
background: #fff;
border: 1px solid #f00;
box-sizing: border-box;
line-height: 11px;
font-size: 11px;
color: #f00;
}
.titleBox .thum_box .cam_mark.new {
background: #ec1e0d;
color: #fff;
}
/* noscrollTitle
------------------------------*/
.noscrollTitle .titleBox {
display: flex;
margin:16px;
}
.noscrollTitle .titleBox + .titleBox {
margin: 24px 16px 16px;
}
.noscrollTitle .titleBox .title_wrap {
display: flex;
flex-direction: column;
align-items: center;
margin: 0;
}
.noscrollTitle.thumb6Area .titleBox .title_wrap {
flex: 0 0 calc(100% / 6);
}
.noscrollTitle.thumb5Area .titleBox .title_wrap {
flex: 0 0 calc(100% / 5);
}
.noscrollTitle .titleBox .title_wrap a {
display: block;
}
.noscrollTitle .titleBox .title_wrap a.title_link {
width: 100%;
margin: 0 auto;
text-align: center;
text-decoration: none;
}
.noscrollTitle .titleBox .thum_box {
display: flex;
align-items: center;
width: 100%;
margin: 0 auto;
}
.noscrollTitle .titleBox .thum_box .pos_r {
position: relative;
margin: 0 auto;
text-align: center;
}
.noscrollTitle.thumb6Area .titleBox .thum_box {
max-width: 115px;
max-height: 156px;
}
.noscrollTitle.thumb6Area .titleBox .thum_box .pos_r {
height: 156px;
}
.noscrollTitle.thumb5Area .titleBox .thum_box {
max-width: 135px;
max-height: 191px;
}
.noscrollTitle.thumb5Area .titleBox .thum_box .pos_r {
height: 191px;
}
.noscrollTitle .titleBox .thum_box img {
width: auto;
max-width: 100%;
height: auto;
max-height: 100%;
}
.noscrollTitle .titleBox a:hover .thum_box img {
opacity: 0.7;
}
.noscrollTitle .titleBox .icon_precede {
position: absolute;
bottom: 0;
left: 0;
line-height: 0;
}
.noscrollTitle .titleBox .icon_precede img {
opacity: 0.8;
}
.noscrollTitle.thumb6Area .titleBox .text_box {
width: 115px;
margin: 0 auto;
}
.noscrollTitle.thumb5Area .titleBox .text_box {
width: 135px;
margin: 0 auto;
}
.noscrollTitle .titleBox .title_name {
height: 14px;
margin: 5px 4px 0;
line-height: 14px;
text-align:center;
font-size: 12px;
color: #333;
word-break: break-all;
overflow: hidden;
}
.noscrollTitle .titleBox a:hover .title_name {
text-decoration: underline;
}
.noscrollTitle.thumb6Area .titleBox .btn_box {
width: 115px;
margin: 8px auto 0;
}
.noscrollTitle.thumb5Area .titleBox .btn_box {
width: 135px;
margin: 8px auto 0;
}
.noscrollTitle .titleBox .btn_box a {
display: block;
max-width: 180px;
height: 30px;
margin: 0 auto;
padding-top: 2px;
background: #fbda37;
border: 1px solid #d8c90f;
border-radius: 4px;
box-sizing: border-box;
line-height: 26px;
text-align: center;
font-size: 13px;
font-weight: bold;
color: #5c4d31;
text-decoration: none;
font-feature-settings: "palt";
}
.noscrollTitle .titleBox .btn_box .btn02 {
background: #fff;
border: 1px solid #ec1e0d;
color: #ec1e0d;
}
/* scrollTitle
------------------------------*/
.scrollTitle .titleBox {
position: relative;
display: flex;
flex-wrap: wrap;
margin: 16px auto;
padding: 0 40px 0 30px;
overflow-x: auto;
}
.scrollTitle .titleBox a.title_link {
text-decoration: none;
}
.scrollTitle .titleBox .thum_box {
display: flex;
align-items: center;
width: 100%;
max-width: 131px;
max-height: 178px;
margin: auto;
}
.scrollTitle .titleBox .thum_box .pos_r {
position: relative;
height: 178px;
margin: 0 auto;
text-align: center;
}
.scrollTitle .titleBox .thum_box img {
width: auto;
max-width: 100%;
height: auto;
max-height: 100%;
}
.scrollTitle .titleBox a:hover .thum_box img {
opacity: 0.7;
}
.scrollTitle .titleBox .icon_precede {
position: absolute;
bottom: 0;
left: 0;
line-height: 0;
}
.scrollTitle .titleBox .icon_precede img {
opacity: 0.8;
}
.scrollTitle .titleBox .text_box {
width: 131px;
margin: 0 auto;
}
.scrollTitle .titleBox .title_name {
height: 14px;
margin: 5px 4px 0;
line-height: 14px;
text-align:center;
font-size: 12px;
color: #333;
word-break: break-all;
overflow: hidden;
}
.scrollTitle .titleBox a:hover .title_name {
text-decoration: underline;
}
.scrollTitle .titleBox .btn_box {
width: 131px;
margin: 8px auto 0;
}
.scrollTitle .titleBox .btn_box a {
display: block;
max-width: 180px;
height: 30px;
margin: 0 auto;
padding-top: 2px;
background: #fbda37;
border: 1px solid #d8c90f;
border-radius: 4px;
box-sizing: border-box;
line-height: 26px;
text-align: center;
font-size: 13px;
font-weight: bold;
color: #5c4d31;
text-decoration: none;
font-feature-settings: "palt";
}
.scrollTitle .titleBox .btn_box .btn02 {
background: #fff;
border: 1px solid #ec1e0d;
color: #ec1e0d;
}
.scrollTitle .titleBox .swiper-button-prev.custom {
left: 8px;
width: 24px;
height: 24px;
margin-top: -44px;
}
.scrollTitle .titleBox .swiper-button-next.custom {
right: 8px;
width: 24px;
height: 24px;
margin-top: -44px;
}
.scrollTitle .titleBox .swiper-button-next.custom:after,
.scrollTitle .titleBox .swiper-button-prev.custom:after {
-webkit-transform: rotate(-135deg);
display: block;
position: absolute;
top: 6px;
right: 5px;
width: 16px;
height: 16px;
clear: both;
transform: rotate(-135deg);
border-top: 2px solid #777;
border-right: 2px solid #777;
content: "next";
content: "";
}
.scrollTitle .titleBox .swiper-button-next.custom:after {
-webkit-transform: rotate(45deg);
right: 7px;
transform: rotate(45deg);
}
/* appealTitle
------------------------------*/
#appealTitle01.appealTitle {
margin: 0 auto;
padding: 24px 24px 0;
background: #f6f6f6;
}
#appealTitle02.appealTitle {
margin: 0 auto;
padding: 0 24px 24px;
background: #f6f6f6;
}
#appealTitle01.appealTitle.only,
#appealTitle02.appealTitle.only {
padding: 24px;
}
#appealTitle01.appealTitle.only,
#appealTitle02.appealTitle {
margin: 0 auto 48px;
}
.appealTitle .secTitle {
height: 25px;
margin: 0 auto;
padding: 12px 16px;
background: #ffe86c;
border: 1px solid #ddd;
border-bottom: none;
line-height: 25px;
text-align: left;
color: #000;
word-break: break-all;
}
.appealTitle .secTitle a:hover {
opacity: 0.7;
text-decoration: none;
}
#appealTitle01 + #appealTitle02.appealTitle .secTitle {
border-top: none;
}
.appealTitle .secTitle a {
position: relative;
display: block;
height: 25px;
color: #333;
text-decoration: none;
}
.appealTitle .secTitle .titleTxt {
height: 25px;
padding: 0;
line-height: 26px;
font-size: 20px;
font-weight: bold;
color: #333;
}
.appealTitle .secTitle .titleTxt .obi_mark {
display: inline-block;
margin-right: 8px;
padding: 3px 4px;
background: #ff4c0c;
vertical-align: middle;
line-height: 19px;
font-size: 16px;
font-weight: bold;
color: #fff;
}
.appealTitle .secTitle .rightLinkMore {
position: absolute;
top: 0;
right: 0;
display: block;
padding-right: 13px;
line-height: 26px;
font-size: 16px;
font-weight: bold;
color: #333;
}
.appealTitle .secTitle .rightLinkMore:after {
content: '';
display: block;
clear: both;
position: absolute;
top: 50%;
right: 4px;
width: 6px;
height: 6px;
margin-top: -5px;
border-top: 2px solid #333;
border-right: 2px solid #333;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.appealTitle .titleBox {
margin: 0 auto;
padding: 16px;
background: #fff;
border: 1px solid #ddd;
}
.appealTitle .secTitle + .titleBox {
border-top: none;
}
#appealTitle01 + #appealTitle02.appealTitle > .titleBox {
border-top: none;
}
.appealTitle.sliderArea .titleBox {
position: relative;
padding: 16px 22px
}
.appealTitle .titleBox ul {
display: flex;
column-gap: 24px;
width: 100%;
margin: 0 auto;
list-style: none;
}
.appealTitle.thumb1Area .titleBox ul,
.appealTitle.thumb2Area .titleBox ul,
.appealTitle.thumb4Area .titleBox ul {
column-gap: 24px;
}
.appealTitle.thumb3Area .titleBox ul {
column-gap: 16px;
}
.appealTitle.thumb1Area .titleBox li {
display: flex;
column-gap: 16px;
width: 100%;
}
.appealTitle.thumb2Area .titleBox li {
display: flex;
column-gap: 16px;
width: calc((100% - 24px) / 2);
}
.appealTitle.thumb3Area .titleBox li {
display: flex;
column-gap: 12px;
width: calc((100% - 24px) / 3);
}
.appealTitle.thumb4Area .titleBox li {
display: block;
width: calc((100% - 72px) / 4);
}
.appealTitle .titleBox .thum_box {
margin:0 auto;
vertical-align: top;
text-align: center;
}
.appealTitle.thumb1Area .titleBox .thum_box,
.appealTitle.thumb2Area .titleBox .thum_box,
.appealTitle.thumb4Area .titleBox .thum_box,
.appealTitle.sliderArea .titleBox .thum_box {
width: 150px;
}
.appealTitle.thumb3Area .titleBox .thum_box {
width: 100px;
}
.appealTitle .titleBox .thum_box a {
display:block;
}
.appealTitle .titleBox .thum_box img {
border: 1px solid #eee;
}
.appealTitle.thumb1Area .titleBox .thum_box img,
.appealTitle.thumb2Area .titleBox .thum_box img {
max-width: 150px;
max-height: 205px;
}
.appealTitle.thumb4Area .titleBox .thum_box img,
.appealTitle.sliderArea .titleBox .thum_box img {
max-width: 150px;
max-height: 190px;
}
.appealTitle.thumb3Area .titleBox .thum_box img {
max-width: 100px;
max-height: 135px;
}
.appealTitle .titleBox .icon_precede {
position: absolute;
bottom: 0;
left: 0;
line-height: 0;
}
.appealTitle .titleBox .icon_precede img {
opacity: 0.8;
}
.appealTitle .titleBox .text_box {
margin: 0 auto;
}
.appealTitle.thumb4Area .titleBox .text_box,
.appealTitle.sliderArea .titleBox .text_box {
width: 150px;
}
.appealTitle .titleBox .text_box a:hover {
text-decoration: none;
}
.appealTitle .titleBox .text_box a:hover img {
opacity: 0.7;
}
.appealTitle.thumb1Area .titleBox .text_box a,
.appealTitle.thumb1Area .titleBox .text_box a:hover,
.appealTitle.thumb2Area .titleBox .text_box a,
.appealTitle.thumb2Area .titleBox .text_box a:hover,
.appealTitle.thumb3Area .titleBox .text_box a,
.appealTitle.thumb3Area .titleBox .text_box a:hover {
color: #333;
}
.appealTitle.thumb1Area .titleBox .title_name,
.appealTitle.thumb2Area .titleBox .title_name,
.appealTitle.thumb3Area .titleBox .title_name {
text-align: left;
font-weight: bold;
color: #333;
word-break: break-word;
}
.appealTitle.thumb1Area .titleBox .title_name {
line-height: 19px;
font-size: 16px;
}
.appealTitle.thumb2Area .titleBox .title_name {
max-height: 95px;
line-height: 19px;
font-size: 16px;
overflow: hidden;
}
.appealTitle.thumb3Area .titleBox .title_name {
max-height: 51px;
line-height: 17px;
font-size: 14px;
overflow: hidden;
}
.appealTitle.thumb4Area .titleBox .title_name,
.appealTitle.sliderArea .titleBox .title_name {
height: 15px;
margin: 8px auto 0;
line-height: 15px;
text-align: center;
font-size: 12px;
font-weight: normal;
color: #333;
overflow: hidden;
}
.appealTitle.thumb4Area .titleBox .title_name a,
.appealTitle.thumb4Area .titleBox .title_name a:hover,
.appealTitle.sliderArea .titleBox .title_name a,
.appealTitle.sliderArea .titleBox .title_name a:hover {
display: block;
height: 15px;
line-height: 15px;
font-size: 12px;
font-weight: normal;
color: #333;
overflow: hidden;
}
#appealTitle01.appealTitle .titleBox a:hover .title_name,
#appealTitle02.appealTitle .titleBox .title_name a:hover {
color: #333;
text-decoration: underline;
}
.appealTitle .titleBox .intro {
max-height: 68px;
margin-top: 8px;
text-align: left;
line-height: 17px;
font-size: 14px;
overflow: hidden;
}
.appealTitle .titleBox .btn_box {
margin: 8px auto 0 0;
}
.appealTitle .titleBox .btn_box a {
display: block;
background: #fbda37;
border: 1px solid #d8c90f;
border-radius: 3px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
font-size: 14px;
font-weight: bold;
color: #5c4d31;
text-decoration: none;
font-feature-settings: "palt";
}
.appealTitle.thumb1Area .titleBox .btn_box,
.appealTitle.thumb2Area .titleBox .btn_box {
width: 128px;
height: 34px;
}
.appealTitle.thumb1Area .titleBox .btn_box a,
.appealTitle.thumb2Area .titleBox .btn_box a {
width: 128px;
height: 34px;
line-height: 34px;
}
.appealTitle.thumb3Area .titleBox .btn_box {
width: 100px;
height: 27px;
}
.appealTitle.thumb3Area .titleBox .btn_box a {
width: 100px;
height: 27px;
line-height: 27px;
}
.appealTitle.thumb4Area .titleBox .btn_box,
.appealTitle.sliderArea .titleBox .btn_box {
width: 120px;
height: 30px;
margin: 8px auto 0;
}
.appealTitle.thumb4Area .titleBox .btn_box a,
.appealTitle.sliderArea .titleBox .btn_box a {
width: 120px;
height: 30px;
line-height: 30px;
}
.appealTitle .swiper-container {
margin: 0 auto;
padding: 0 10px;
}
.appealTitle .swiper-button-prev.custom {
left: 16px;
width: 24px;
height: 24px;
margin-top: -44px;
}
.appealTitle .swiper-button-next.custom {
right: 16px;
width: 24px;
height: 24px;
margin-top: -44px;
}
.appealTitle .swiper-button-next.custom:after,
.appealTitle .swiper-button-prev.custom:after {
-webkit-transform: rotate(-135deg);
display: block;
position: absolute;
top: 6px;
right: 5px;
width: 16px;
height: 16px;
clear: both;
transform: rotate(-135deg);
border-top: 2px solid #777;
border-right: 2px solid #777;
content: "next";
content: "";
}
.appealTitle .swiper-button-next.custom:after {
-webkit-transform: rotate(45deg);
right: 7px;
transform: rotate(45deg);
}
/* #precede
------------------------------*/
#precedegenreTitle .secTitle,
#precedeBoygenreTitle .secTitle {
background: #fbda37;
border-top: 2px solid #5c4d31;
border-bottom: none;
}
.genm #precedegenreTitle .secTitle {
background: #eaf1fa;
border-top: 2px solid #0185e5;
border-bottom: none;
}
#precedeBoygenreTitle {
padding: 0 0 10px 0;
background: #fbda37;
border-bottom: none;
}
#precedeGirlgenreTitle {
margin: 0 auto;
background: #fbda37;
border-top: none;
}
#precedegenreTitle {
padding-bottom: 8px;
background: #fbda37;
}
.genm #precedegenreTitle {
background: #eaf1fa;
}
#precedeGirlgenreTitle .titleBox {
margin:0 16px 16px;
}
#precedegenreTitle .titleBox .btn_box a,
#precedeBoygenreTitle .titleBox .btn_box a,
#precedeGirlgenreTitle .titleBox .btn_box a {
background: #fff;
}
.genm #precedegenreTitle .titleBox .btn_box a {
background: #fbda37;
}
/* recommend(fix5Area)
------------------------------*/
.fixBox{
margin: 0 auto;
}
.fixBox ul{
display: flex;
margin: 16px;
list-style: none;
}
.fixBox ul + ul{
margin: 24px 16px 16px;
}
.fixBox li{
display: flex;
flex: 0 0 calc(100% / 5);
flex-direction: column;
align-items: center;
margin: 0;
}
.fixBox .genre_name {
width: 135px;
height: 18px;
margin: 0 10px 10px;
}
.fixBox .genre_name p {
background: #fff;
border: 1px solid #0088cf;
border-radius: 3px;
box-sizing: border-box;
line-height: 18px;
text-align: center;
font-size: 11px;
color: #0088cf;
text-decoration: none;
overflow: hidden;
}
.fixBox .thum_box{
display: flex;
align-items: flex-start;
width: 100%;
max-width: 135px;
height: 100%;
max-height: 191px;
margin: 0 auto;
}
.fixBox .thum_box a{
display:inline-block;
}
.fixBox .position_r {
position: relative;
}
.fixBox .thum_box img {
width: auto;
max-width: 100%;
height: auto;
max-height: 100%;
}
.fixBox .text_box {
width: 135px;
margin: 0 auto;
}
.fixBox .title_name {
height: 14px;
margin: 5px 4px 0;
line-height: 14px;
text-align: center;
font-size: 12px;
color: #333;
word-break: break-all;
overflow: hidden;
}
.fixBox .title_name a {
line-height: 14px;
font-size: 12px;
color: #333;
}
.fixBox .author_name {
display: none;
}
.fixBox .btn_box{
width: 135px;
margin: 8px auto 0;
}
.fixBox .btn_box a{
display: block;
max-width: 180px;
height: 30px;
margin: 0 auto;
padding-top: 2px;
background: #fbda37;
border: 1px solid #d8c90f;
border-radius: 4px;
box-sizing: border-box;
line-height: 26px;
text-align: center;
font-size: 13px;
font-weight: bold;
color: #5c4d31;
text-decoration: none;
font-feature-settings: "palt";
}
/* noList
------------------------------*/
.noList{
padding: 8px;
background: #fff;
text-align: left;
}
.noList dl{
margin-top: 8px;
}
.noList p,
.noList dt,
.noList dd {
line-height: 20px;
font-size: 15px;
}