@charset "utf-8";

/* ****************************************************
news.css
Define container /news/society/.
***************************************************** */

/* reset
=================================*/
figure {
	margin: 0;
}
img {
	vertical-align: bottom;
}


/* settings
=================================*/
#contentsContainer.societyIndex * {
	box-sizing: border-box;
}



@media print, screen and (min-width: 769px) {

#contentsContainer.societyIndex {
  width: 100%;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}
#contentsContainer.societyIndex .contentsBody {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
/* common settings  irと共通
=================================*/
/* column
---------------------------------*/
#contentsContainer.societyIndex [data-row-pc]:not([data-row-pc="1"]) {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#contentsContainer.societyIndex [data-row-pc="2"] > * {
	width: calc( ( 100% - 36px ) / 2 );
}
#contentsContainer.societyIndex [data-row-pc="3"] > * {
	width: calc( ( 100% - 72px ) / 3 );
}
#contentsContainer.societyIndex [data-row-pc="2"] > *:not(:nth-child(2n)),
#contentsContainer.societyIndex [data-row-pc="3"] > *:not(:nth-child(3n)) {
	margin-right: 36px;
}
#page-wrapper #contentsContainer.societyIndex [data-row-pc="2"] > *:nth-child(-n+2),
#page-wrapper #contentsContainer.societyIndex [data-row-pc="3"] > *:nth-child(-n+3) {
	margin-top: 0;
}
/* society-title
---------------------------------*/
#contentsContainer .society-title {
  position: relative;
}
#contentsContainer .society-title .heading-01 {
  width: 100%;
  min-height: 340px;
  padding: 70px 10px 0;
  background: url(/news/society/images/index_bg01.png) no-repeat;
  color: #ffffff;
}
#contentsContainer .society-title .heading-01 h1 {
  margin: 0 auto;
  text-align: center;
}
#contentsContainer .society-title .heading-01 span.inner-title {
  display: inline-block;
  padding: 10px 0;
  font-size: 240%;
  font-weight: bold;
  color: #ffffff;
  line-height: 1.3;
  width: 1200px;
  margin: 0 auto;
}
#contentsContainer .society-title .heading-text {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #ffffff;
  opacity: 0.7;
  color: #000000;
  text-align: center;
}
#contentsContainer .society-title .heading-text .text-area {
  display: inline-block;
  width: 1200px;
  padding: 36px 20px;
  line-height: 1.8;
  font-size: 120%;
  text-align: center;
}
/* society-category
---------------------------------*/
#contentsContainer .society-category {
  color: #ffffff;
}
#contentsContainer .society-category .category-inner {
  -webkit-display: flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
#contentsContainer .category-inner .type-music {
  width: 50%;
  background: url(/news/society/images/index_ic01.png) no-repeat #cb456e right 64px bottom 37px/177px 176px;
}
#contentsContainer .category-inner .type-sports {
  width: 50%;
  background: url(/news/society/images/index_ic02.png) no-repeat #2e71af left 390px bottom 64px/211px 170px;
}
#contentsContainer .category-inner .type-education {
  width: 50%;
  background: url(/news/society/images/index_ic03.png) no-repeat #6a5099 right 64px bottom 37px/226px 170px;
}
#contentsContainer .category-inner .type-tech {
  width: 50%;
  background: url(/news/society/images/index_ic04.png) no-repeat #e06e36 left 370px bottom 38px/224px 196px;
}
#contentsContainer .society-category .category-innerL {
  width: 600px;
  margin-left: auto;
  padding: 30px 80px 30px 20px;
}
#contentsContainer .society-category .category-innerR {
  width: 600px;
  margin-right: auto;
  padding: 30px 20px 30px 80px;
}
#contentsContainer .heading-02 {
  padding: 8px 10px 20px;
  line-height: 1.1;
  text-align: center;
  border-bottom: 2px solid #ffffff;
}
#contentsContainer .heading-02 span.inner-title {
  font-weight: bold;
  font-size: 186%;
  color: #ffffff;
}
#contentsContainer .inner-text {
  margin-top: 30px;
}
#contentsContainer ul.inner-list {
  margin-top: 30px;
  font-weight: bold;
}
#contentsContainer ul.inner-list li {
  margin-top: 18px;
  padding: 1px 10px 2px 15px;
  border-left: 3px solid #ffffff;
}
/* Button */
#contentsContainer .inner-button {
  margin-top: 30px;
  text-align: center;
}
#contentsContainer .inner-button a.link-button {
  display: block;
  width: 208px;
  margin: 0 auto;
  padding: 10px 50px;
  text-decoration: none !important;
  box-sizing: border-box;
  background: #ffffff url(/common/images/com_icn01.png) no-repeat 20px 50%;
  border: 1px solid #ccc;
  color: #333333;
}
#contentsContainer .inner-button a.link-button:hover {
  border: 1px solid #d7083b;
  background: #ffffff url(/common/images/com_icn79.png) no-repeat 20px 50%;
  color: #d7083b;
}
/* society-topics
---------------------------------*/
#contentsContainer .society-topics {
  margin-top: 60px;
  border-bottom: 1px solid #dddddd;
}
#contentsContainer .society-topics .topics-heading {
  padding: 0 20px 20px 2px;
}
#contentsContainer .society-topics .heading-area {
  font-size: 130%;
  font-weight: bold;
}
#contentsContainer .society-topics .topics-area {
  border-top: 1px solid #dddddd;
}
#contentsContainer .society-topics .tipics-link {
  display: block;
  -webkit-display: flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  padding: 13px 20px 13px 0;
  color: #333333;
  text-decoration: none;
}
#contentsContainer .society-topics .topics-detail {
  -webkit-display: flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
