/*
Template: jin
Theme Name: jin-child
Author: CrossPiece
Version: 1.00
*/

.pickup-title {display:none;}
.pickup-contents-box .pickup-contents li a .pickup-image:after {content:none;}
    
 /* header */
.container-header {position:relative;} 
.t-headerCenter .container-header {padding:0;}
.l-header-border {border-bottom:none;}

.container-header h1 {padding:10px 0 0;font-weight: normal;font-size: 90%;color: #9a9a9a;}

.top_logo {position:relative;padding:15px 5px 20px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display: flex;justify-content:space-between;}
.top_logo .tl_left {text-align:left;}
.top_logo .tl_right {}

#global-nav nav {width:100%;max-width:1140px;margin:0 auto;}

.tll_img {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display: flex;}
.tll_img div {display:inline-block;position:relative;}
.tll_img > div:nth-child(1) {margin-right:30px;}
.tll_img > div:nth-child(2) {margin:10px 5px 10px 5px;width:40px;}

.tll_img > div:nth-child(3) {margin:10px 10px 10px 5px;width:40px;}

.tll_img > div:nth-child(1) img {width:auto;height:60px;}
.tll_img > div:nth-child(2) img,
.tll_img > div:nth-child(3) img {width:100%;height:auto;}

.tl_right {font-size: 75%;}
.tl_right ul, .tl_right ul li {list-style:none;}
.tl_right ul {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display: flex;margin-bottom:10px;}
.tl_right ul li {}
.tl_right ul li:nth-child(1) {border-right:1px solid #515769;}
.tl_right ul li a {display:block;padding:3px 10px;}
.tl_right div.tlr_con {
	position:relative;border:1px solid #d8d8d8;-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px;
}
.tl_right > div.tlr_con:before,
.tl_right > div.tlr_con::before {
	content:"\025b6";display:block;background:#9ccfd8;position:absolute;width:30px;height:27px;;right:0;top:0;color:#fff;line-height:27px;text-align:center;
	-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-o-border-radius:0 5px 5px 0;-ms-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;
}
.tl_right > div.tlr_con:after {}
.tl_right > div.tlr_con a {display:block;line-height:27px;padding-right:30px;text-align:center;position:relative;z-index:2;}

/* nav */
#global-nav {background:#fcfcfc;border-top:1px solid #333;border-bottom:1px solid #333;padding:20px 0;margin-bottom:15px;}
#global-nav ul {list-style: none;display: flex;justify-content:space-between;}
#global-nav ul li {}
#global-nav ul li a {padding: 0 0.5em;}
#global-nav ul li a:hover {text-decoration:none;-webkit-transition:none;transition:none;border:none;}

/* Toggle Button */
#nav-toggle {display: none;position: absolute;right: 3px;bottom:5px;width: 40px;height: 40px;cursor: pointer;z-index: 101;}
#nav-toggle div {position: relative;}
#nav-toggle span {display: block;position: absolute;height: 6px;width: 100%;background: #9ccfd8;left: 0;-webkit-transition: .35s ease-in-out;-moz-transition: .35s ease-in-out;transition: .35s ease-in-out;}
#nav-toggle span:nth-child(1) {top: 0;}
#nav-toggle span:nth-child(2) {top: 17px;}
#nav-toggle span:nth-child(3) {top: 34px;}

.top_img {position:relative;background:#fff;z-index:10;}
.top_imgin {width:100%;max-width:1140px;margin:0 auto;position:relative;}
.top_imgin img {vertical-align:bottom;width:100%;}
.top_img a {position:absolute;top:72.8%;left:28.5%;width:50.8%;height:12.7%;display:block;overflow:hidden;cursor:pointer;}

.top_img a:before {
  content: '';display: block;position: absolute;width: 100%;height: 100%;top: 0;left: -100%;
  background-image: linear-gradient(130deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 75%);
  -webkit-animation: shine 1s infinite;animation: shine 1s infinite;
}

@-webkit-keyframes shine {
  100% {left: 100%;}
}
@keyframes shine {
  100% {left: 100%;}
}

header#h_top {background:#fff;position:static;top:auto;left:auto;z-index:0;width: 100%;}
.is-fixed {position: fixed;top: 0;left: 0;z-index: 99;width: 100%;margin-bottom:0 !important;}

/*
#contents {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display: flex;flex-flow: row wrap;}
#main-contents {flex: none;}
#sidebar {float:none;}
#widget-tracking {position: -webkit-sticky;position: sticky;top: 20px;}
*/

.sp_bana {display:none;}

.new-entry-box {}
.new-entry .eyecatch img {width:100% !important;height:auto;}

.cps-post-main .ranking01 .ranking-title01,
.cps-post-main .ranking02 .ranking-title01,
.cps-post-main .ranking03 .ranking-title01 {
  border-color: #FFCF24 !important; }
.cps-post-main .ranking01 .ranking-title02,
.cps-post-main .ranking02 .ranking-title02,
.cps-post-main .ranking03 .ranking-title02 {
  border-color: #A0A9B1 !important; }
.cps-post-main .ranking01 .ranking-title03,
.cps-post-main .ranking02 .ranking-title03,
.cps-post-main .ranking03 .ranking-title03 {
  border-color: #B26A2B !important; }
.cps-post-main .ranking01 .ranking-title04,
.cps-post-main .ranking02 .ranking-title04,
.cps-post-main .ranking03 .ranking-title04 {
  border-color: #acd7ea !important; }

.kaisetsu-box5 .clearfix {height:auto !important;}
.balloon-box {height:auto !important;}

/* sidebar ranking */
/*
.sidebar_style2 #custom_html-2 .widgettitle {margin-bottom:0;}
.wide-layout .ranking-info01,
.wide-layout .ranking-info02,
.wide-layout .ranking-info03 {float:left;width:40%;}
.wide-layout ul li {margin-bottom:10px;}
.wide-layout ul li .side-ranking-meta {float:right;width:58%;margin:0 0 0 2%;}
.wide-layout ul li .side-ranking-meta .side-ranking-info {font-size: 0.8rem;line-height: 1.2rem;margin:0 0 5px;}
.wide-layout ul li .side-btn-box {clear:both;width:100%;}
.wide-layout ul li .color-button01 a, .wide-layout ul li .color-button02 a {padding:5px 0;font-size: 0.9rem;}
*/
.wide-layout .ranking-info01 img,
.wide-layout .ranking-info02 img,
.wide-layout .ranking-info03 img {display:block;margin:0 auto;width:85%;}
.wide-layout ul li .side-ranking-meta {margin:10px 0; }
.wide-layout ul li .side-ranking-meta .side-ranking-info {font-size: 0.8rem;line-height: 1.2rem;margin:0;}

#global-nav {margin-bottom: 0;}
#breadcrumb:after, #page-top a {background-color: #fff !important;}

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

  /*.top_img a {position:absolute;top:72.5%;left:33.8%;width:38.2%;height:13%;display:block;overflow:hidden;cursor:pointer;}*/

}

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

	/* header */
	header#h_top {position: static;top: 0;right: 0;z-index: 99;}

	.container-header h1 {padding:5px 0;font-size:0.75em;}

	.tll_img > div:nth-child(1) img,
	.tll_img > div:nth-child(2) img,
	.tll_img > div:nth-child(3) img {width:100%;height:auto;}

	.tll_img > div:nth-child(1) {margin-right:3.5%;width:72%}
	.tll_img > div:nth-child(2) {margin:0 3.5% 0 0;width:10.5%;}
	.tll_img > div:nth-child(3) {margin:0;width:10.5%;}
	.tll_img div i {font-size:1em;}

	.l-header {padding:10px 0 0;}
	.top_logo {padding:0 50px 5px 5px;width:320px;display:block;}
	
	.tl_right {display:none;}

	/* nav */
    #global-nav {
    	/*display:none;background: #9ccfd8;width: 100%;text-align: center;padding: 0;margin-bottom:0;*/
    	position: fixed;z-index:100;top: 0;left: 0;background: #fff;color: #000;text-align: center;transform: translateY(-100%);transition: all 0.6s;width: 100%;
    }
    #global-nav.show {
    transform: translateY(0%);}

    #global-nav ul {display:block;}
    #global-nav ul li {list-style:none;}
    #global-nav ul li a {width: 100%;display: block;padding: 18px 0;}
    #global-nav ul li a:before {content: none;}
    #nav-toggle {display: block;}

    .open #nav-toggle span:nth-child(1) {top: 15px;-webkit-transform: rotate(315deg);-moz-transform: rotate(315deg);transform: rotate(315deg);}
    .open #nav-toggle span:nth-child(2) {width: 0;left: 50%;}
    .open #nav-toggle span:nth-child(3) {top: 15px;-webkit-transform: rotate(-315deg);-moz-transform: rotate(-315deg);transform: rotate(-315deg);}
    
    #nav-toggle.show span:nth-child(1) {transform: translateY(15px) rotate(-45deg);}
	#nav-toggle.show span:nth-child(2) {opacity: 0;}
	#nav-toggle.show span:nth-child(3) {transform: translateY(-18px) rotate(45deg);}

    #sp-footer-box {display:none;}

    body.fixed{overflow:hidden;height: 100%;}

    .top_img a {position:absolute;top:78.8%;left:0.66666%;width:98.666666%;height:13.7%;}

    #footer-box {padding-bottom:11.4666666%;}
    .sp_bana {position: fixed;bottom: 0;left: 0;z-index: 99;width: 100%;}

    /* sidebar ranking */
  .wide-layout .ranking-info01 img,
  .wide-layout .ranking-info02 img,
  .wide-layout .ranking-info03 img {width:100%;}
  
  /*.page #contents, .single #contents, .top_img {margin-top:75px !important;}*/

}



@media (min-width: 768px) {
  .new-entry {
    width: 100% !important;
    float: none;
    margin-left: 0px;
    margin-bottom:5px;
  }
  .new-entry-item-meta {
    width: 100% !important;
    float: none;
    margin-left: 0px;
    left: 0;
    position: relative;
    margin-bottom:5px;
  }

}

@media (max-width: 767px) {}
  .new-entry {
      width: 100% !important;
      float: none;
      margin-left: 0px;
  }
  .new-entry-item-meta {
      width: 100% !important;
      float: none;
      margin-left: 0px;
      left: 0;
      position: relative;
  }
}