﻿@charset "utf-8";

html,body {
 font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo", "游ゴシック","YuGothic", "ＭＳ Ｐゴシック", sans-serif;
}
body {
 min-width: 998px;
}
/* AD */
.l-advertise {
  min-width: 996px;
}
.l-advertise_body {
  width: 980px;
  margin: auto;
  padding: 0;
  text-align: center;
}

/* header */
.gt-header-wrap {
}
.gt-head-description {
 background-color: #232323;
 margin: 0 -9px;
}
.gt-head-description p {
 margin: 0;
 padding: 0 13px;
 height: 24px;
 line-height: 24px;
 color: #ebebeb;
 font-size: 11px;
}
.gt-main-head {
 position: relative;
 display: table;
 padding: 15px 0;
 width: 100%;
}
.gt-head-logo {
 position: relative;
 display: table-cell;
 margin: 0;
 z-index: 1;
}
.gt-head-logo a img {
 width: 175px;
 height: 55px;
}
.gt-head-nav {
 display: table-cell;
 text-align: right;
 vertical-align: bottom;
}
.gt-head-nav ul {
 display: inline-block;
 margin: 0;
 padding: 0;
 list-style: none;
 letter-spacing: 0;
}
.gt-head-nav ul.gt-linelist li {
 margin: 0;
 float: left;
}
.gt-head-nav li a {
 padding: 0 11px;
 color: #c8c8c8;
 font-size: 17px;
 font-family: "SourceRegular", sans-serif;
 transition: all .2s ease;
}
.ie8 .gt-head-nav li a {
 padding: 0 8px;
 font-size: 16px;
}
#GT_HOME .gt-head-nav li a,
#GT_OTHER .gt-head-nav li a,
.gt-head-nav li.gt-current a {
 color: #232323;
}
.gt-head-nav li a:hover {
 color: #232323;
 text-decoration: none;
}
#GT_HOME .gt-head-nav .gt-linelist:hover li a,
#GT_OTHER .gt-head-nav .gt-linelist:hover li a {
 color: #c8c8c8;
}
#GT_HOME .gt-head-nav .gt-linelist:hover li a:hover,
#GT_OTHER .gt-head-nav .gt-linelist:hover li a:hover {
 color: #232323;
}
.gt-head-snav {
 position: absolute;
 top: 10px;
 right: 0;
}
.gt-head-snav ul {
 letter-spacing: 0;
}
.gt-head-snav ul li {
 border-left: 1px solid #dcdcdc;
 vertical-align: top;
 float: left;
}
.gt-head-snav li:first-child {
 border-left: none;
}
.gt-head-snav li a {
 display: block;
 margin: 0 8px;
 width: 20px;
 height: 20px;
 text-align: center;
}
.gt-head-snav li.op a {
 display: none;
}
.gt-head-snav li a:hover {
 opacity: .7;
}
.gt-head-snav .logo a {
 width: 63px;
}
.gt-head-snav img {
 width: 100%;
 height: 20px;
}
.ie8 .gt-head-snav .logo img {
 height: 14px;
}
.gt-head-snav .gt-search-area {
 display: none;
 padding-right: 8px;
}
.gt-head-snav li.op .gt-search-area {
 display: table;
}
.gt-head-snav .gt-search-area .input-area { 
 display: table-cell;
 padding-right: 5px;
 vertical-align: top;
}
.gt-head-snav .gt-search-area .input-area input { 
 padding: 1px 5px;
 width: 200px;
 height: 20px;
 line-height: 20px;
 background-color: #ebebeb;
 border: 0;
 box-sizing: border-box;
 font-size: 13px;
}
.tab .gt-head-snav .gt-search-area .input-area input {
 height: auto;
 line-height: 1.1;
}
.gt-head-snav .gt-search-area .btn-area { 
 display: table-cell;
 height: 20px;
 vertical-align: top;
}
.gt-head-snav .gt-search-area .btn-area button {
 padding: 0;
 width: 20px;
 height: 20px;
 border: none;
}
.gt-head-snav .gt-search-area .btn-area button img {
 width: 20px;
}

/* パンくず */
.gt-pankuzu-wrap ul {
 background-color: #ebebeb;
}
.gt-pankuzu-wrap ul.gt-linelist li {
 font-size: 11px;
 margin: 0 10px;
}
.gt-pankuzu-wrap li a {
 display: block;
 padding: 0 10px;
 height: 32px;
 line-height: 32px;
 position: relative;
}
.gt-pankuzu-wrap li:first-child a {
 padding-left: 0;
}
.gt-pankuzu-wrap li a:before,
.gt-pankuzu-wrap li a:after {
 content:"";
 position: absolute;
 top: 50%;
 right: -20px;
 margin-top: -6px;
 width: 0;
 height: 0;
 border: 6px solid transparent;
 border-left-color: #919191;
 cursor: default;
}
.gt-pankuzu-wrap li a:after {
 right: -19px;
 border-left-color: #ebebeb;
}
.gt-pankuzu-wrap ul.gt-linelist li span {
 padding: 0 10px;
}

