/* ** */
/********** BEST SELECTION LIST **********/
.sns-link {float:right; margin:10px 0 2px; padding-right:10px;}
.sns-link li {display:inline-block; padding:0 0 0 2px; width:30px;}
.sns-link li img {width:100%;}
/* ** */
#bestselection-contents .page-title {}
#bestselection-contents .read {margin:0 10px 40px;}
#bestselection-contents .read h2 {font-size:16px; color:#01b900; margin:0 auto 15px; text-align:center; margin:20px auto; line-height:120%;}
#bestselection-contents .read p {line-height:170%; font-size:14px; margin:15px auto 0;}
/* ** */
.selection-list{margin:0 auto 30px;}
.production-detail {margin:0 auto 30px;}
div.selection-list:last-child {margin:0 auto 30px;}
.selection-list .detail {width:100%; padding:10px 10px 0; box-sizing:border-box;}
.selection-list .text {vertical-align:top; font-size:14px;}
.selection-list .thumbnail {width:100%; max-width:640px; display:table; margin:0 auto; padding:0;}
.selection-list .thumbnail span {display:table-cell; width:100%; vertical-align:middle; background-color:#f6f6f6; line-height:0; text-align:center;}
.selection-list .thumbnail img {max-width:100%; display:block; margin:auto;}
/* ** */
.point-box {background-color:#f6f6f6;}
.information .point-box h3 {background:url(/assets/imgs/pc/bestselection/point-bg.png) center 0 no-repeat; background-size:100% 100%; width:90%; height:30px; line-height:30px; margin:auto; padding:0 10px; color:#fff; text-align:center; box-sizing:border-box;}
.point-box .detail {width:100%; padding:10px 15px; box-sizing:border-box;}
.point-box .text {display:table-cell; vertical-align:middle; font-size:14px;}
.point-box .text h4 {color:#01b900; margin:0;}
.point-box .text p {margin:0 0 5px;}
.point-box .text p:last-child {margin:0 0 0;}
.point-box .thumbnail {display:table; width:100%; max-width:640px; margin:0 auto; padding:0 0 10px 0;}
.point-box .thumbnail span {display:table-cell; width:100%; height:184px; text-align:center; vertical-align:middle; background-color:#f6f6f6; line-height:0;}
.point-box .thumbnail img {max-width:100%; display:block; margin:auto;}


/* ** */
/********** BEST SELECTION LIST **********/
.information {padding:10px; border:1px solid #ccc; margin:0 10px 30px; box-sizing:border-box;}
.information h1 {font-size:16px; margin:0 auto 10px; font-weight:normal;}
.information h1 a {text-decoration:underline; display:block;}
.information .genre {font-size:12px;}
.information .text-catch {line-height:170%; font-size:14px; margin-top:5px;}
.information h2 {font-size:14px; color:#01b900; margin:0 auto 10px; line-height:140%;}
.information h3 {font-size:14px; margin:0 0 0;}
.member {padding:10px; background-color:#f6f6f6;}
.member p {font-size:14px; margin:0 auto;}
.information table,
.school-data table {width:100%; border-left:1px solid #ccc; border-top:1px solid #ccc; margin-bottom:15px;}
.information table {margin-bottom:10px;}
.information table th,
.information table td,
.school-data table th,
.school-data table td {border-right:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#f6f6f6; font-size:12px; padding:6px 10px; line-height:160%;}
.information table th,
.school-data table th {background-color:#aaa; width:35%; text-align:center; color:#fff;}
.information table .column2 td,
.school-data table .column2 td {width:30%;}
/* ** */
.production-detail p {margin:0 auto 10px; font-size:14px; line-height:170%;}
.production-detail p:last-child {margin:0 auto;}
.production-detail .detail {margin:10px 10px 30px; box-sizing:border-box;}
.production-detail .map-data {max-width:640px; margin:0 auto 10px;}
.production-detail .address-data {max-width:640px; margin:0 auto 10px; line-height:140%;}
.production-detail .more-data {clear:both; padding:0; font-size:14px;}
.production-detail .more-data h4 {margin:0;}
.production-detail .production-name a {text-decoration:underline;}
/* ** */
.relation-information {margin:0 auto 40px;}
.sub-contents-title {text-align:center; font-size:16px; position:relative; margin:0 auto 10px; font-weight:normal;}
.sub-contents-title span {display:inline-block; background-color:#fff; position:relative; padding:0 25px;}
.sub-contents-title:before {content:""; display:block; width:100%; top:50%; left:0; border-bottom:1px solid #111; position:absolute;}



/* ** */
/********** production-list **********/
.production-list,
.school-list {max-width:640px; margin:0 auto 40px; padding:0; box-sizing:border-box;}
.school-data {margin:0 auto 20px;}
/* ** */
.syllabary-link {margin-top:20px;}
.syllabary-link ul {margin-bottom:20px;}
.syllabary-link li {float:left; width:20%; margin-bottom:10px;}
.syllabary-link li p {margin:0 auto; width:53px; height:36px; background-color:#01b900;}
.syllabary-link li a {display:table; width:100%; height:36px;}
.syllabary-link li a span {display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; color:#fff; font-weight:bold;}
.syllabary-link li:last-child {margin-right:0;}
/* ** */

.syllabary-list {padding:0 10px;}
.syllabary-list dt {background-color:#f6f6f6; border:1px solid #01b900; margin:-1px 0 0 0;}
.syllabary-list dt a {display:block; font-weight:bold; color:#01b900; line-height:20px; height:20px; padding:8px 20px; text-align:center; position:relative;}
.syllabary-list dt a:after {content:""; width:8px; height:8px; border:0; border-top:solid 2px #01b900; border-right:solid 2px #01b900; -ms-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform:rotate(135deg); display:block; position:absolute; top:50%; right:14px; margin:-8px 0 0;}
.syllabary-list dt.active a:after {-ms-transform:rotate(315deg); -webkit-transform:rotate(315deg); transform:rotate(315deg); margin:-4px 0 0 0;}
.syllabary-list dd {display:none; padding:10px 0 20px;}
.syllabary-list dd.active {display:block;}
.syllabary-list dd li {width:100%;}
.syllabary-list dd li a {padding:0 3px 8px 6px; display:block; font-size:14px; text-indent:-0.8em; margin:0 0 0 1em;}
.syllabary-list dd li a:before {content:"\2022"; color:#01b900; display:inline-block; margin-right:0.1em; font-size:32px; font-weight:bold; line-height:14px; position:relative; top:3px;}