#contentsContainer .society-topics .topics-property {
  -webkit-display: flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin-right: 25px;
}
#contentsContainer .society-topics .topics-property .topics-data {
  width: 7em;
  padding-right: 25px;
}
#contentsContainer .society-topics .topics-property .topics-icon {
  position: relative;
  width: 140px;
  padding: 4px 6px 4px 30px;
  font-size: 80%;
  text-align: center;
}
#contentsContainer .society-topics .topics-property .topics-icon.type01-music {
  border: 1px solid #cb456e;
  color: #cb456e;
}
#contentsContainer .society-topics .topics-property .topics-icon.type01-music::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 100%;
  background: url(/news/society/images/index_ic05.jpg) no-repeat left center #cb456e;
}
#contentsContainer .society-topics .topics-property .topics-icon.type02-sports {
  border: 1px solid #2e71af;
  color: #2e71af;
}
#contentsContainer .society-topics .topics-property .topics-icon.type02-sports::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 100%;
  background: url(/news/society/images/index_ic06.jpg) no-repeat left center #2e71af;
}
#contentsContainer .society-topics .topics-property .topics-icon.type03-education {
  border: 1px solid #6a5099;
  color: #6a5099;
}
#contentsContainer .society-topics .topics-property .topics-icon.type03-education::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 100%;
  background: url(/news/society/images/index_ic07.jpg) no-repeat left center #6a5099;
}
#contentsContainer .society-topics .topics-property .topics-icon.type04-tech {
  border: 1px solid #e06e36;
  color: #e06e36;
}
#contentsContainer .society-topics .topics-property .topics-icon.type04-tech::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 100%;
  background: url(/news/society/images/index_ic08.jpg) no-repeat left center #e06e36;
}
#contentsContainer .society-topics .topics-title {
  color: #2b7bb2;
  text-decoration: none;
}
#contentsContainer .society-topics .tipics-link:hover .topics-title {
  color: #d7063b;
  text-decoration: underline;
}
/* society-column
-------------------------------*/
#contentsContainer .society-column {
  margin-top: 60px;
}
#contentsContainer .society-column > .col {
  position: relative;
}
#contentsContainer .col-image-box::after {
  position: absolute;
  content: "";
  bottom: 0;
  right: 0;
  width: 31px;
  height: 31px;
  background: url(/common/images/com_icn40.png) no-repeat 80% 80%, linear-gradient(135deg, transparent 50%,#d7063b 51%);
}
#contentsContainer .col-image {
  overflow: hidden;
}
#contentsContainer .col-image img {
  -webkit-transition: all .6s;
  transition: all .6s;
}
#contentsContainer .col-image img:hover {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
/* local-navi
-------------------------------*/
.local-navi {
  margin-top: 60px;
}
/*===============================
  /news/society/music/
  /news/society/sports/
  /news/society/education/
  /news/society/tech/
=================================*/
/* heading
-------------------------------*/
#contentsContainer .society-heading.type-h-music {
  background: #cb456e;
}
#contentsContainer .society-heading.type-h-sports {
  background: #2e71af;
}
#contentsContainer .society-heading.type-h-education {
  background: #6a5099;
}
#contentsContainer .society-heading.type-h-tech {
  background: #e06e36;
}
#contentsContainer .society-heading h1.heading-inner {
  width: 1200px;
  margin: 0 auto;
}
#contentsContainer .society-heading02 {
  margin-top: 48px;
}
#contentsContainer .society-heading02 h2.heading-inner {
  position: relative;
}
#contentsContainer .society-heading02 h2.heading-inner::before {
  content: "";
  position: absolute;
  top: 2em;
  left: 0;
  width: 20px;
  height: 3px;
  background: #2e71af;
}
#contentsContainer .society-heading02 h2.heading-inner .inner-title {
  padding: 12px 0 15px 30px;
  font-size: 170%;
  font-weight: bold;
}
#contentsContainer .society-heading.type-h-music h1.heading-inner {
  background: url(/news/society/images/index_ic01.png) no-repeat right 12px/149px 141px;
}
#contentsContainer .society-heading.type-h-sports h1.heading-inner {
  background: url(/news/society/images/index_ic02.png) no-repeat right 6px/188px 154px;
}
#contentsContainer .society-heading.type-h-education h1.heading-inner {
  background: url(/news/society/images/index_ic03.png) no-repeat right 5px/207px 156px;
}
#contentsContainer .society-heading.type-h-tech h1.heading-inner {
  background: url(/news/society/images/index_ic04.png) no-repeat right 14px/163px 143px;
}
#contentsContainer .society-heading .inner-title {
  padding: 54px 0;
  font-size: 200%;
  font-weight: bold;
  color: #ffffff;
  overflow: hidden;
}
/* society-media
-------------------------------*/
#contentsContainer .society-media {
  margin-top: 20px;
}
#contentsContainer .society-heading02 + .society-media {
  margin-top: 0;
}
#contentsContainer .society-heading02 + .society-media > .media-wrap:first-child {
  padding-top: 25px;
}
#contentsContainer .society-media > .media-wrap {
  padding: 40px 0;
  border-bottom: 1px solid #dddddd;
}
#contentsContainer .society-media > .media-wrap:last-child {
  border-bottom: none;
}
#contentsContainer .society-media a.media-link {
  display: inline-block;
}
#contentsContainer .society-media a.media-link:hover {
  text-decoration: none;
}
#contentsContainer .society-media > .media-wrap .column-image {
  float: left;
  width: 376px;
  margin-right: 36px;
}
#contentsContainer .society-media > .media-wrap .column-detail {
  float: left;
  width: 788px;
}
#contentsContainer .society-media > .media-wrap .datail-data {
  margin-top: 0;
}
#contentsContainer .society-media > .media-wrap .datail-read {
  margin-top: 14px;
  font-size: 110%;
  font-weight: bold;
  color: #2b7bb2;
}
#contentsContainer .society-media > .media-wrap a.media-link:hover .datail-read {
  color: #d7063b;
}
#contentsContainer .society-media > .media-wrap .datail-text {
  margin-top: 34px;
  line-height: 1.6;
}
}

