@charset "UTF-8";
/*   
Theme Name: concert
Template: xeory_base
*/
/*-------------------------------------------------- */
/*親スタイルを読み込み*/
@import url('../xeory_base/style.css');
body {
    background-color: #f3f3f3;
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  overflow-wrap: break-word;
  word-break: normal;
   color:#5f6162;
}
h1,h2,h3{font-size: 24px;}

.form-submit text-align:center;}

.comment_title {font-size: 16x!important;}

.comment-form-author{display:none!important;}
.comment-form-email{display:none!important;}
#email{display:none!important;}
#author{display:none!important;}
h3.comment-reply-title {display:none!important;}

.otherlinks a {
	color: #61C38E!important;
	display: inline-block;
}
.otherlinks a:hover {	color: #478d67!important;}

.pickuplink {
	color: #FFFFFF;
	background-color: #61c38e;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;
	display: inline-block;
	clear: both;float: none;
	margin-top: 5px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;
	padding-top: 7px;padding-right: 15px;padding-bottom: 7px;padding-left: 15px;}
.titlelink {}
.sph5 {float: none;clear: both;width: 100%;height: 5px;margin: 0px;padding: 0px;border: none;background-color:transparent;}
.sph10 {float: none;clear: both;width: 100%;height: 10px;margin: 0px;padding: 0px;border: none;background-color:transparent;}
.sph15 {float: none;clear: both;width: 100%;height: 15px;margin: 0px;padding: 0px;border: none;background-color:transparent;}
.sph20 {float: none;clear: both;width: 100%;height: 20px;margin: 0px;padding: 0px;border: none;background-color:transparent;}
.sph25 {float: none;clear: both;width: 100%;height: 25px;margin: 0px;padding: 0px;border: none;background-color:transparent;}
.sph30 {float: none; clear: both;  width: 100%;  height: 30px;  margin: 0px;  padding: 0px;  border: none;  background-color:transparent;}
.sph35 {float: none;  clear: both;  width: 100%;  height: 35px;  margin: 0px;  padding: 0px;  border: none;  background-color:transparent;}
.sph40 {float: none;  clear: both;  width: 100%;  height: 40px;  margin: 0px;  padding: 0px;  border: none;  background-color:transparent;}
.sph50 {float: none;  clear: both;  width: 100%;  height: 50px;  margin: 0px;  padding: 0px;  border: none;  background-color:transparent;}
.sph55 {float: none;  clear: both;  width: 100%;  height: 55px;  margin: 0px;  padding: 0px;  border: none;  background-color:transparent;}
.sph60 {float: none;  clear: both;  width: 100%;  height: 60px;  margin: 0px;  padding: 0px;  border: none;  background-color:transparent;}
.sph65 {float: none;  clear: both;  width: 100%;  height: 65px;  margin: 0px;  padding: 0px;  border: none;  background-color:transparent;}
.sph70 {float: none;  clear: both;  width: 100%;  height: 70px;  margin: 0px;  padding: 0px;  border: none;  background-color:transparent;}
.sph80 {float: none;  clear: both;  width: 100%;  height: 80px;  margin: 0px;  padding: 0px;  border: none;  background-color:transparent;}
.sph100 {float: none;  clear: both;  width: 100%;  height: 100px;  margin: 0px;  padding: 0px;  border: none;  background-color:transparent;}
hr.line {float: none;  clear: both;  width: 100%;  height: 1px;  margin: 0px;  padding: 0px;  border: none;  background-color:transparent;}
hr.clear {float: none;  clear: both;  width: 100%;  height: 1px;  margin: 0px;  padding: 0px;border: none;background-color:transparent;}
/*-- シェアボタンここから --*/

.smart_on { display:none;}
.smart_none { display:inline;}


.share_btn {
  text-align:center;
  margin-right:25%;
  margin-left:25%;
  width:50%;
  min-height:100px
}

.share_btn div {
  float:left;
  width:25%
}

.share_btn div img {
  height:auto;
  width:100%
}

.share_btn div img:hover {
  opacity:.6
}

/*-- シェアボタンここまで --*/


/* フッターの固定 */
div#footer-fixed
{
    position: fixed;            /* フッターの固定 */
    bottom: 0px;                /* 位置(下0px) */
    left: 0px;                  /* 位置(左0px) */
    width: 100%;                /* 横幅100%　*/
    height: 70px;              /* 縦幅140px */
	z-index: 9999999999999999;
}
 
div#footer-bk
{
	background-color: rgba(255,255,255,1);       /* 上10px、下20pxをあける */
	height: 70px;              /* 縦の高さ140px */
	width: 100%;                /* 横の幅を100% */
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
		z-index: 9999999999999999;
}

div#footer {
	height: 100%;              /* 縦の表示領域はheader-bkと同じ */
	max-width: 960px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 35px;
	padding-bottom: 0px;
	padding-left: 35px;
	z-index: 99999999999999999;
}