/* footer */
.gt-footer-wrap {
 margin: 20px auto 0;
 width: 998px;
 height: 32px;
 background-color: #232323;
}
.gt-footer-wrap ul.gt-linelist li {
 margin-right: 30px;
 line-height: 32px;
 color: #c8c8c8;
 font-size: 11px;
}
.gt-footer-wrap li a {
 color: #ffffff;
 font-size: 13px;
}
.gt-footer-ptop {
display: block;
width: 50px;
height: 50px;
position: fixed;
bottom: 70px;
right: 0;
background-color: #232323;
opacity: .7;
z-index: 4;
}
.gt-footer-ptop:hover {
opacity: .5;
}
.gt-footer-ptop a {
position: relative;
display: block;
width: 50px;
height: 50px;
}
.gt-footer-ptop a:before,
.gt-footer-ptop a:after {
content: "";
position: absolute;
top: 50%;left: 14px;
display: block;
margin-top: -20px;
width: 0;
height: 0;
border: 12px solid transparent;
border-bottom-color: #ffffff;
border-bottom-width: 14px;
}
.gt-footer-ptop a:after {
margin-top: -18px;
border-bottom-color: #232323;
}

/* side */
.gt-ad1-area,
.gt-adlist-area,
.gt-newbook-area,
.gt-ranking-area,
.gt-ad2-area,
.gt-info-area,
.gt-adlist2-area {
 margin-bottom: 30px;
}
.gt-ad1-area {
 min-height: 250px;
}
.gt-side-title {
 display: block;
 margin: 0 0 8px;
 padding-bottom: 3px;
 border-bottom: 1px solid #ebebeb;
 font-size: 18px;
 font-family: "SourceRegular";
 font-weight: normal;
}
.gt-side-wrap a {
 display: inline-block;
}
.gt-side-wrap a:hover {
 opacity: .7;
}
.gt-adlist-area ul li {
 margin-bottom: 10px;
}
.gt-adlist-area .photo-area {
 width: 68px;
}
.gt-adlist-area .gt-para-list li .read-area .ttl,
.gt-adlist-area .gt-para-list li .read-area .read {
 font-size: 13px;
}
.gt-adlist-area .gt-para-list li .read-area .read {
 display: block;
}
.gt-newbook-area {
 padding: 15px;
 background-color: #ebebeb;
 border: 1px solid #dcdcdc;
}
.gt-newbook-area .ttl {
 display: block;
 margin: 0 0 12px;
 font-size: 20px;
 font-family: "SourceSemibold";
 text-align: center;
}
.gt-newbook-area .book {
 display: block;
 margin: 0 auto 10px;
 text-align: center;
 width: 146px;
}
.gt-newbook-area .book a {
 display: inline-block;
}
.gt-newbook-area .book a img {
 width: 100%;
}
.gt-newbook-area .book a:hover {
 opacity: .7;
}
.gt-newbook-area .book-title {
 display: block;
 font-size: 14px;
 text-align: center;
}
.gt-newbook-area strong {
 display: block;
 font-weight: normal;
}
.gt-ranking-area li {
 display: table;
 margin: 0 0 0;
 width: 100%;
 border-bottom: 1px solid #ebebeb;
 box-sizing: border-box;
}
.gt-ranking-area li:before {
 content: "";
 position: absolute;
 top: 50%;
 right: 10px;
 margin-top: -50px;
 color: #f0f0f0;
 font-size: 70px;
 font-family: "SourceRegular";
}
.gt-ranking-area li:first-child:before {
 content: "1";
}
.gt-ranking-area li:nth-child(2):before {
 content: "2";
}
.gt-ranking-area li:first-child + *:before {
 content: "2";
}
.gt-ranking-area li:nth-child(3):before {
 content: "3";
}
.gt-ranking-area li:first-child + * + *:before {
 content: "3";
}
.gt-ranking-area li:nth-child(4):before {
 content: "4";
}
.gt-ranking-area li:first-child + * + * + *:before {
 content: "4";
}
.gt-ranking-area li:nth-child(5):before {
 content: "5";
}
.gt-ranking-area li:first-child + * + * + * + *:before {
 content: "5";
}
.gt-ranking-area li {
 padding: 10px 0;
}
.gt-ranking-area .photo-area {
 width: 107px;
}
.gt-info-area .gt-side-title {
 margin-bottom: 18px;
}
.gt-info-area ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
.gt-info-area ul li {
 margin: 0 0 10px;
 padding-bottom: 10px;
 border-bottom: 1px solid #ebebeb;
}
.gt-info-area ul li .date {
 display: block;
 margin-bottom: 5px;
 font-size: 11px;
 color: #919191;
}
.gt-info-area ul li .txt {
 margin: 0 0 0;
 font-size: 14px;
 word-break: break-all;
}
.gt-adlist2-area ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
.gt-adlist2-area ul li {
 margin: 0 0 10px;
 text-align: center;
 width: 270px;
}
.gt-adlist2-area ul li a {
 display: inline-block;
}
.gt-adlist2-area ul li a img {
 width: 100%;
}

