@charset "utf-8";
/* ギガ　コンテンツレイアウト
=================================================================== */
.thm-page-special .gigaindex .detail {
 margin: 0 auto;
 width: 1150px;
}
.gi {
 width: 1150px;
 margin-bottom: 2em;
}
.gi .logo-gi {
 text-align: center;
 background-color: #fff;
 padding-top: 10px;
}
.gi .read {
 font-size: 1.2em;
 line-height: 1.8em;
 padding: 0 2em 2em;
}
.gi .sp {
 display: none;
}
.gi .contentsbox .read {
 padding: 0 0 1.6em;
}
.gi a:hover {
 color: #00316C;
}
.gi .read a {
 color: #00316C;
 text-decoration: underline;
}
.gi .read a:hover {
 color: #fff;
 background-color: #4c4c4c;
 text-decoration: none;
}
.gi img {
 max-width: 100%;
}
.gi .contentsbox {
 background-color: #ebebeb;
}
.gi .contentsbox, .gi .contentsbox ul {
 display: -webkit-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-box-lines: multiple;
 -moz-box-lines: multiple;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 padding: 2em;
}
.gi .contentsbox ul {
 padding: 1.4em;
 background-color: #fff;
}
.gi .seminar {
 background-color: #fff;
 display: block;
 width: 100%;
 margin-bottom: 2em;
}
.gi .article-list, .gi .library-list {
 display: block;
}
.gi .article-list {
 width: 64%;
 margin-right: 3%;
 overflow: hidden;
}
.gi .library-list {
 width: 33%;
}
.gi .contentsbox .ttl {
 color: #fff;
 text-align: center;
 font-size: 1.4em;
 font-weight: 800;
 padding: 16px 0 14px;
 background: #6E2FD2;
}
.gi .contentsbox .seminar .ttl {
 font-size: 1.6em;
}
.gi .contentsbox .ttl .big {
 font-size: 1.6em;
 display: inline-block;
 margin-left: .2em;
}
.gi .seminar ul li {
 display: block;
 width: 100%;
 /*border-bottom: 1px solid #D1D1D1;*/
 position: relative;
}
.gi .article-list ul {
 margin-left: -3%;
}
.gi .article-list ul:not(:last-of-type), .gi .library-list ul:not(:last-of-type) {
 border-bottom: 2em solid #ebebeb;
}
.gi .article-list ul li {
 margin-left: 3%;
 width: 47%;
 display: inline-block;
 border-bottom: 1px solid #D1D1D1;
 position: relative;
}
.gi .library-list ul li {
 display: block;
 border-bottom: 1px solid #D1D1D1;
 position: relative;
 width: 100%;
}
.gi .contentsbox ul li a {
 padding: .8em;
 display: block;
 box-sizing: border-box;
}
.gi .contentsbox ul li a:hover {
 background-color: #eee;
}
.gi .contentsbox .thumb {
 width: 130px;
 height: 130px;
 float: left;
 overflow: hidden;
 background-color: #fff;
 background-size: 120px auto;
 position: relative;
 box-sizing: border-box;
}
.gi .contentsbox .thumb img {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 margin: auto;
 max-width: 90%;
}
.gi .contentsbox .thumbR {
 width: 190px;
 margin-left: 20px;
 float: right;
}
.gi .contentsbox .thumbR img {
 background: none;
}
.gi .obi i {
 display: inline-block;
 color: #2942C2;
 font-size: 14px;
 font-weight: 600;
 line-height: 1em;
 padding: 4px 0;
 box-sizing: border-box;
 margin-bottom: 5px;
 position: relative;
}
.gi .contentsbox .readmore {
 text-align: right;
 position: absolute;
 bottom: 1em;
 right: 1em;
 display: inline-block;
 border-radius: 2px;
}
.gi .contentsbox .seminar .readmore {
 position: relative;
 bottom: 0;
 right: 0;
 line-height: 1.4em;
}
.gi .contentsbox .seminar .readmore:hover {
 opacity: .7;
}
.gi .contentsbox .text {
 font-weight: 600;
 padding-bottom: 2em;
 margin-left: 140px;
}
.gi .contentsbox .text .sub {
 font-weight: 500;
 display: block;
}
.gi .contentsbox .seminar .text {
 font-size: 1.4em;
 margin-bottom: 8px;
}
.gi .article-list ul li.infobox {
 width: 100%;
}
.gi .article-list ul li.infobox a {
 padding-bottom: 1.2em;
}
.gi .article-list ul li.infobox .readmore {
 position: inherit;
 line-height: 1em;
}
.gi .article-list ul li.infobox .sub {
 font-size: .85em;
 margin-top: 5px;
 color: #999;
}
.gi .article-list ul li.infobox .thumbR {
 width: 180px;
}
.gi .article-list ul li.infobox .read {
 padding-bottom: .6em;
 font-weight: 600;
 font-size: 15px;
 line-height: 1.5em;
}