/*-- ついてくるフッターここまで --*/




.breadcrumb-wrap{padding-top: 15px;padding-bottom: 15px;background-color: #f8f8f8;}

#content .breadcrumb a{color: #8ac676;}

.breadcrumb{display: block;vertical-align: top;margin: 0;}
.breadcrumb i{display: none;}
.breadcrumb li:first-child i{display: inline;}



#top .post-meta{border: none;}

#top .updated{padding:0;text-align: left; font-size:11px!important;color:#777;}
#top .post-header{padding: 0;margin:0;background-color: rgba(255, 255, 255, 0);border: none;}
#top .post-header i{color:#a6d398;}
#top .post-title{font-size: 14px;text-align: left;padding: 0px;margin: 0;background-color:  rgba(255, 255, 255, 0);border: none;}
#top .post-content{padding: 5px;margin: 0;text-align: left;font-size: 12px;background-color:  rgba(255, 255, 255, 0);border: none;}
#top .post-thumbnail{margin: 0;padding: 0;float: none;background-color:  rgba(255, 255, 255, 0);border: none;border: 1px solid #bdccd4;}

.post-title a {color:#333;}
#top .post-thumbnail img {max-width:100%;}

h2.title_line{font-size:21px;margin-bottom: 5px;}

.subcopy {font-size:14px;margin-top:0px;padding-top:0px;margin-bottom:10px;}

h3.title_line{font-size: 16px;margin-bottom: 3px;}

h2.title_line,
h3.title_line
{font-weight: bold; color:#32b16c;border-bottom: 2px solid #32b16c;max-width: 470px;margin-top: 15px;}




#side h3.title_line{max-width: 188px;}

.category{margin-bottom: 10px;}
.category label{margin-right: 0;color: #333;}
.category a{color: #333;}
.category span.tags{padding:0px 4px;color: #fff;background-color:#acd79d; margin-right: 4px;font-size: 11px;color: #fff;border-radius: 3px;display: inline-block;}
.category span.tags:last-child{margin-right: 0;}



body.home #content{padding-top: 0;background-color: #f3f3f3;}

.home-header{margin-top: 35px;}

#content{padding-top: 0;background-color: #f3f3f3;}

.page-id-10 #content{margin-top: -150px;background-color: #FFFFFF;}
.page-id-322 #content{margin-top: -150px;background-color: #FFFFFF;}

.left-content #main{padding-top: 15px;padding-bottom: 30px;}


/* サイト全体幅指定 */
.wrap{max-width: 1180px;width: 100%}

/* サイドバー設定  */
.main-inner{margin-right: 325px;}
#side{width:325px;margin-left: -325px;padding-top: 15px;padding-left: 20px;}

body.page #side,
body.category #side,
body.archive #side,
body.single #side
{margin-top: 0;padding-top: 0;}


#side .newpost{}
#side .newpost li{padding:5px;border-bottom: 1px solid #eee;}
#side .newpost li:last-child{border-bottom:none;}

#side .newpost li span{display: inline-block;vertical-align: top;float: left;}
#side .newpost h3{width: 92%;height: 3em; line-height: 1.5em;font-size: 12px;display: inline-block;vertical-align: top;}
#side .newpost p{margin: 0;padding: 0;text-align: right;}
#side .newpost p a{color: #8ac676;font-size: 12px;}


.side-wrap{}
.side-wrap .whitebox{background-color: #fff;border:1px solid #bfced6;padding:10px;margin-bottom: 30px;}
.side-wrap .ad{margin: 15px auto;}

.side-list{}
.side-list li{display: block;clear:both;padding: 7px 0;border-bottom: 1px solid #eee;}
.side-list li:last-child{border-bottom: none;}
#side .side-list .post-thumbnail{display: inline-block;vertical-align: middle; max-width: 75px;height: 75px;overflow: hidden;}
#side .side-list label{display: inline-block;font-size: 27px;font-weight: bold;vertical-align: middle;padding: 0 7px;}
.side-list .content{display: inline-block;vertical-align: top;padding-left: 3%;width: 57%;height: 75px; position: relative;font-size: 12px;}
.side-list p{text-align: right;}
.side-list a {color: #333333;font-size:13px;}
.side-list p a{color: #8ac676;position: absolute;bottom: 0;right: 0;font-size: 12px;}


#side .side-list li:nth-of-type(4){color:#959595; font-weight: normal!important;}
#side .side-list li:nth-of-type(5){color:#959595; font-weight: normal!important;}

#side .side-list li:nth-of-type(4) label {color:#959595; font-weight: normal!important;}
#side .side-list li:nth-of-type(5) label {color:#959595; font-weight: normal!important;}
#side .side-list li:nth-of-type(1) label {color:#cfad7b!important;}
#side .side-list li:nth-of-type(2) label {color:#b1c0c9!important;}
#side .side-list li:nth-of-type(3) label {color:#ba8441!important;}

/* ヘッダー */


#header {
	padding: 10px 0 0px 0;
	border-bottom: none;
	background-color: #fff;
}



#header .wrap {
	background-image: url(images/h_back_2.png);
	
	background-repeat: no-repeat;
	background-position: left;}

	
	

.site-description{display: block;margin: auto; text-align: center;}
#header .grid-cols{width: 50%;display: inline-block;vertical-align: middle;}

#header .grid-cols:last-child{padding-right: 5px;}

.side-menu{display: block; vertical-align: top;text-align: right;margin-top: 15px;}
.side-menu li{display: inline-block;vertical-align: top;text-align: left;padding-right: 15px;}
.side-menu li:last-child{padding-right: 0;}
.side-menu li a{font-size: 12px;text-decoration: underline;color: #333;}



/* ロゴ  */


#header #logo{
	float: none;
	display: inline-block;
	vertical-align: middle;
	padding-top: 15px;
	padding-left: 5px;
	padding-bottom: 10px;
}
#logo img{max-width: 100%;height: auto;}
.site-description{font-size: 12px;}


/* 検索ボックス */

#header #searchform{border: none;}
#header #searchform input[type=text],
#content #searchform input[type=text]
{display: inline-block;width: auto; vertical-align: middle; padding: 4px 12px;font-size: 14px;}
#header #searchform input[type=text]{display: inline-block;vertical-align: top; border: 1px solid #eee;width:200px;}
.search-form{display: inline-block;vertical-align: middle;position: relative;}
.search-form span{font-size: 12px;text-align: center;display: block;}



#searchsubmit {
    margin-left: 10px;
    position: static;
    float: none;
    vertical-align: top;
    line-height: 18px;
    border: none;
    border-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 40px;
    padding: 5px 5px;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    background: transparent;
    font-family: "メイリオ", sans-serif;
    font-size: 12px;
    color: #fff;
    background-color: #333;
}



/* home トップ */


#top-container {
    width: 100%;
    text-align: center;
    padding-bottom: 0px;
    border-bottom: 1px solid #bfced6;
}
#top-container::after{content: ".";display: block;clear: both;width: 100%;visibility: hidden;}


#top-container .cols{padding: 10px;border: 1px solid #bfced6;text-align: center;margin:auto;max-width: 358px;min-height: 366px;background-color: #fff;}

#top-container .cols:nth-child(2){margin-left: 18px;margin-right: 18px;max-width: 358px;}

#top-container .cols:nth-child(3){margin-left: 0px;margin-right: 30px;max-width: 358px;}

#top-container article{background-color: #fff;}
#top-container .wrap-content{position: relative;height: 125px;}
#top-container .post-thumbnail{
    position: relative;
    width: 336px;
    height: 233px;
    overflow: hidden;
    margin-bottom: 10px;
}
#top-container .post-thumbnail img{display: block;margin:auto; position:absolute;top:0;bottom: 0;left:0;right:0;vertical-align: middle;}
#top-container .post-content{}
#top-container .post-content p{position: absolute;bottom: 0;left: 0;padding-left: 5px;margin: 0;}
#top-container .post-content p a{color: #8ac676;}


.post-loop-wrap{max-width: 835px;}


/* ヘッダーナビ */


#gnav {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 2px;
    border:none;
    font-size: 14px;
    height: 50px;
    text-align: center;
    background-color: #76b4ce;
}
#gnav li[id*="menu-item-"]{display: inline-block;vertical-align: top; padding: 0;float: none;text-align: center;width: 19.5%;border: none;border-left: 1px solid #fff;}
#gnav li[id*="menu-item-"]:last-child{border-right: 1px solid #fff;}
#gnav li[id*="menu-item-"] a{display: block;width: 100%;font-size: 14px;padding: 15px 0 0 0;height: 47px;border: none;color: #fff; background-color: #76b4ce;}
#gnav li[id*="menu-item-"] span{display: block;margin:auto;text-align: center;font-size: 11px;margin-top: -9px;color: #fff;}
#gnav li[id*="menu-item-"] span::before{content: "<";}
#gnav li[id*="menu-item-"] span::after{content: ">";}

#gnav li[id*="menu-item-"]:hover a{background-color: #3f9bc1;}




/* フッター */

#top .pagetop {
    position: fixed;
    bottom: 200px;
    right: 50px;
    color: #fff;
}

#footer .site-description{font-size: 14px;margin-bottom: 15px;}
.footer-top{background-color: #fff;width: 100%;border-top:1px solid #eee;border-bottom:1px solid #eee;padding-top: 30px;padding-bottom: 30px;}
.footer-top ul{margin: auto;}
.footer-top ul li {display: block;vertical-align: middle;text-align: center;margin: auto}
.footer-top ul li span {font-size: 26px;font-weight: bold;color: #5f6568;display:inline-block; }
.footer-top ul li a{margin: auto;margin-right: 15px;}
.footer-top ul li a img {margin-top:-10px;margin-bottom:10px;}

.btnlink {
	background-color: #61c38e;color: #FFFFFF!important;	font-size: 15px; min-width: 250px; max-width: 250px;
	padding-left: 25px;padding-right: 25px;padding-top: 8px;padding-bottom: 8px;
	border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;
	background-image: url(images/yajirushi.png);background-repeat: no-repeat;background-position: right center;
	display:inline-block;
}
.btnlink:hover {background-color: #478d67;text-decoration: none;}

.btnlink2 {
	background-color: #61c38e;color: #FFFFFF!important;	font-size: 12px; min-width: 170px; max-width: 170px;
	padding-left: 15px;padding-right: 25px;padding-top: 4px;padding-bottom: 4px; margin-top: 10px;
	border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;
	background-image: url(images/yajirushi.png);background-repeat: no-repeat;background-position: right center;
	display:inline-block;
}
.btnlink2:hover {background-color: #478d67;text-decoration: none;}



#footer{background-color: #f3f3f3;}
#footer .wrap{padding: 20px 0 0 0 ;text-align: left;}

.footer-02{max-width: 243px;width: 100%; display: inline-block;vertical-align: top; border-top:none;background-color: rgba(255,255,255,0);margin-right: 20px;}
.footer-01{max-width: 243px;width: 100%;display: inline-block;margin-right: 20px;vertical-align: top; background-color: rgba(255,255,255,0);}
.footer-00{display: inline-block;vertical-align: top;margin-right: 70px; }
.footer-00 p{font-size: 12px;}

.footer-01 ul,
.footer-02 ul{margin-top: 10px;}

.footer-00 p,
.footer-01 ul li,
.footer-02 ul li
{display: block;line-height: 1.5em;margin-right: 0;}

.footer-01 ul li a,
.footer-02 ul li a
{font-size: 12px;}

.footer-01 ul li span,
.footer-02 ul li span{
    text-decoration: none;
    border: none;
}





#footer .title_line{font-weight: bold; color: #626262; font-size: 14px;margin-bottom: 3px;text-align: left;border-bottom: 2px solid #626262;}

.footer-copy{font-size: 12px; padding-top: 10px;padding-bottom: 10px;float: none;vertical-align: middle;text-align: left;background-color: #f3f3f3;}



/* 共通スタイル */

.row{width: 100%;clear: both;}
.row::after{content: ".";visibility: hidden;clear: both;display: block;height: 0;}

a.post_list_link{display: inline-block;vertical-align: middle; width: 100%; max-width: 250px;padding:10px 0;margin: 15px auto; border: 1px solid #eee;border-radius: 5px;}
#side a.post_list_link{max-width: 180px;padding-left: 20px;padding-right: 20px;text-align: center;display: block;margin:auto;}
#footer-post a.post_list_link{display: none;}

.wide{width: 100%;}

.mr10{margin-right: 10px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mt40{margin-top: 40px;}
.mb40{margin-bottom: 40px;}
.mt60{margin-top: 60px;}
.mb60{margin-bottom: 60px;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.center{text-align: center;}
.right{text-align: right;}
.left{text-align: left;}

.cols-right{float: right;text-align: right;}
.cols-left{float: left;text-align: left;}

.horizontal{display: inline-block!important;vertical-align: top;}

 [class*="grid-cols"]{float: left;}
#main .grid-cols-1{width: 10%;}
#main .grid-cols-2{width: 20%;}
#main .grid-cols-3{width: 33.333%;}
#main .grid-cols-4{width: 40%;}
#main .grid-cols-5,.grid-cols-5{width: 49.7%;}
#main .grid-cols-6{width: 60%;}
#main .grid-cols-7{width: 70%;}


/* 投稿記事 */
#top #main .post-header{padding: 0 0.5em 1em 0.5em;}
body.page #main .post-header{padding: 0 0.5em 1em 0.5em;}
#main .post-header {
    padding: 0 0.5em 1em 0.5em;
    border-top: none;
    background: none;
}
body.page .post-title {
    margin: 18px 0 18px 0;
    font-size: 24px;
    clear: both;
    font-weight: bold;
}


h2.title{font-size: 16px;font-weight: bold;color: #000;padding-left: 0.5em;margin-bottom: 10px;text-align: left;}
h3.title{font-size: 14px;font-weight: bold;color: #000;padding-left: 0.5em;margin-bottom: 0px;text-align: left;}
#side h3.title{margin-bottom: 10px;margin-top: 15px;}


.article-list{padding: 20px 20px;background-color: #fff;    margin-bottom: 45px}
.article-list li{display: block;clear:both;padding: 10px 0;border-bottom: 1px solid #eee;background-color: #fff}
.article-list li:last-child{border-bottom: none;}

.article-list .post-thumbnail{display: inline-block;vertical-align: middle; max-width: 73px;height: 60px;overflow: hidden;position: relative;}
.article-list .post-thumbnail img{display: block;position: absolute;top:0;bottom: 0;left: 0;right: 0;margin:auto;vertical-align: middle;}
#top .article-list li:first-child .post-thumbnail{max-width: 165px;height: 165px;}
#top .article-list li:first-child .post-thumbnail img{height: auto;}
#top .article-list li:first-child h3.post-title {font-size:17px;}


.article-list .content{display: inline-block;vertical-align: top;padding-left: 0;width: 90%;min-height: 60px; position: relative;font-size: 12px;padding-left: 15px;}

.article-list li:first-child .content{width: 78.5%;height: 135px;}
#top .article-list li .post-title{padding-left: 0;}
#top .article-list li:first-child .post-title{padding-left: 5;}

.article-list li .description{text-align: left;padding-left: 5px;margin-top: 5px;}


.article-list p{text-align: right;}
.article-list p a{color: #8ac676;font-size: 12px;}


.archive-content{margin-top: 20px;max-width: 835px;}
.archive-content article{position: relative;background-color: #fff;}
#top .archive-content .post-title{font-size: 16px;font-weight: bold;padding-bottom: 10px;border-bottom: 1px solid #eee;margin-bottom: 5px;}
.archive-content .post-thumbnail{display: inline-block;vertical-align: middle;width: 215px;height: 215px;position: relative;overflow: hidden;}
.archive-content .post-thumbnail img{display: block;position: absolute;top:0;bottom: 0;left: 0;right: 0;margin:auto;vertical-align: middle;}
#top .archive-content .post-thumbnail img{width:100%;height: auto;}

#main .archive-content .post-header {padding: 0 0 10px 0.5em;border-top: none;background: none;}
.archive-content .wrap-content{width: 73%; display: inline-block;vertical-align: top;padding: 20px 20px 15px 15px;}
/*.archive-content .links{text-align: right;position: absolute;bottom: 15px;right: 20px;}*/
/*.archive-content .links a{font-size: 12px; color: #a6d398;padding:2px 10px;border: 1px solid #a6d398;}*/

.links{text-align: right;position: absolute;bottom: 15px;right: 20px;}
.links a{font-size: 12px; color: #a6d398;padding:2px 10px;border: 1px solid #a6d398;}

.links2 {text-align: right;margin-bottom:10px!important;margin-top:-17px!important;}
.links2 a{font-size: 12px; color: #a6d398;padding:5px 10px;border: 1px solid #a6d398;}

.archive-content .category{color: #a6d398;background-color: #fff;}
.archive-content .category .tags{background-color: #fff;}
.archive-content .category .tags a{color: #a6d398;}
#top .dashicons ,
#top .fa-clock-o{color: #a6d398;}
#top .single-content{padding: 40px 30px 40px 30px;background-color: #fff;margin-top: 20px;max-width: 835px;}
#top .single-content h1.post-title{font-size: 24px;margin-top: 20px;margin-bottom: 20px;}
#top .single-content .post-meta{display: block; margin-top: 10px;margin-bottom: 10px;border-top:1px solid #eee;}
#top .single-content .cat a{color: #a6d398;}
#top .post-meta li{margin-top: 10px;}
#top .single-content .post-content{width: 100%;padding: 0px;}
#top .single-content .post-content h2{font-size: 24px;border-bottom: none;border-left: 10px solid #a6d398;clear: both;margin: 40px 0 20px 0px;	padding: 0 13px 0 13px;}
#top .single-content .post-content h3{font-size: 20px;margin: 40px 0 20px 0px; border-bottom: 3px double #a6d398;border-left: none; padding: 0 0px;clear: both;}
#top .single-content .post-content h4{font-size: 20px;margin: 40px 0 10px 0px; border-left: none;padding-left: 0;clear: both;}
#top .single-content .post-content p{line-height: 24px;font-size: 14px;}
#top .single-content .post-content ul,#top .single-content .post-content ol {line-height: 24px;font-size: 14px;}

#top .post-thumbnail img{max-width: auto!important;}

/* page */

body.page article{margin-top: 20px;}

body.page #main .post-header{padding: 50px 30px 50px 30px;}





/* レスポンシブ */

#close-btn{display: none;padding: 10px 0;}

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

   #top-container .cols:nth-child(2) {
    margin-left: 50px;
    margin-right: 40px;
    }


}


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

    #top-container .cols:nth-child(2) {
        margin-left: 15px;
        margin-right: 15px;
    }

    .archive-content .wrap-content {
        width: 70%;
        display: inline-block;
        vertical-align: top;
        padding: 20px 20px 15px 15px;
    }


}

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

     #top-container .cols:nth-child(2) {
        margin-left: 5px;
        margin-right: 5px;
    }

    .archive-content .wrap-content {
        width: 66%;
        display: inline-block;
        vertical-align: top;
        padding: 20px 20px 15px 15px;
    }

    .article-list li:first-child .content {
        width: 72%;
        height: 135px;
    }
    .article-list .content {
        width: 86%;
    }


}


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

    #header {
       padding: 0 10px!important;
    }

    #header-menu-tog{display: none;}

    #gnav{margin: 0;}

    .wrap, .one-column #content .wrap {
        margin-left: auto;
        margin-right: auto;
        padding-left: 10px!important;
        padding-right: 10px!important;
    }
     #content .wrap{padding: 0 15px;}
     #footer .wrap {
        padding: 20px 15px 0 15px;
        text-align: left;
    }

    #gnav ul li.current-menu-item a {
        border-top: none;
        background: #76b4ce;
    }

    #top.main-inner, #side {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
    }

    #top-container .post-content{padding: 0!important;}
    .category label{display: block;}

}




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


    #gnav li[id*="menu-item-"] {
            width: 19%;
    }
    #content{padding:0;}

    .site-description{max-width: 600px;text-align: left;}

    .footer-02{max-width: 210px;width: 100%; display: inline-block;vertical-align: top; border-top:none;background-color: rgba(255,255,255,0);margin-right:0;}
    .footer-01{max-width: 210px;width: 100%;display: inline-block;margin-right: 3%;vertical-align: top; background-color: rgba(255,255,255,0);}
    .footer-00{;display: inline-block;vertical-align: top;margin-right: 3%; }
    .footer-00 p{font-size: 12px;}


    #main .article-list .content {
        display: inline-block;
        vertical-align: top;
        padding-left: 0;
        width: 88%;
        min-height: 120px;
        position: relative;
        font-size: 12px;
        padding-left: 15px;
    }


    #main .article-list li:first-child .content {
        width:75%;
        height: auto!important;
    }

    .side-wrap .ad{display: inline-block;vertical-align: top;text-align: center;width: 49.5%;}

    #top-container .cols {
        padding: 10px;
        border: 1px solid #bfced6;
        text-align: center;
        margin: auto;
        max-width: 240px;
        height: auto;
        background-color: #fff;
    }

    #top-container .post-thumbnail {
        width: 100%;
        height: 250px;
        overflow: hidden;
        margin-bottom: 5px;
    }

    #top-container .post-thumbnail img{height: auto;}
   

    
    #top-container .cols:nth-child(2) {
        margin-left: 9px;
        margin-right: 9px;
    }

    #top-container .wrap-content {
       
        height: 135px;
    }

    .side-list .content {
       
        width: 84%;
        
    }

    #top .pagetop {
    position: fixed;
    bottom: 15px;
    right: 15px;
    color: #fff;
    }

    #top .single-content{padding: 20px 5px 20px 5px;}
    #top .single-content h1.post-title {
        font-size: 18px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #top .single-content .post-content h2 {
        font-size: 16px;
    }
    #top .single-content .post-content h3 {
        font-size: 16px;
    }

}