/* layout */
.gt-inner, .gt-contents-wrap {
 margin: 0 auto;
 padding: 0 9px;
 width: 980px;
}
.gt-contents-wrap {
 margin-top: 35px;
}
.gt-main-wrap {
 float: left;
 margin: 0 25px 40px 0;
 width: 655px;
}
.gt-side-wrap {
 float: left;
 margin-bottom: 40px;
 width: 300px;
}
.gt-list-wrap {
 margin-bottom: 40px;
}
.gt-list-wrap:last-child {
 margin-bottom: 0;
}
.gt-catlist-wrap .gt-list-wrap {
 padding-top: 20px;
 border-top: 1px solid #ebebeb;
}
.cat-special + .gt-catlist-wrap .gt-list-wrap:first-child,
.gt-article-wrap + .gt-catlist-wrap .gt-list-wrap:first-child {
 padding-top: 0;
 border-top: none;
}
.gt-category-wrap .gt-catlist-wrap .gt-list-wrap:first-child {
 padding-top: 40px;
}
.gt-list-wrap img {
 width: 100%;
 vertical-align: top;
}
.gt-list-wrap ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
/* parts */
.post {
 opacity: 0;
 position: relative;
 top: 10px;
}
.gt-emergency-area {
 margin-bottom: 30px;
 padding: 10px 10px 5px;
 background-color: #fee8ea;
 color: #f12424;
 font-size: 13px;
}
.gt-emergency-area p {
 margin: 0 0 5px;
 line-height: 1.4;
}
.gt-list-cat-title {
 margin: 0 0 30px;
 text-align: center;
}
.gt-list-cat-title .title {
 margin: 0;
 font-size: 30px;
 font-family: "SourceRegular", sans-serif;
 font-weight: normal;
}
.gt-list-cat-title .sub {
 display: block;
 margin-top: 10px;
 font-size: 14px;
}
.gt-list-cat-title .sub strong {
 font-weight: normal;
}
.gt-list-cat-title .sub strong:before {
 content: "「";
}
.gt-list-cat-title .sub strong:after {
 content: "」";
}
.gt-list-cat-title .sub i {
 margin-left: 6px;
}
.gt-cat-description {
 margin-bottom: 25px; 
}
.gt-cat-description ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
.gt-cat-description ul li {
 margin: 0 0 6px 13px;
 float: left;
 width: 307px;
 font-size: 15px;
 text-indent: -13px;
}
.gt-cat-description ul li:before {
 content: "・";
}
.gt-cat-description ul li:nth-child(odd) {
 margin-right: 15px;
}
.gt-para-list {
 margin: 0;
 padding: 0;
 list-style: none;
}
.gt-para-list li {
 position: relative;
}
.gt-para-list li a {
 position: relative;
}
.gt-para-list li .photo-area {
 display: table-cell;
 vertical-align: top;
}
.gt-para-list li .photo-area img {
 width: 100%;
}
.gt-para-list li .read-area {
 display: table-cell;
 padding-left: 10px;
 vertical-align: top;
}
.gt-para-list li .read-area .heading {
 margin: 0;
 font-size: 14px;
}
.photo-area {
 position: relative;
 background-color: #fff;
}
.gt-artbox-1col a:hover,
.gt-artbox-2col a:hover,
.gt-artbox-3col a:hover {
 opacity: .7;
}
.gt-label-box {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 1;
}
.gt-label-box:before {
 content: "";
 display: block;
 position: absolute;
 top: 0;
 right: 0;
 border-style: solid;
 border-width: 0 0 46px 46px;
 border-color: transparent;
 border-left-color: #f12424;
}
/* 
.gt-pr-box .gt-label-box:before {
 border-left-color: #232323;
}
*/
.gt-label-box i {
 position: relative;
 display: block;
 color: #ffffff;
 font-family: "SourceBold", sans-serif;
 font-style: normal;
}
.gt-label-box .ico-new {
 padding-right: 21px;
 width: 46px;
 font-size: 12px;
 text-align: center;
 transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -webkit-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 box-sizing: border-box;
}
.read-area .category {
 display: block;
 margin: 0 0 5px;
 color: #919191;
 font-size: 11px; 
}
.gt-pr-box .read-area .category {
 color: #c8c8c8;
}
.photo-area a {
 display: block;
}
.heading {
 margin: 0;
 padding: 0;
}
.heading .pr {
 position: absolute;
 top: 3px;
 right: 3px;
 margin-left: 5px;
 padding: 1px 5px 0;
 color: #999;
 background: #fff;
 border: 1px solid #aaa; 
 font-size: 11px;
 font-style: normal;
}
.gt-listbtn-area {
 margin: 10px 0 40px;
}
.gt-listbtn-area a {
 position: relative;
 display: block;
 margin: 0 auto;
 width: 180px;
 height: 40px;
 line-height: 40px;
 background-color: #ebebeb;
 font-size: 16px;
 text-align: center;
}
.gt-listbtn-area a:before,
.gt-listbtn-area a:after {
 content: "";
 position: absolute;
 margin-top: -6px;
 top: 50%;
 right: 5px;
 width: 0;
 border: 6px solid transparent;
 border-left-color: #919191;
 border-left-width: 7px;
}
.gt-listbtn-area a:after {
 right: 7px;
 border-left-color: #ebebeb;
}
.gt-listbtn-area a:hover {
 opacity: .7;
 text-decoration: none;
}
.gt-listbtn-area a span {
 padding-right: 10px;
}

