#sp-text{margin:20px 10px;}
#sp-text p{font-size:12px;line-height:1.8;}
#sp-snsapp{margin:10px;}
#sp-snsapp ul{display:-webkit-flex;display:flex;align-items:center;}
#sp-snsapp li{width:20%;}
#sp-snsapp li:last-child{margin-left:auto;}
#sp-snsapp img{width:70%;}
#sp-snsapp .heart{padding-left:10px;color:#999;}
#sp-snsapp .heart span{padding-left:5px;line-height:32px;vertical-align:bottom;}
#sp-snsapp .heart img{width:32px !important;}
#sp-snsapp p{text-align:center;margin-top:10px}
.js-menu{top:55px;height:325px;text-align:left;padding:10px 20px 20px 20px;border-bottom:1px solid #ccc;}
.js-search{top:55px;height:270px;text-align:left;padding:0px 20px 20px 20px;border-bottom:1px solid #ccc;}
.js-menu ul{font-size:16px;}
.js-menu li{margin-bottom:10px;padding:4px;}
.js-menu a{color:#5e5558;text-decoration:none;width:100%;display:inline-block;}
.js-menu .menu p, .js-search .search p{font-size:16px;text-align:center;color:#444;}
.js-search ul{font-size:16px;}
.js-search li{margin:15px 0;}
.js-search .searcharea{}
.js-search .searcharea input{font-size:16px;padding:10px;width:95%;border:1px solid #ccc;border-radius:2px;}
.js-search .tags{line-height:1.9em;}
header{padding-top:1px;}
.header-logo .menu, .header-logo .search{display:none;}
.global-footer .widget-list .widget{width:360px;}
.widget-body{padding:0px 10px 0px 10px;}
@media screen and (max-width:479px){
#gheader{ /*overflow:hidden;*/ width:100%; height: auto; min-height: 55px; z-index:1000; top: 50; margin: auto; padding-top: ; position:-webkit-sticky; position: sticky; }
}
@media screen and (max-width:1024px){.post-title, .post-title_rank{/*height:70px!important;*/}
header{padding-top:0px;}
#gheader{ /*overflow:hidden;*/ width:100%; height: auto; min-height: 55px; z-index:1000; top: 50; margin: auto; padding-top: 0; position:-webkit-sticky; position: sticky; }
.headerfixed{position:fixed;top:0!important;left:0;width:100%;z-index:10000;}
.global-navi{}
.header-logo{position:relative;}
.header-logo .glyphicons{font-size:22px;color:gray;}
.header-logo .menu, .header-logo .search{display:block;}
.header-logo .menu{position:absolute;top:3px;left:10px;}
.header-logo .search{position:absolute;top:0;right:10px;}
.widget-body{padding:0px;}
.global-footer .widget-list .widget{width:322px;}
.bg-box{margin-top:-10px;}
.container{ width:auto; }
.-scroll{position:static !important;}
.social-icon{display:-webkit-flex;display:flex;justify-content:space-between;}
.-information{width:auto !important;}
}
@media screen and (max-width:1024px){}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){.widget-body{padding:14px 0px 0px 0px; width: 50%; margin: auto; }
.recommended-post-list .recommended-post-item .post-title{padding-top:48px;}
.post-item-inner{padding-top:4px;}
.global-body .primary .post-list .post-item:nth-child(6n-5) .post-title, .global-body .primary .post-list .post-item:nth-child(6n-4) .post-title{ /*padding-top:24px!important;*/ }
body{overflow-x:hidden;}
.global-navi ul li a{padding:20px 7px 15px;}
.container{width:768px; /*overflow-x:hidden;*/ }
.wrapper{width:768px;margin:0 auto;overflow-x:hidden;}
.header-search{position:absolute !important;right:10px !important;top:0px !important;}
.primary{float:none !important;width:748px !important;margin:0 auto !important;}
.secondary{float:none !important;width:748px !important;margin:0 auto !important;}
.recommended-post-list .recommended-post-item{display:block !important;width:748px !important;margin:0 auto !important;}
.post-thumbnail img{float:left;margin:0px 10px 0px 0px;}
.recommended-post-list .recommended-post-item a{overflow:hidden;margin-bottom:10px;}
.post-title{margin: 10px 0 0 0 !important;}
.post-archive.-pickup .post-archive-title{background-color:#f31a61;height:auto;}
h1.post-archive-title{}
.post-item .post-title a{ /*padding-left:100px;*/ font-weight:bold;}
.pager .pager-list{margin:20px 0px !important;}
.pager .pager-list .pager-item.-next{top:20 !important;}
.widget-list{text-align:center;}
.global-footer .widget-list, .widget .post-list, .widget .widget-title{text-align:left !important;}
#sp-snsapp{display:none;}
.post-detail-thumbnail img{width:100%;margin-bottom:10px;}
.post-detail-title{font-size:18px;}
.-scroll{position:static !important;}
#appRecommend{display:block;height:88px;width:100%;background-color:#fff;overflow:hidden;border-bottom:1px solid #e7e7e7;}
.fa-mid{color:#757575;font-size:18px;padding:0 7px;}
.delete_rec{width:8%;height:88px;line-height:88px;display:inline-block;float:left;text-align:center;}
.icon_rec{width:15%;height:88px;display:inline-block;float:left;}
.icon_rec img{width:64%;height:auto;margin-top:6%;margin-right:1%;}
.text_rec{width:35%;height:88px;display:inline-block;font-size:14px;float:left;text-align:left;padding-left:2px;}
.text_rec p{margin-top:8%;color:#666;font-weight:thin;}
.text_rec ul li{float:left;color:#f7ab3e;margin-top:6px;}
.dl_rec{width:38%;height:88px;display:inline-block;font-size:14px;float:left;line-height:88px;text-align:center;}
.dl_btn{color:#fff;background-color:#e11581;padding:10px 28%;width:90%;height:36px;display:inline;border-radius:10px;text-decoration:none;}
}
.post-thumbnail{/*margin-left:6px;*/border-radius:4px!important;}

/*!------------------------------------
    Hamburger
------------------------------------*/

.drawer-menu{
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    width: 300px;
    height: 100%;
    background: #FFF;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
	/*
	-webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
	*/
	-webkit-transition-property: all;
    transition-property: all;
	transform: translateX(-100%);
	
	/*
    -webkit-transform: perspective(500px) rotateY(90deg);
    transform: perspective(500px) rotateY(90deg);
	*/
	opacity: 0;
	
	overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.drawer-menu li a{
    color: #888;
}

.drawer-menu li .ac-cont a{
	display: block;
	padding: 10px 0;
	font-size: 14px;
    color: #888;
    -webkit-transition: all .8s;
    transition: all .8s;
}
.drawer-menu li{
	display: block;
    padding: 0;
    font-size: 14px;
    color: #888;
    -webkit-transition: all .8s;
    transition: all .8s;
    text-align: left;
}
/*
.drawer-menu li a:hover {
    color: #1a1e24;
    background: #666;
}
*/

/* checkbox */
.check{
    display: none;
}

/* menu button - label tag */
.menu-btn{
    position: initial;
    display: block;
    top: 125px;
    left: 10px;
    width: 30px;
    height: 30px;
    font-size: 10px;
    text-align: center;
    cursor: pointer;
    z-index: 3;
}

.bar {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 30px;
    height: 1px;
    background: #888;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
}

.bar.middle {
    top: 10px;
    opacity: 1;
}

.bar.bottom {
    top: 20px;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
}

.menu-btn__text {
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    margin: auto;
    color: #fff;
    -webkit-transition: all .5s;
    transition: all .5s;
    display: block;
    visibility: visible;
    opacity: 1;
}

.menu-btn:hover .bar {
    background: #999;
}

.menu-btn:hover .menu-btn__text {
    color: #999;
}

.close-menu{
    position: fixed;
    top: 0;
    right: -300px;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0);
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    visibility: hidden;
    opacity: 0;
}

/* checked */
.check:checked ~ .drawer-menu{
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    z-index: 100;
}

.check:checked ~ .drawer-menu{
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.check:checked ~ .menu-btn .menu-btn__text {
    visibility: hidden;
    opacity: 0;
}

.check:checked ~ .menu-btn .bar.top {
    width: 30px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.check:checked ~ .menu-btn .bar.middle {
    opacity: 0;
}

.check:checked ~ .menu-btn .bar.bottom {
    width: 30px;
    top: 20px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.check:checked ~ .close-menu{
	/*
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
	*/
    background: rgba(0,0,0,.5);
    visibility: visible;
    opacity: 1;
    z-index: 10;
}
	
/* --------------------------- */
.push-accordion {
  min-width: 300px;
  margin: 0 auto;
  padding: 20px 0 100px;
}
.push-accordion .ac-content {
  margin: 0;
  padding: 0;
}
.push-accordion input {
  display: none;
}
.push-accordion label {
  display: block;
  background: #FFF;
  cursor: pointer;
  padding: 10px 0 10px 10px;
  color: #666;
  border-bottom: 1px solid #e5e5e5;
  box-sizing: border-box;
}
.push-accordion label a {
}
	
/*
.push-accordion label:hover {
  background: #ccc;
}
*/
.push-accordion .ac-cont{
  transition: 0.2s;
  height: 0;
  overflow: hidden;
  background: #f3f3f3;
  padding: 0 10px;
  box-sizing: border-box;
}
.push-accordion input:checked + .ac-cont {
	height: auto;
    /*padding-left: 20px;*/
    box-sizing: border-box;
}
	
.push-accordion li{ position: relative; }
	
.ac-cap1 .touch-button, .ac-cap2 .touch-button, .ac-cap3 .touch-button, .ac-cap4 .touch-button{
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    width: 50px;
    height: 20px;
    padding: 15px 0 0 0;
    display: inline-block;
    text-align: center;
    font-size: 10px;
}

/*!------------------------------------
	search
------------------------------------*/
.drawer-menu_r{
    box-sizing: border-box;
    position: fixed;
    top: 0;
    right: 0;
    width: 300px;
    height: 100%;
    background: #FFF;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
	-webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
	-webkit-transition-property: all;
    transition-property: all;
	transform: translateX(100%);

	opacity: 0;
	
	overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.drawer-menu_r li{
    text-align: left;
}

.drawer-menu_r li a{
	display: block;
    font-size: 14px;
    -webkit-transition: all .8s;
    transition: all .8s;
}

/* checkbox */
.check_r{
    display: none;
}

/* menu button - label tag */
.menu-btn_r{
    position: absolute;
    display: block;
    top: 0;
    right: -10px;
    width: 40px;
    height: 40px;
    font-size: 10px;
    text-align: center;
    cursor: pointer;
    z-index: 3;
	
	/*
    position: initial;
    display: block;
    top: 125px;
    left: 10px;
    width: 30px;
    height: 30px;
    font-size: 10px;
    text-align: center;
    cursor: pointer;
    z-index: 3;
	*/
}

.close-menu_r{
    position: fixed;
    top: 0;
    right: 300px;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0);
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    visibility: hidden;
    opacity: 0;
}

/* checked */
.check_r:checked ~ .drawer-menu_r{
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    z-index: 100;
}

.check_r:checked ~ .drawer-menu_r{
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.check_r:checked ~ .close-menu_r{
	/*
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
	*/
    background: rgba(0,0,0,.5);
    visibility: visible;
    opacity: 1;
    z-index: 10;
}
.drawer-menu_r ul { padding: 30px 0 100px; }
.drawer-menu_r .searcharea input {
    font-size: 1.4em;
    padding: 10px;
    margin: 10px;
    width: 85%;
    border: 1px solid #ccc;
    border-radius: 2px;
}
.drawer-menu_r .tags_title{
	width: 90%;
	margin: auto;
    font-size: 1.4em;
    padding: 10px 0;
}
.drawer-menu_r .tags{
	width: 90%;
	margin: auto;
	font-size: 1.5em;
}
.drawer-menu_r .tags a {
    text-decoration: none;
    padding: 5px 10px;
    border: 1px solid #e198b5;
    border-radius: 20px;
    margin-bottom: 4px;
    display: inline-block;
}