@media screen and (max-width: 600px){
	
.smart_on { display:inline;}
.smart_none { display:none;}

#top .single-content .post-content h4{font-size: 16px;margin: 20px 0; border-left: none;padding-left: 0;clear: both;}
.article-list{ margin-bottom: 35px}
.home-header{margin-top: 5px;}
.links2 {
	text-align: right;
	margin-bottom: 15px!important;
	margin-top: 0px!important;
	clear: both!important;
	float: none!important;
}
.links2 a{font-size: 11px; color: #a6d398;padding:2px 10px;border: 1px solid #a6d398;}

#header .wrap {	
background-size: 100%;
}

h2.title_line{font-size:16px;margin-bottom: 5px;}

.subcopy {font-size:11px;margin-top:0px;padding-top:0px;margin-bottom:10px;}

/*-- シェアボタンここから --*/
.share_btn {
    text-align:center;
    margin-right:0;
    margin-left:0;
    width:100%;
    min-height:50px
}

  .share_btn div {
    float:left;
    width:25%
}

/*-- シェアボタンここまで --*/

	
	.post-thumbnail-smart {
		overflow:hidden;
		height: 180px; margin-bottom:10px;}
	
	#top .post-content{padding-bottom: 15px;}
	
     #gnav{height: auto;}
    #header-menu-tog {
        display: block;
        float: none;
        font-size: 37px;
        position: absolute;
		       top: 12px;
        right: 15px;
    }

    #close-btn{display: block;}

    #header .grid-cols:last-child{padding-right: 0;}

    .grid-cols-3{width: 100%;float: none;}

    #top-container .cols {
        padding: 30px;
        text-align: center;
        margin: auto auto 10px auto;
        width: 100%;
        max-width: 100%;
        height: auto;
        display: block;
    }