/* 1column */
.gt-artbox-1col {
 padding: 20px;
 background-color: #919191;
}
.gt-artbox-1col .gt-list-cat-title {
 margin: 0 0 15px;
 color: #ffffff;
}
.gt-artbox-1col a {
 color: #ffffff;
}
.gt-artbox-1col .photo-area {
 margin: 0 auto 10px; 
 width: 444px;
}
.gt-artbox-1col .read-area {
 text-align: center;
}
.gt-artbox-1col .read-area .heading {
 font-size: 18px;
 color: #ffffff;
}

/* 2column */
.gt-artbox-2col li {
 margin: 0 0 30px;
 float: left;
 width: 320px;
}
.gt-artbox-2col ul li:nth-child(odd) {
 margin-right: 15px;
}
.ie8 .gt-artbox-2col ul li {
 margin: 0 8px 30px;
 width: 310px;
}
.gt-artbox-2col li a {
 display: inline-block;
}
.gt-artbox-2col li .photo-area {
 margin-bottom: 12px;
 width: 320px;
 height: 180px;
 background-color: #ebebeb;
}
.gt-artbox-2col li .photo-area a {
 display: block;
}
.ie8 .gt-artbox-2col li .photo-area {
 width: auto;
 height: auto;
}
.gt-artbox-2col .gt-para-list li .photo-area {
 width: 132px;
 height: 74px;
}
.gt-artbox-2col li .read-area .heading {
 font-size: 17px;
}
.gt-artbox-2col .gt-para-list li .read-area .heading {
 line-height: 1.6;
 font-size: 16px;
}

/* 3column */
.gt-artbox-3col li {
 margin: 0 15px 30px 0;
 float: left;
 width: 208px;
}
.ie8 .gt-artbox-3col li {
 margin: 0 3px 30px;
}
.gt-artbox-3col ul li:nth-child(3n) {
 margin-right: 0;
}
.gt-artbox-3col li .photo-area {
 width: 208px;
 height: 117px;
 background-color: #ebebeb;
 margin-bottom: 10px;
}
.gt-artbox-3col li .read-area .heading {
 min-height: 45px;
 font-size: 16px;
}

/* 3column infeed */
.gt-artbox-3col-infeed li {
 margin: 0 15px 30px 0;
 float: left;
 width: 208px;
}
.ie8 .gt-artbox-3col-infeed li {
 margin: 0 3px 30px;
}
.gt-artbox-3col-infeed ul li:nth-child(4n+3) {
 margin-right: 0;
}
.gt-artbox-3col-infeed li .photo-area {
 width: 208px;
 height: 117px;
 background-color: #ebebeb;
 margin-bottom: 10px;
}
.gt-artbox-3col-infeed li .read-area .heading {
 min-height: 45px;
 font-size: 16px;
}