@media only screen and (max-width: 768px) {

#contentsContainer.societyIndex img {
	max-width: 100%;
}
#contentsContainer.societyIndex {
	width: 100%;
	margin: 0 0 18px;
}
#contentsContainer.societyIndex .contentsBody {
	padding-left: 18px;
	padding-right: 18px;
}

/* common settings  irと共通
=================================*/
/* column
---------------------------------*/
#contentsContainer.societyIndex [data-row-sp]:not([data-row-sp="1"]) {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#contentsContainer.societyIndex [data-row-sp="2"] > * {
	width: calc( ( 100% - 15px ) / 2 );
}
#contentsContainer.societyIndex [data-row-sp="3"] > * {
	width: calc( ( 100% - 30px ) / 3 );
}
#contentsContainer.societyIndex [data-row-sp="2"] > *:not(:nth-child(2n)),
#contentsContainer.societyIndex [data-row-sp="3"] > *:not(:nth-child(3n)) {
	margin-right: 15px;
}
#page-wrapper #contentsContainer.societyIndex [data-row-sp="2"] > *:nth-child(-n+2),
#page-wrapper #contentsContainer.societyIndex [data-row-sp="3"] > *:nth-child(-n+3) {
	margin-top: 0;
}
/* society-title
---------------------------------*/
#contentsContainer .society-title {
  width: 100%;
}
#contentsContainer .society-title .heading-01 {
  background: #666666;
  padding: 37px 18px;
}
#contentsContainer .society-title .heading-01 .inner-title {
  font-size: 1.8rem;
  font-weight: bold;
  color: #ffffff;
}
#contentsContainer .society-title .heading-text {
  width: 100%;
  padding: 20px 18px;
}
#contentsContainer .society-title .heading-text .text-area {
  font-size: 1.4rem;
}
/* society-category
---------------------------------*/
#contentsContainer .society-category {
  color: #ffffff;
}
#contentsContainer .society-category .category-inner {
}
#contentsContainer .category-inner .type-music {
  background: url(/news/society/images/index_ic01.png) no-repeat #cb456e right 9px bottom 70px/106px 105px;
}
#contentsContainer .category-inner .type-sports {
  background: url(/news/society/images/index_ic02.png) no-repeat #2e71af right 5px bottom 65px/112px 92px;
}
#contentsContainer .category-inner .type-education {
  background: url(/news/society/images/index_ic03.png) no-repeat #6a5099 right 4px bottom 64px/121px 91px;
}
#contentsContainer .category-inner .type-tech {
  background: url(/news/society/images/index_ic04.png) no-repeat #e06e36 right 5px bottom 67px/117px 102px;
}
#contentsContainer .society-category .category-innerL {
  width: 100%;
  padding: 10px 18px 25px;
}
#contentsContainer .society-category .category-innerR {
  width: 100%;
  padding: 10px 18px 25px;
}
#contentsContainer .heading-02 {
  padding: 10px 15px 20px;
  line-height: 1.1;
  text-align: center;
  border-bottom: 2px solid #ffffff;
}
#contentsContainer .heading-02 span.inner-title {
  font-weight: bold;
  font-size: 1.7rem;
  color: #ffffff;
}
#contentsContainer .inner-text {
  margin-top: 20px;
}
#contentsContainer ul.inner-list {
  margin-top: 20px;
  font-weight: bold;
}
#contentsContainer ul.inner-list li {
  margin-top: 10px;
  padding: 1px 0 2px 5px;
  border-left: 3px solid #ffffff;
}
/* Button */
#contentsContainer .inner-button {
  margin-top: 25px;
  text-align: center;
}
#contentsContainer .inner-button a.link-button {
  display: block;
  width: 80%;
  margin: 0 auto;
  padding: 14px 50px 15px;
  text-decoration: none !important;
  box-sizing: border-box;
  background: #ffffff url(/common/images/com_icn01.png) no-repeat 20px 50%;
  border: 1px solid #ccc;
  color: #333333;
}
#contentsContainer .inner-button a.link-button:hover {
  border: 1px solid #d7083b;
  background: #ffffff url(/common/images/com_icn79.png) no-repeat 20px 50%;
  color: #d7083b;
}
/* society-topics
---------------------------------*/
#contentsContainer .society-topics {
  width: 100%;
  margin-top: 30px;
  border-bottom: 1px solid #dddddd;
}
#contentsContainer .society-topics .topics-heading {
  padding: 0 10px 15px 2px;
}
#contentsContainer .society-topics .heading-area {
  font-size: 1.6rem;
  font-weight: bold;
}
#contentsContainer .society-topics .topics-area {
  border-top: 1px solid #dddddd;
}
#contentsContainer .society-topics .tipics-link {
  display: block;
  padding: 13px 0;
  color: #333333;
  text-decoration: none;
}
#contentsContainer .society-topics .topics-detail {
  -webkit-display: flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