.smart_link {display:inline-block;}
    
    #top-container .cols:nth-child(2) {
        margin-left: auto;
        margin-right: auto;
    }

    .archive-content .post-thumbnail,
    #top-container .post-thumbnail {
        position: relative;
        width: 100px;
        height: 100px;
        overflow: hidden;
        margin-bottom: 5px;     margin-right: 15px;
        display: inline-block;vertical-align: top;
    }
    .archive-content .post-thumbnail img,
     #top-container .post-thumbnail img{width:100%;height: auto;}

    .archive-content .wrap-content,
    #top-container .wrap-content {
        height: 125px;
        width: 64%;
        display: inline-block;
        vertical-align: top;
    }
    #top .archive-content .post-title{font-size: 12px;line-height: 1.2em;}
    .archive-content .wrap-content{padding: 5px;}

    .archive-content .links{right: 15px;}



    #header {
        padding:10px 0 0 0!important;
    }
    .site-description{max-width: 540px;}
    #header .grid-cols{width: 100%;display: block;}

    #header #logo {
    float: left;
    display: block;
    vertical-align: middle;
    padding-left: 0;
	padding-top: 5px;
    margin: auto;
width:80%;
    }

    .search-form{
        display: none;
    text-align: center;
    max-width: 260px;
    margin: auto;
    }

    .side-menu{text-align: center;display: none;}

    #side {
        width: 100%;
        margin-left: auto;
        padding-top: 0px;
        padding-left: 0;
        margin-right: auto;
    }

    [class*="grid-cols"] {
        float: none;
    }


    #gnav{margin-left: auto;margin-right: auto;}
    #gnav ul li[id*="menu-item"]{
         display: block;
        width: 100%;
        text-align: center;
        border: none;
        max-width: 320px;
        border-bottom: 1px solid #eee;
        margin-left: auto;
        margin-right: auto;
        padding:10px 0;
    }
    #gnav ul li[id*="menu-item"]:last-child{border: none;border-bottom: 1px solid #fff;}
    .category{margin-bottom: 5px;}
    .category span.tags{padding-bottom: 1px;vertical-align: middle;}

   


      .footer-02{max-width: 100%;width: 100%; display: block;}
    .footer-01{max-width: 100%;width: 100%;display: block;}
    .footer-00{;display: block;vertical-align: top;margin-right: 0; }
    .footer-00 p{font-size: 12px;}

    #footer .site-description{
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	font-size: 11px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
    


}



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

    .site-description{max-width: 330px;font-size: 7px;margin-left: 0;padding-right: 25px;}
    #gnav .wrap{padding-right: 0;padding-left: 0;}

    
    .updated{font-size: 11px;}

    #main .sp-grid{width: 100%;}

  #top .article-list li:first-child .post-thumbnail{
        max-width: 105px;
        height: 115px;
    }

    .archive-content .wrap-content,
    #top .article-list li:first-child .content {
        width: 60.0%;
        min-height: 135px;
        padding-left: 5px;
		height: auto !important;
    }

    #main .article-list .content {
        width: 77%;
        min-height: 60px;
        padding-left: 5px;
    }

    .side-wrap .ad {
        display: inline-block;
        vertical-align: top;
        text-align: center;
        width: 49.2%;
    }

    #side .side-list label {
        display: inline-block;
        font-size: 18px;
        font-weight: bold;
        vertical-align: middle;
        padding: 0 4px;
    }

    .side-list .content {
        width: 68%;
    }

    .footer-00,.footer-01,.footer-02{
        margin:15px auto;max-width: 320px;
    }


    .footer-copy {
	font-size: 10px;
	float: none;
	text-align: center;
	padding-bottom:80px;
    }

    .footer-top ul li a{display: block;margin: 10px auto;text-align: center;}

    #top-container{padding-bottom: 0;}

    #top .archive-content .post-title {
    padding-bottom: 5px;
    margin-bottom: 5px;
    }


}





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

    #top-container .wrap-content {
        height: 125px;
        width: 60%;
    }
    #top .article-list li:first-child .content {
        width: 63.0%;
        height: auto;
        padding-left: 5px;
    }
    #main .article-list .content {
        width: 75%;
        /*min-height: 60px;*/
        padding-left: 5px;
    }

    .side-list .content {
        width: 66%;
    }
}




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

    body {
      margin: 0;
      font-size: 12px;
      line-height: 1.4;
    }

    .side-menu li {
        padding-right: 5px;
    }


    .thumbnail_list li h3{font-size: 11px;}
    .thumbnail_list li .updated{font-size: 11px;}
    .thumbnail_list li p.description{font-size: 11px;}

    #top .post-title {
        font-size: 12px;
        padding: 0px;
        line-height: 1.3em;
    }

    #top-container .post-thumbnail {
        position: relative;
        width: 90px;
        height: 90px;
        overflow: hidden;
        margin-bottom: 5px;
        display: inline-block;
        vertical-align: top;
    }

     #top .archive-content .post-title{font-size: 12px;line-height: 1.2em;}


    .archive-content .post-thumbnail img {width:100%;height:auto;}
    .archive-content .post-thumbnail,
    #top .article-list li:first-child .post-thumbnail {
        max-width: 90px;
        height: 90px;
    }
    .archive-content .wrap-content,
    #main .article-list .content {
        width: 68%;
        /*min-height: 60px;*/
        padding-left: 5px;
    }

    .archive-content .links {
        text-align: right;
        /*position: absolute;*/
        bottom: 10px;
        right: 5px;
    }

    .archive-content .links a {
        font-size: 10px;
        color: #a6d398;
        padding: 0 2px;
        border: 1px solid #a6d398;
    }

    .side-list .content {
        width: 60%;
    }

    .site-description{max-width:260px; }

   
    
}


#footer .dashicons, #footer.dashicons-before{height: 0;border: none;text-decoration: none;}