/* article */
.gt-article-wrap {
 margin-bottom: 35px;
}
.gt-article-area {
 margin-bottom: 40px;
}
.gt-article-area:after {
 content: "";
 display: block;
 clear: both;
}
.gt-article-area .title-box {
 margin: 0 0 30px;
 padding: 0 0 30px;
 border-bottom: 1px solid #ebebeb;
}
.gt-article-area .title-box .date {
 display: block;
 margin: 0 0 20px;
 color: #919191;
 font-size: 14px;
}
.gt-article-area .title-box .web-title {
 margin: 0 0 15px;
 padding: 0;
 font-size: 18px;
 font-weight: bold;
}
.gt-article-area .title-box .art-title {
 margin: 0;
 padding: 0;
 font-size: 26px;
 font-weight: bold;
 font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝","YuMincho";
}
.gt-article-area .read-box {
 margin: 0 0 30px;
}
.gt-article-area .read-box p {
 margin: 0;
 line-height: 1.8;
 color: #919191;
 font-size: 16px;
}
.gt-article-area .body-box h2 {
 position: relative;
/* margin: 0 0 40px; */
 margin: 0 0 25px;
 padding: 0;
 line-height: 1.5;
 font-size: 22px;
}
/* 
.gt-article-area .body-box h2:after {
 content: "";
 position: absolute;
 left: 0;
 bottom: -20px;
 width: 15px;
 height: 2px;
 background-color: #232323;
}
*/
.gt-article-area .body-box h3 {
 margin: 0 0 13px;
 line-height: 1.6;
 font-size: 18px;
}
.gt-article-area .body-box p {
 margin: 0 auto 25px;
 line-height: 1.8;
 font-size: 16px;
 text-indent: 1em;
}
.gt-article-area .gt-atc-ph-right {
float: right;
display: table;
margin: 0;
padding: 0 0 20px 20px;
width: 10%;
}
.gt-article-area .gt-atc-ph-left {
float: left;
display: table;
margin: 0;
padding: 0 20px 20px 0;
width: 10%;
}
.gt-article-area .gt-atc-ph-center {
display: table;
margin: 0 auto;
padding: 0 0 20px;
max-width: 655px;
width: 10%;
text-align: center;
}
.gt-article-area .gt-atc-ph-img {
display: inline-block;
padding-bottom: 8px;
}
.gt-article-area .gt-atc-ph-img img {
 width: auto;
 max-width: 655px;
}
.gt-article-area .gt-atc-ph-cap {
display: block;
line-height: 1.5;
color: #919191;
font-size: 14px;
text-align: left;
word-break: break-all;
}
.gt-article-area .gt-art-column {
clear: both;
 margin: 0 0 25px;
 padding: 30px;
 background-color: #f5f5f5;
}
.gt-article-area .gt-art-column .gt-atc-ph-left {
 width: 214px;
}
.gt-article-area .gt-art-column p {
 margin-bottom: 0;
}
.gt-article-area .gt-art-parts {
clear: both;
 word-break: break-all; 
}
.gt-article-area .gt-art-parts > ul {
 margin: 0;
 padding: 0;
 list-style: none;
 border-bottom: 2px solid #ebebeb;
}
.gt-article-area .gt-art-parts > ul > li {
 margin: 0;
 padding: 25px 0;
 border-top: 2px solid #ebebeb;
}
.gt-article-area .gt-art-parts .photo {
 display: table-cell;
 width: 132px;
 padding-right: 20px;
 vertical-align: top;
}
.gt-article-area .gt-art-parts .photo img {
 width: 100%;
}
.gt-article-area .gt-art-parts dl {
 display: table-cell;
 margin: 0;
}
.gt-article-area .gt-art-parts dl dt {
 margin: 0 0 10px;
 line-height: 1.3;
 font-size: 16px;
 font-weight: bold;
}
.gt-article-area .gt-art-parts dl dd {
 margin: 0;
 line-height: 1.6;
 font-size: 14px;
}
.gt-article-area .gt-art-parts dl dd ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
.gt-article-area .gt-art-parts dl dd ul li {
 margin: 0 0 6px;
 line-height: 1.4;
 color: #919191;
}
.gt-article-area .gt-art-parts dl dd ul li i:after {
 content: "："
 
}
.gt-article-area .gt-art-parts dl dd ul li strong {
 margin-left: 3px;
 color: #333333;
 font-weight: normal;
}