#contentsContainer .society-topics .topics-property {
  -webkit-display: flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
#contentsContainer .society-topics .topics-property .topics-data {
  width: 6.5em;
  padding-right: 17px;
}
#contentsContainer .society-topics .topics-property .topics-icon {
  position: relative;
  width: 110px;
  padding: 2px 4px 3px 20px;
  font-size: 0.9rem;
  text-align: center;
}
#contentsContainer .society-topics .topics-property .topics-icon.type01-music {
  border: 1px solid #cb456e;
  color: #cb456e;
}
#contentsContainer .society-topics .topics-property .topics-icon.type01-music::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 100%;
  background: url(/news/society/images/index_ic05.jpg) no-repeat left center/18px 18px #cb456e;
}
#contentsContainer .society-topics .topics-property .topics-icon.type02-sports {
  border: 1px solid #2e71af;
  color: #2e71af;
}
#contentsContainer .society-topics .topics-property .topics-icon.type02-sports::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 100%;
  background: url(/news/society/images/index_ic06.jpg) no-repeat left center/18px 18px #2e71af;
}
#contentsContainer .society-topics .topics-property .topics-icon.type03-education {
  border: 1px solid #6a5099;
  color: #6a5099;
}
#contentsContainer .society-topics .topics-property .topics-icon.type03-education::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 100%;
  background: url(/news/society/images/index_ic07.jpg) no-repeat left center/18px 18px #6a5099;
}
#contentsContainer .society-topics .topics-property .topics-icon.type04-tech {
  border: 1px solid #e06e36;
  color: #e06e36;
}
#contentsContainer .society-topics .topics-property .topics-icon.type04-tech::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 100%;
  background: url(/news/society/images/index_ic08.jpg) no-repeat left center/18px 18px #e06e36;
}
#contentsContainer .society-topics .topics-title {
  margin-top: 8px;
  color: #2b7bb2;
  text-decoration: none;
}
/* society-column
---------------------------------*/
#contentsContainer .society-column {
  width: 100%;
  margin-top: 30px;
}
#contentsContainer .society-column > .col {
  position: relative;
}
#contentsContainer .society-column > .col + .col {
  margin-top: 20px;
}
#contentsContainer .col-image-box::after {
  position: absolute;
  content: "";
  bottom: 0;
  right: 0;
  width: 31px;
  height: 31px;
  background: url(/common/images/com_icn85.png) no-repeat 80% 80%, linear-gradient(135deg, transparent 50%,#d7063b 51%);
  -webkit-background-size: 9px 10px, auto;
  background-size: 9px 10px, auto;
}
#contentsContainer .col-image img {
  max-width: 100%;
  width: auto;
}
/* local-navi
-------------------------------*/
.local-navi {
  margin-top: 30px;
}
/*===============================
  /news/society/music/
=================================*/
/* music-heading
-------------------------------*/
#contentsContainer .society-heading.type-h-music {
  background: #cb456e;
}
#contentsContainer .society-heading.type-h-sports {
  background: #2e71af;
}
#contentsContainer .society-heading.type-h-education {
  background: #6a5099;
}
#contentsContainer .society-heading.type-h-tech {
  background: #e06e36;
}
#contentsContainer .society-heading h1.heading-inner {
  width: 100%;
}
#contentsContainer .society-heading02 {
  margin-top: 20px;
}
#contentsContainer .society-heading02 h2.heading-inner {
  position: relative;
}
#contentsContainer .society-heading02 h2.heading-inner::before {
  content: "";
  position: absolute;
  top: 1.6em;
  left: 0;
  width: 10px;
  height: 2px;
  background: #2e71af;
}
#contentsContainer .society-heading02 h2.heading-inner .inner-title {
  padding: 8px 0 10px 18px;
  font-size: 1.6rem;;
  font-weight: bold;
}
#contentsContainer .society-heading.type-h-music h1.heading-inner {
  background: url(/news/society/images/index_ic01.png) no-repeat right 15px top 5px/106px 105px;
}
#contentsContainer .society-heading.type-h-sports h1.heading-inner {
  background: url(/news/society/images/index_ic02.png) no-repeat right top 12px/112px 92px;
}
#contentsContainer .society-heading.type-h-education h1.heading-inner {
  background: url(/news/society/images/index_ic03.png) no-repeat right top 12px/121px 91px;
}
#contentsContainer .society-heading.type-h-tech h1.heading-inner {
  background: url(/news/society/images/index_ic04.png) no-repeat right top 12px/117px 102px;
}
#contentsContainer .society-heading .inner-title {
  padding: 35px 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #ffffff;
  overflow: hidden;
}
/* society-media
-------------------------------*/
#contentsContainer .society-media {
  width: 100%;
  margin-top: 20px;
}
#contentsContainer .society-heading02 + .society-media {
  margin-top: 0;
}
#contentsContainer .society-media > .media-wrap {
  padding: 20px 0;
  border-bottom: 1px solid #dddddd;
}
#contentsContainer .society-heading02 + .society-media > .media-wrap:first-child {
  padding-top: 10px;
}
#contentsContainer .society-media > .media-wrap:last-child {
  border-bottom: none;
}
#contentsContainer .society-media a.media-link {
  display: inline-block;
}
#contentsContainer .society-media a.media-link:hover {
  text-decoration: none;
}
#contentsContainer .society-media > .media-wrap .column-image {
  text-align: center;
}
#contentsContainer .society-media > .media-wrap .datail-data {
  margin-top: 15px;
}
#contentsContainer .society-media > .media-wrap .datail-read {
  margin-top: 10px;
  font-size: 1.3rem;
  font-weight: bold;
  color: #2b7bb2;
}
#contentsContainer .society-media > .media-wrap .datail-text {
  margin-top: 15px;
  line-height: 1.5;
}
}

/* clearFix
=================================*/
#contentsContainer .society-media > .media-wrap:after {
	content: "";
	display: block;
	clear: both;

}