/* pagination */
.gt-pagination-area {
 margin-bottom: 45px;
}
.gt-category-wrap .gt-pagination-area {
 margin-bottom: 80px;
}
.next-page-box {
 margin: 25px 0 40px;
 clear: both;
}
.next-page-box p {
 margin: 0;
 color: #919191;
 font-size: 14px;
 text-align: center;
}
.next-page-box p .next-ttl {
 margin-left: 10px;
 text-decoration: underline;
}
.gt-pagination-area .pagination-box {
 margin: 40px 0 ;
 text-align: center;
}
.gt-pagination-area .pagination-box .pagenavi-num {
 position: relative;
 margin: 0;
 padding: 0;
 list-style: none;
}
.gt-pagination-area .pagination-box .pagenavi-num li {
 display: inline-block;
 margin: 0 7px;
 font-size: 16px;
}
.gt-pagination-area .pagination-box .pagenavi-num li.page-dot {
 margin: 0;
}
.gt-pagination-area .pagination-box .pagenavi-num li.pagenavi-arrow-pre {
 margin-left: 0;
}
.gt-pagination-area .pagination-box .pagenavi-num li.pagenavi-arrow-pre  a span {
 padding-left: 6px;
}
.gt-pagination-area .pagination-box .pagenavi-num li.pagenavi-arrow-next,
.gt-pagination-area .pagination-box .pagenavi-num li.pagenavi-arrow-pre {
 position: absolute;
 top: 0;
 left: 0;
}
.gt-pagination-area .pagination-box .pagenavi-num li.pagenavi-arrow-next {
 left: auto;
 right: 0;
 margin-right: 0;
}
.gt-pagination-area .pagination-box .pagenavi-num li.pagenavi-arrow-next  a span {
 padding-right: 6px;
}
.gt-pagination-area .pagination-box .pagenavi-num li.pagenavi-arrow-next a,
.gt-pagination-area .pagination-box .pagenavi-num li.pagenavi-arrow-pre a {
 position: relative;
 display: block;
 width: 120px;
 height: 42px;
 line-height: 40px;
 border: 2px solid #ebebeb;
 box-sizing: border-box;
}
.gt-pagination-area .pagination-box .pagenavi-num li.pagenavi-arrow-next a:hover,
.gt-pagination-area .pagination-box .pagenavi-num li.pagenavi-arrow-pre a:hover {
 text-decoration: none;
 border: 2px solid #919191;
}
.gt-pagination-area .pagination-box .pagenavi-num li.pagenavi-arrow-pre a:before,
.gt-pagination-area .pagination-box .pagenavi-num li.pagenavi-arrow-pre a:after,
.gt-pagination-area .pagination-box .pagenavi-num li.pagenavi-arrow-next a:before,
.gt-pagination-area .pagination-box .pagenavi-num li.pagenavi-arrow-next a:after {
 content: "";
 position: absolute;
 margin-top: -6px;
 left: 0px;
 top: 50%;
 border: 6px solid transparent;
 border-right-color: #919191;
 border-right-width: 7px;
}
.gt-pagination-area .pagination-box .pagenavi-num li.pagenavi-arrow-pre a:after {
 left: 2px;
 border-right-color: #ffffff;
}
.gt-pagination-area .pagination-box .pagenavi-num li.pagenavi-arrow-next a:before,
.gt-pagination-area .pagination-box .pagenavi-num li.pagenavi-arrow-next a:after {
 left: auto;
 right: 0px;
 border-right-color: transparent;
 border-left-color: #919191;
 border-left-width: 7px;
}
.gt-pagination-area .pagination-box .pagenavi-num li.pagenavi-arrow-next a:after {
 right: 2px;
 border-left-color: #ffffff;
}
.gt-pagination-area .pagination-box .pagenavi-num li.page-no span {
 display: table-cell;
 width: 42px;
 height: 42px;
 color: #ffffff;
 background-color: #232323;
 vertical-align: middle;
}
.gt-pagination-area .pagination-box .pagenavi-num li.page-dot span {
 display: table-cell;
 width: 42px;
 height: 42px;
 vertical-align: middle; 
}
.gt-pagination-area .pagination-box .pagenavi-num li.page-no a {
 display: table-cell;
 width: 42px;
 height: 42px;
 background-color: #ebebeb;
 text-decoration: none;
 vertical-align: middle;
}
.gt-pagination-area .pagination-box .pagenavi-num li.page-no a:hover {
 opacity: .7;
}

/* SNS
*************************************************/
.gt-article-addition-area .author-box {
 padding: 15px 0;
 border-bottom: 2px solid #ebebeb;
}
.gt-article-addition-area .author-box .author-tx {
 margin: 0 0 15px;
 font-size: 14px;
}
.gt-article-addition-area .author-box .att-tx {
 margin: 0;
 line-height: 1.6;
 color: #c8c8c8;
 font-size: 14px;
}
.gt-article-addition-area .tag-box {
 padding: 15px 0;
 border-bottom: 2px solid #ebebeb;
 font-size: 14px;
 word-break: break-all;
}
.gt-article-addition-area .tag-box a {
 margin: 0 5px;
 padding: 2px 5px;
}
.gt-article-addition-area .sns-box {
 position: relative;
 padding: 15px 0;
 border-top: 2px solid #ebebeb;
 border-bottom: 2px solid #ebebeb;
 font-size: 14px;
}
.gt-article-addition-area .sns-box ul {
 display: inline-block;
 margin: 0;
 padding: 0;
 list-style: none;
 vertical-align: top;
}
.gt-article-addition-area .sns-box ul li {
 float: left;
 margin: 0 0 0 13px;
 padding: 0;
 font-size: 75%;
}
.gt-article-addition-area .sns-box ul li:first-child {
 margin: 0;
}
.gt-article-addition-area .sns-box ul li.cmnc-snsbox a {
 padding: 0 0 0 15px;
 height: 20px;
 line-height: 20px;
  display: inline-block;
  background: url(../images/icon_arrow_sns.png) no-repeat left 5px;
  background-size: 10px 8px;
 font-size: 13px;
}
.gt-article-addition-area .sns-box .sns-pulldown {
 background-color: #FFFFFF;
 border: 1px solid #B3B3B3;
 font-size: 75%;
 position: absolute;
 top: 40px;
 left: 110px;
 width: 118px;
 z-index: 99999;
}
.gt-article-addition-area .sns-box .sns-pulldown .info {
 border-bottom: 1px dotted #B3B3B3;
 padding: 8px 10px;
 margin: 0;
 font-size: 12px;
}
.gt-article-addition-area .sns-box .sns-pulldown .cmnc-close {
 display: block;
 position: absolute;
 right: 0;
 top: 0;
 padding: 10px;
 width: 10px;
 height: 10px;
 cursor: pointer
}
.gt-article-addition-area .sns-box .sns-pulldown .bsc-sub_menu {
 list-style-type: none;
 margin: 0;
 padding: 10px 0 2px 10px;
}
.gt-article-addition-area .sns-box .sns-pulldown .bsc-sub_menu li {
 display: inline-block;
 width: 47px;
 margin: 0 0 10px;
 padding: 0;
 line-height: 1.4;
 color: #747474;
 text-align: center;
}
.sns-box .sns-pulldown {
 display: none;
}
.sns-box.sns-op .sns-pulldown {
 display: block;
}


/* text-icolumn (ex menu:SITEMAP)
*************************************************/
.gt-sitemap-wrap ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
.gt-menu-list {
 border-top: 2px solid #ebebeb;
}
.gt-menu-list ul li {
 margin: 0;
 border-top: 1px solid #ebebeb;
}
.gt-menu-list ul li:first-child {
 border-top: none;
}
.gt-menu-list ul li a {
 display: block;
 height: 55px;
 line-height: 55px;
}
.gt-menu-list ul li a:hover {
 opacity: .7;
 text-decoration: none
}
.gt-menu-list ul li a:hover em {
 text-decoration: underline;
}
.gt-menu-list ul li a em {
 margin-right: 15px;
 font-size: 18px;
 font-weight: normal;;
}
.gt-menu-list ul li a i {
 font-size: 11px;
 color: #919191;
}
.gt-cate-list {
 padding: 40px 0 30px;
 border-top: 2px solid #ebebeb;
 border-bottom: 2px solid #ebebeb;
}
.gt-cate-list .title {
 margin: 0 0 20px;
 font-size: 18px;
}
.gt-cate-list ul {
 margin: 0 30px;
}
.gt-cate-list li {
 margin: 0 0 4px;
 float: left;
 width: 50%;
}
.gt-cate-list li a {
 position: relative;
 display: inline-block;
 padding-left: 15px;
 height: 30px;
 line-height: 30px;
 font-size: 14px;
}
.gt-cate-list li a:hover {
 opacity: .7;
}
.gt-cate-list li a:before {
 content: "";
 position: absolute;
 left: 0;
 top: 50%;
 margin-top: -3px;
 width: 0;
 height: 0;
 border: 3px solid transparent;
 border-left-color: #919191;
 border-left-width: 5px;
}


/* bxslider (Slider)
*************************************************/
.gt-slider-wrap {
 margin: 0 auto 30px;
 width: 980px;
 overflow: hidden;
}
.gt-category-wrap .gt-slider-wrap {
 width: 655px;
}
.gt-slider-wrap .gt-slider-in {
 margin: 0 auto;
 width: 747px;
}
.gt-category-wrap .gt-slider-wrap .gt-slider-in {
 width: 560px
}
.gt-slider-wrap .bx-wrapper {
 position: relative;
 margin: 0 auto;
 padding: 0;
}
.gt-slider-wrap .bx-viewport {
 left: 0;
 overflow: visible !important;
 -webkit-transform: translate(0);
 -moz-transform: translate(0);
 -ms-transform: translate(0);
 -o-transform: translate(0);
 transform: translate(0);
}
.gt-slider-wrap .gt-slider-list {
 margin: 0;
 padding: 0;
 list-style: none;
 overflow: hidden;
}
.gt-slider-wrap .gt-slider-list li {
 margin: 0;
 border-left: 1px solid #fff;
}
.gt-slider-wrap .gt-slider-list li a {
 display: block;
 position: relative;
}
.gt-slider-wrap .gt-slider-list li a:hover {
 opacity: .7;
}
.gt-slider-wrap .gt-slider-list li a img {
 display: block;
 width: 100%;
}
.gt-slider-wrap .gt-slider-list li a .slider-copy {
 position: absolute;
 bottom: 0;
 display: block;
 margin: 0;
 padding: 25px;
 width: 747px;
 background-color: #232323;
 background-color: rgba(35,35,35,.7);
 color: #ffffff;
 box-sizing: border-box;
}
.gt-category-wrap .gt-slider-wrap .gt-slider-list li a .slider-copy {
 width: 560px;
}
.gt-slider-wrap .gt-slider-list li a .slider-copy .ttl {
 display: block;
 margin-bottom: 5px;
 font-size: 24px;
 font-weight: normal;
 overflow: hidden;
 text-overflow: ellipsis;
 word-wrap: normal;
 white-space: nowrap;
}
.gt-slider-wrap .gt-slider-list li a .slider-copy .txt {
 display: block;
 font-size: 16px;
 overflow: hidden;
 text-overflow: ellipsis;
 word-wrap: normal;
 white-space: nowrap;
}
.bx-wrapper .bx-loading {
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 min-height: 50px;
 background: url(../images/bx_loader.gif) center center no-repeat #ffffff;
 width: 100%;
 z-index: 2000;
}
.bx-wrapper .bx-controls-direction a.disabled {
 display: none;
}
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next{
 position: absolute;
 top: 50%;
 display: block;
 margin-top: -50px;
 width: 50px;
 height: 50px;
 background-color: #ebebeb;
 background-color: rgba(220,220,220,.7);
 background-position: center center;
 background-repeat: no-repeat;
 text-indent: -10000px;
 overflow: hidden;
 z-index: 10;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-next:hover {
 background-color: rgba(255,255,255,.7);
}
.bx-wrapper .bx-prev{
 left: -50px;
 background-image: url(../images/ico_slide_prev.png);
}
.bx-wrapper .bx-next{
 right: -51px;
 background-image: url(../images/ico_slide_next.png);
}
.bx-controls .bx-pager{
 padding: 0;
 height: 28px;
 line-height: 28px;
 text-align: center;
}
.bx-controls .bx-pager-item{
 display: inline-block;
 padding: 0 8px;
 line-height: 0;
 text-align: center;
}
.bx-controls .bx-pager-item a{
 display: block;
 position: relative;
 width: 20px;
 height: 4px;
 background: #dcdcdc;
 text-indent: -1000px;
 overflow: hidden;
}
.bx-controls .bx-pager-item a.active{
 background: #232323;
}


/* slick (Gallery)
*************************************************/
.gt-gallery-wrap {
 position: relative;
 margin-top: 40px;
}
.gallery-num {
 position: absolute;
 top: 333px;
 right: 50px;
 display: block;
 color: #919191;
 text-align: center;
 font-size: 22px;
}
.gallery-num i {
 font-style: normal;
}
.gallery-num .now {
 color: #333333;
 font-weight: bold; 
}
.gallery-num .total {
 font-size: 15px;
}
.slick-slider {
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.slider-nav {
 margin-top: 20px;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slider-for .slick-list {
min-height: 390px;
transition: all .3s;
-webkit-transition: all .3s;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.slider-nav .slick-track {
width: auto !important;
left: 0 !important;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
.slider-for.slick-initialized {
 margin: 0 auto;
 width: 555px;
}
.slider-for.slick-initialized .slick-slide .photo {
 display: table;
 margin-bottom: 20px;
 width: 555px;
 height: 313px;
 background-color: #232323;
}
.slider-for.slick-initialized .slick-slide .photo span {
 display: table-cell;
 text-align: center;
 vertical-align: middle; 
}
.slider-for.slick-initialized .slick-slide .photo span img {
 margin: auto;
 width: auto;
 height: auto;
 max-width: 555px;
 max-height: 313px;
}
.slider-for.slick-initialized .slick-slide .read {
 position: relative;
 margin: 0;
 width: 445px;
 line-height: 1.6;
 font-size: 14px;
 z-index: 1000;
}
.slider-nav.slick-initialized .slick-slide {
 display: table;
 margin: 0 5px 6px 0;
 width: 127px !important;
 height: 71px;
 background-color: #232323;
 cursor: pointer;
}
.slider-nav.slick-initialized .slick-slide:nth-child(5n+1) {
 margin-right: 0;
}
.slider-nav.slick-initialized .slick-slide:hover {
 opacity: .5;
}
.slider-nav.slick-initialized .slick-slide span {
 display: table-cell;
 text-align: center;
 vertical-align: middle;
}
.slider-nav .slick-slide img {
 margin: auto;
 width: auto;
 height: auto;
 max-width: 127px;
 max-height: 71px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slider-nav.slick-initialized .slick-slide.slick-cloned {
 display: none;
}
.slick-current {
 opacity: .5;
}
.slick-arrow {
 position: absolute;
 margin-top: 138px;
 top: 0;
 left: -50px;
 display: block;
 width: 50px;
 height: 50px;
 z-index: 2;
}
.slick-next {
 left: auto;
 right: -50px;
}
.slick-arrow i {
 position: relative;
 display: block;
 width: 50px;
 height: 50px;
 background-color: #ebebeb;
 background-repeat: no-repeat;
 background-position: center;
 cursor: pointer;
}
.slick-prev i {
 background-image: url(../images/ico_slide_prev.png);
}
.slick-next i {
 background-image: url(../images/ico_slide_next.png);
}
.slick-arrow i:hover {
 opacity: .7;
}

/* massage (404)
*************************************************/
.gt-msg-wrap {
 padding: 20px 0 60px;
 width: 100%;
}
.gt-msg-wrap .gt-inner {
 display: table;
 width: 700px;
}
.gt-msg-box {
display: table-cell;
margin: 0 auto;
padding: 30px;
width: 100%;
height: 250px;
color: #222222;
border: 5px solid #e8e8e8;
box-sizing: border-box;
text-align: center;
line-height: 1.6;
vertical-align: middle;
}
.gt-msg-box .gt-msg-tt {
margin: 0;
padding-bottom: 15px;
font-size: 1.8rem;
font-weight: bold;
border-bottom: 1px solid #eeeeee;
}
.gt-msg-box .gt-msg-tx {
 margin: 0p;
 padding-top: 15px;
font-size: 1.4rem;
}