@charset "UTF-8";
/*   
Theme Name: XeoryBase
Theme URI: http://xeory.jp/
Description: Xeory　ベーステーマ 
Author: バズ部
Author URI: http://bazubu.com/
Version: 0.1.7
/* all display
-------------------------------------------------- */

body{counter-reset:count-number;}

.fix_menu_smartphone{
  display: none;
}
.wp_rp_wrap{
 padding:20px;
}

.related_post_title{
    clear: both;
    border-left: 5px solid #1070AB;
    padding: 0 13px;
font-size:22px;
    margin: 2em 0 1em
}
.menufixed {
  position: fixed;
  width: 100%;
  height: 100%;
}

.wrap {
  width: 1225px;
  box-sizing: border-box;
  margin: 0 auto;
  *zoom: 1;
}
.wrap:before {
  display: inline-table;
}
.wrap:after {
  content: "";
  display: block;
  clear: both;
}

.wrap-inner {
    border: 1px solid #EEE;
    padding: 25px 20px;
    background: #FFF none repeat scroll 0% 0%;
    overflow: hidden;
    margin-bottom: 30px;
}

#main {
  width: 100%;
  float: left;

}

#main a:hover {
  color:#1070AB;
  text-decoration: underline;
}

.main-inner {
  margin-right: 290px;
}

#side {
  width: 250px;
  float: left;
  margin-left: -250px;
}

#lesson .lesbtn{
padding: 0px;
background: #1070AB;
display: block;
padding: 10px 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 50%;
margin: 0 auto;
text-align: center;
}

#lesson .lesbtn a{
color: #fff !important;
}

#lesson .midashi1{
font-size: 24px;
text-align: center;
padding: 20px 0;
border-top: 3px dotted #E5E2D8;
border-bottom: 3px dotted #E5E2D8;
font-weight: bold;
color: #000;
margin-top: 50px;}

#lesson .midashi2{
font-size: 24px;
text-align: center;
padding: 20px 0;
font-weight: bold;
color: #000;
margin-top: 25px;}

#lesson .midashi3{
background: #f5f5f5; 
font-size: 20px; 
padding: 10px; 
font-weight: bold;}

#lesson .midashi4{
background: #E0ECFA; 
font-size: 16px; 
padding: 10px; 
font-weight: bold;}

#lesson .haikei1{
background: #f5f5f5; 
padding: 10px;}


.home-cat-title{
    border-bottom: solid #1070AB;
    font-size: 16px;
    letter-spacing: 1px;
}
.home-cat-title span {
    padding-left: 10px;
    font-size: 12px;
    color: #1070AB;
    letter-spacing: 1px;
}
.left-content #main {
  width: 100%;
  float: left;
}
.left-content .main-inner {
  margin-right: 330px;
  margin-left: 0;
}
.left-content #side {
  width: 290px;
  float: left;
  margin-left: -290px;
}

.right-content #main {
  width: 100%;
  float: left;
}
.right-content .main-inner {
  margin-left: 330px;
  margin-right: 0;
}
.right-content #side {
  width: 290px;
  float: left;
  margin-left: -100%;
}
#content .wrap_oshirase {
  width: 1000px;
	margin: 0 auto;
}
#content .wrap_oshirase  .main-inner{
	margin-right: inherit;
}

.one-column #content .wrap {
  width: 1000px;
}

.one-column #content .wrap2 {
  width: 100%;
}
.one-column #content .wrap #main {
  width: 100%;
  float: none;
}
.one-column #content .wrap #main .main-inner,
.one-column #content .wrap2 #main .main-inner {
  width: 100%;
  margin: 0;
}
.one-column #content .wrap #side,
.one-column #content .wrap2 #side {
  display: none;
}

.post-num-main {
    width: 69%;
    float: left;
position: relative;
margin: 5px 5px 12px 0px;
border: solid 1px #eee;
}

.post-num-sub {
width: 29%;
float: left;
position: relative;
margin: 5px 0px 5px 11px;
border: solid 1px #eee;
height: 161px;
overflow: hidden;
}
.postcate{
position: absolute;
    background: #1070AB;
    color: #fff;
    padding: 3px 10px;
    left: 5px;
    top: 6px;
}
.postcate2{
      position: absolute;
    background: #1070AB;
    color: #fff;
    padding: 0px 5px;
    left: 5px;
    top: 6px;
    font-size: 12px;
}
#text-5 ul li:before {
    color: #1070AB;
    font-weight: bold;
    counter-increment: count-number;
    content: counters(count-number,".") " ";
    border: 1px #1070AB solid;
    height: 25px;
    width: 29px;
    display: block;
    float: left;
    text-align: center;
    vertical-align: middle;
    margin: 3px 12px 0 0;
    padding: 5px 1px 0 0px;
}

/*
.post-content table｛
display:none;｝*/

/*アドセンス広告*/
.ads #adleft {
  float: left;
  margin:0px 20px 10px 20px;
}

.ads{
  clear:left;}


  /* ドロワーメニュー */
    .sparia{
	display: none;
}
#related-entries h3{
font-size: 20px;
    color: #333;
    margin-bottom: 10px !important;
    padding-left: 11px !important;
}
.related-entry{
overflow: hidden;
border: solid 1px #ddd;
margin: 1.5vw;
}
.related-entry-thumb{
float: left;
padding: 15px;
width: 38%;
}
.related-entry-content{
float: right;
width: 62%;
padding: 15px;
}
.related-entry-title{
font-size: 24px;
font-weight: bold;
border-bottom: solid 1px #ddd;
}
.related-entry-title a{
color: #00479d !important;
}
.related-date{
font-size: 12px;
padding: 10px 0;
}
.related-date span{
color: #aaa;
}
.related-entry-snippet{
font-size: 14px;
}
.related-entry-read{
text-align: right;
font-size: 14px;
padding: 0 14px;
}
/* ----------------------------------------
* TOC
---------------------------------------- */
#toc_container {
    background: #f9f9f9;
    border: 1px solid #aaa;
    padding:0 !important;
    margin-bottom: 1em;
    width: 100% !important;
    display: table;
    font-size: 95%;
}
#toc_container p.toc_title {
    text-align: center;
    font-weight: 700;
    margin: 0;
    padding: 10px !important;
    background: #1165A1;
    color: #fff;
}
span.toc_toggle a {
    color: #fff !important;
}
#toc_container p.toc_title+ul.toc_list {
    margin: 1em;
font-size: 1.1em;
    line-height: 2em;
}
div#toc-widget-2 {
    border: solid 1px #1070AB;
    background: #fff;
overflow: scroll;
    height: 300px;
}
div#toc-widget-2 h4 {
    background: #1070AB;
    text-align: center;
    color: #fff;
}
div#toc-widget-2 li {
    padding: 5px 15px !important;
    font-size: 14px;
}
.fixed {
position: fixed;
  top: 20px;
}
#toc-widget-2.fixed {
    width: 18%;
}

.fixed2 {
position: fixed;
  top: 100px;
}

div#toc-widget-3 {
    border: solid 1px #1070AB;
    background: #fff;
overflow: scroll;
    height: 300px;
}
div#toc-widget-3 h4 {
    background: #1070AB;
    text-align: center;
    color: #fff;
}
div#toc-widget-3 li {
    padding: 5px 15px !important;
    font-size: 14px;
}
.fixed3 {
position: fixed;
  top: 20px;
}
#toc-widget-3.fixed {
    width: 18%;
}

.fixed3 {
position: fixed;
  top: 100px;
}
#toc-widget-3.fixed {
    width: 18%;
}

/* ----------------------------------------
* 固定用LP風
---------------------------------------- */
.wrap-inlpfu .post-content {
    padding: 0 !important;
}

.wrap-inlpfu .lpfu_content{
    padding: 40px !important;
    width: 1000px;
    margin: 0 auto;
}
.midashilf {
    background: #1165A1;
    text-align: center;
    padding: 40px 0;
    color: #fff;
    font-weight:bold;
    font-size: 24px !important;
}
.midashilf:after {
content: url(/wp-content/themes/xeory_base/img/lpmidashi.png);
    position: absolute;
    top: inherit;
    right: 50%;
    left: 50%;
    margin-top: 75px;
}
.lpfu_glay{
 background: #eee;
}
.writdate {
    background: #efefef;
    padding: 3px 10px;
    margin: 0 15px 7px;
	font-size: 16px;
}
.writdate ul {
    text-align: right;
}
.writdate li {
    display: inline-block;
}
.lesbtn_orange {
    text-align: center;
    background: #F87B08;
    width: 40%;
    margin: 35px auto !important;
    color: #fff;
    padding: 15px;
}
#content .post-content .lesbtn_orange a {
    color: #fff;
}
.lesbtn_orange i {
    color: #fff;
    margin-left: 15px;
}
p.midashi2 {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
}

p.midashi4 {
background: #E0ECFA; 
font-size: 18px; 
padding: 10px; 
font-weight: bold;
}

.lp_square {
    border: solid 1px #555;
    padding: 20px;
}
.lp_strong {
    font-weight: bold;
    font-size: 20px;
    padding: 0 6px;
}
.lp_red {
    color: #cb0303;
}
.midashi1 {
position: relative;
background: #f4f4f4;
padding: 2px 5px 2px 20px;
font-size: 20px;
color: #474747;
border-radius: 10px;

}
.lpfu_blue {
    background: #1e5799;
    background: -moz-linear-gradient(-45deg, #1e5799 0%, #1b629c 0%, #2989d8 50%, #89c4ff 100%);
    background: -webkit-linear-gradient(-45deg, #1e5799 0%,#1b629c 0%,#2989d8 50%,#89c4ff 100%);
    background: linear-gradient(135deg, #1e5799 0%,#1b629c 0%,#2989d8 50%,#89c4ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#89c4ff',GradientType=1 );
}
.lpfu_blue　{
	color:#fff;
}
.lpfu_blue p,
.lpfu_blue dl,
.lpfu_blue li,
.lpfu_blue h2,
.lpfu_blue h3,
.lpfu_blue h4 {
    color: #fff;
}
.lesbtn_white {
    text-align: center;
    background: #fff;
    width: 40%;
    margin: 30px auto !important;
    color: #115A97;
    padding: 15px;
}
#content .post-content .lesbtn_white a {
    color: #115A97;
}
.lesbtn_white i {
    color: #115A97;
    margin-left: 15px;
}
.lpfu_content dt {
    background: #fff;
    color: #1b629c;
    font-size: 18px;
    padding: 15px;
    margin: 0 !important;
}
.lpfu_content dd {
    background: #efefef;
    margin: 0 !important;
    padding: 15px !important;
    font-size: 18px;
    color: #555;
}
.lpfu-header {
    background: #115A97;
}
.lpfu-header .post-title {
    text-align: center;
    color: #fff;
    padding: 30px !important;
    margin: 0 !important;
}
.lp_floatboxleft {
    width: 71%;
    float: left;
    padding: 15px;
}
.lp_floatboxright {
    float: right;
    width: 29%;
    padding-top: 50px;
    padding-right: 10px;
}
.lp_floatboxright img {
    max-width: 100% !important;
    width: inherit !important;
    float: none;
    width: 80% !important;
}
.lp_floatbox {
    overflow: hidden;
}

.required {
    color: #fff;
    background-color: #ff5454;
    width: 40px;
    height: 20px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    margin-right: 5px;
    font-size: 0.8 rem;}
h3.top_ebook {
    font-size:24px;
    text-align: center;
    padding: 15px 0;
    margin: 25px 0;
    border-bottom: solid 1px #555;
    border-top: solid 1px #555;
}
.ebookbox {
    overflow: hidden;
}
p.eboxright {
    width: 25%;
    float: right;
    
    margin: 15px;
}
p.eboxright img{
    border: solid 1px #000;
}
.eboxleft{
    width: 64%;
    margin: 15px;
}
.eboxleft .eboxbt{
}

.eboxleft a{
    display: block;
    width: 46%;
    background: #1165A1;
    text-align: center;
    padding: 15px;
    margin: 15px auto;
    color: #fff !important;
}
.eboxleft a:hover{
    display: block;
    width: 46%;
    background: #fff;
    margin: 15px auto;
    border: solid 1px #000;
    color: #1165A1 !important;

}
.eboxleft li {
    margin: 10px;
}
.single_author {
    border: 1px solid #000;
    margin: 15px 65px;
    padding: 25px;
	border-radius: 5px;
}
p.sa_catch {
background: #fff;
padding: 5px;
margin-top: -41px;
display: block;
width: 22%;
font-weight: bold;
}
.sa_box {
    overflow: hidden;
    margin-top: 12px;
}
p.sa_left {
    width: 20%;
    float: left;
}
.sa_box dl{
    width: 75%;
    float: right;
}
.sa_box dt{
    margin: 0 40px 10px 0;
    font-weight: bold;
}
.sa_box dd{
    overflow: hidden;
}
.romleft{
float: left;
width: 36%;
margin: 10px !important;
}
.romleft img{
	margin: 0px !important;
}
.romright{
	float: right;
width: 60%;
	padding: 10px;
}

.voicbox {
    margin: 0px 0px 20px 0px;
    padding: 30px 50px 25px 50px;
    background: url(/wp-content/themes/xeory_base/img/voice_gokaku.gif) bottom right no-repeat;
    border-top: 1px solid #efefef;
    border-left: 1px solid #efefef;
}
.voice_coment {
    font-size: 16px;
    line-height: 2em;
}

dl.toppick {
    overflow: hidden;
    margin-bottom: 10px;
	position: relative;
}
dl.toppick dt {
    background: #246dab;
    padding: 5px;
    color: #fff;
    width: 10%;
    float: left;
    text-align: center;
}
dl.toppick dd {
    width: 90%;
    float: right;
    border: solid 1px #ddd;
    padding: 4px;
}
dl.toppick dd:after {
    font-family: FontAwesome;
    right: 10px;
    content: "\f105";
    position: absolute;
}
/* ----------------------------------------
* 講座LP用
---------------------------------------- */
#kouzalp{
	background: #fff;
}
#kouzalp a:hover{
	text-decoration: none;
}
#kouzalp header {
    /* overflow: hidden; */
    border-top: solid 3px #1070ab;
    background: #fff;
    -webkit-box-shadow: 0px 9px 3px -6px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 9px 3px -6px rgba(0,0,0,0.2);
	width: 100%;
    z-index: 999;
	position: fixed;
}
.kozamv {
    padding-top: 75px;
}
#kouzalp header div{
        overflow: hidden;
    width: 80%;
    margin: 0 auto;
}
#kouzalp header h1{
	    width: 19%;
    float: left;
}
#kouzalp header ul.headright{
	float: right;
    text-align: right;
}
#kouzalp header ul.headright li.taikenmosi a{
    text-align: center;
    background: #E78624;
    width: 182px;
    height: 45px;
    margin: 5px auto !important;
    color: #fff !important;
    padding: 10px 15px;
    display: block;
    box-shadow: 0px 3px #AA771C;
    border-radius: 5px;
}
#kouzalp header ul.headright li.taikenmosi a:hover{
	opacity: 0.8;
    transform: translate3d(0, 4px, 0);
    box-shadow: 0px 0px #AA771C;
}
#kouzalp header ul.headright li.headinqu a{
text-align: center;
    background: #0D63B0;
    width: 182px;
    height: 45px;
    margin: 5px auto !important;
    color: #fff !important;
    padding: 10px 15px;
    display: block;
    box-shadow: 0px 3px #1A5374;
    border-radius: 5px;
}
#kouzalp header ul.headright li.headinqu a:hover{
	opacity: 0.8;
    transform: translate3d(0, 4px, 0);
    box-shadow: 0px 0px #1A5374;
}
#kouzalp header ul li{
	 display: inline-block;
    margin: 7px 5px;
}
li.taikenmosi img,
li.headinqu img
{
    margin-right: 11px;
}
#kouzalp .kozamv img{
	    width: 100%;
}

#kouzalp nav.koza{
	background: #1070ab;
	
}
#kouzalp nav.koza.kozanavkaso{
	background: #1070ab;
	padding-top:100px;
	position:fixed;
	width: 100%;
	z-index: 1;
}
#kouzalp nav.koza.kozanavten {
    background: #fff;
    padding-top: 23px;
    position: fixed;
    width: 100%;
	    top: 55px;
    z-index: 1;
    /* border-bottom: solid; */
    -webkit-box-shadow: 0px 9px 3px -6px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 9px 3px -6px rgba(0,0,0,0.2);
}
#kouzalp nav.koza.kozanavten ul li {
    width: 100%;
    text-align: center;
    border-right: solid 2px #eee;
}
#kouzalp nav.koza.kozanavten ul li a {
    display: block;
    color: #1070AB;
    padding: 10px;
}
#kouzalp nav.koza.kozanavten ul li a:hover {
    background: #d6e9f7;
    width: 100%;
}
#kouzalp nav.koza.kozanavten ul li a.mfiro {
    background: #368cd8;
    color: #fff;
}
#kouzalp nav.koza.kozanavten ul li a.mfiro:hover {
    background: #7da4c5;
}
#kouzalp nav.koza.kozanavten li:first-child {
    border-left: solid 2px #eee;
}
#kouzalp nav.koza ul {
    width: 55%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
#kouzalp nav.koza ul li{
	    width: 100%;
    text-align: center;
}
#kouzalp nav.koza ul li a{
	    display: block;
    color: #fff;
	padding: 10px;
}
#kouzalp nav.koza ul li a i{
	 margin-right: 15px;
    background: #fff;
    color: #1070ab;
    width: 17px;
    height: 17px;
    border-radius: 5px;
    padding-left: 2px;
}
#kouzalp nav.koza ul li a:hover{
	background: #68adde;
    width: 100%;
}

#kouzalp nav.koza ul li a:hover{
	background: #68adde;
    width: 100%;
}


#kouzalp header ul.drawer-menu li.kozamobt {
    background: #f88f25;
    color: #fff !important;
    text-align: center;
    border-radius: 5px;
    border-bottom: solid 3px #af6418;
    font-weight: 700;
}
#kouzalp header ul.drawer-menu li.kozamobt a{
    color: #fff !important;
}

#kouzalp h2{
	position: relative;
    margin:0 0 65px;
    text-align: center;
	font-size: 28px;
   font-weight: normal !important;
}
#kouzalp h2:before{
position: absolute;
bottom: -15px;
display: inline-block;
width: 50px;
height: 1px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #1070ab;
border-radius: 2px;
}
	#kouzalp #listcontent ul.liscon02 li dt {
    margin-bottom: 10px;
}
#kouzalp #kozaichiran{
	padding: 120px 0;
	background:url(/wp-content/themes/xeory_base/img/kozaLPimg/bg_kozatoku.png) no-repeat 50%;
	background-size: cover;
}

#kouzalp #kozaichiran ul{
	    width: 960px;
        margin: 0 auto 50px;
    overflow: hidden;
}
#kouzalp #kozaichiran ul li {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
#kouzalp #kozaichiran ul li a{
    width: 300px;
    border-bottom: solid 1px #efefef;
    border-top: solid 1px #efefef;
    border-right: solid 1px #efefef;
    border-left: solid 4px #1070ab;
    display: block;
    text-align: center;
    height: 70px;
    font-size: 20px;
    color: #333;
    padding-top: 18px;
}
#kouzalp #kozaichiran ul li a:hover{
	      background: #e6f4ff;

}

#kouzalp #asktokucho{
	background: #0078d3;
	padding: 120px 0;
}
#kouzalp #asktokucho h2{
	color: #fff;
}
#kouzalp #asktokucho h2:before{
	background: #fff;
}
#kouzalp #asktokucho ul {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    justify-content: space-around;
}
#kouzalp #asktokucho ul li {
    width: 312px;
    background: #fff;
    text-align: center;
    padding: 20px;
}
#kouzalp #asktokucho ul li h3{
	    font-size: 20px;
    margin-bottom: 15px;
}
#kouzalp #asktokucho ul li p{
	margin-bottom: 20px;
	line-height:1.7em;
	text-align: left;
}
#kouzalp #asktokucho ul li a{
	background: #f39800;
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 10px;
	    font-size: 13px;
}
#kouzalp #asktokucho ul li a i{
	margin-left: 30px;
}
#listcontent{
		width: 960px;
    margin: 25px auto;
}
#kouzalp #listcontent{
	width: 960px;
    margin: 0px auto;
	padding: 60px 0;
}
#listcontent ul.liscon01,
#kouzalp #listcontent ul.liscon01 {
    width: 960px;
    margin: 50px auto;
    display: flex;
    justify-content: space-around;
}
#listcontent ul.liscon01 li,
#kouzalp #listcontent ul.liscon01 li{
    width: 30%;
}
#listcontent div,
#kouzalp #listcontent div{
    width: calc(100% - 30px);
    margin: 50px auto;
    padding: 23px;
    background: #fcfcf7;
}
#listcontent ul.liscon02,
#kouzalp #listcontent ul.liscon02{
	display: flex;
	list-style: none;
}
#listcontent ul.liscon02 li,
#kouzalp #listcontent ul.liscon02 li{ 
	margin: 10px;
	    width:20%;
}
#listcontent ul.liscon02 li.lisnav01 a,
#kouzalp #listcontent ul.liscon02 li.lisnav01 a{ 
	text-align: center;
    background: #F03450;
    width: 100%;
    margin: 15px auto !important;
    color: #fff !important;
    padding: 15px;
    display: block;
    box-shadow: 0px 3px #C22056;
	    border-radius: 5px;
}
#listcontent ul.liscon02 li.lisnav01 a:hover,
#kouzalp #listcontent ul.liscon02 li.lisnav01 a:hover{ 
    opacity: 0.8;
    transform: translate3d(0, 4px, 0);
    box-shadow: 0px 0px #C22056;
}
#listcontent ul.liscon02 li.lisnav02 a,
#kouzalp #listcontent ul.liscon02 li.lisnav02 a{ 
	text-align: center;
    background: #4B9219;
    width: 100%;
    margin: 15px auto !important;
    color: #fff !important;
    padding: 15px;
    display: block;
    box-shadow: 0px 3px #3E7815;
	    border-radius: 5px;
}
#listcontent ul.liscon02 li.lisnav02 a:hover,
#kouzalp #listcontent ul.liscon02 li.lisnav02 a:hover{ 
    opacity: 0.8;
    transform: translate3d(0, 4px, 0);
    box-shadow: 0px 0px #3E7815;
}
#listcontent ul.liscon02 li.lisnav03 a,
#kouzalp #listcontent ul.liscon02 li.lisnav03 a{ 
	text-align: center;
    background: #0D63B0;
    width: 100%;
    margin: 15px auto !important;
    color: #fff !important;
    padding: 15px;
    display: block;
    box-shadow: 0px 3px #1A5374;
	    border-radius: 5px;
}
#listcontent ul.liscon02 li.lisnav03 a:hover,
#kouzalp #listcontent ul.liscon02 li.lisnav03 a:hover{ 
    opacity: 0.8;
    transform: translate3d(0, 4px, 0);
    box-shadow: 0px 0px #3E7815;
}
.syoronbox{
	margin-bottom: 30px;
}

#kozainfo{
  padding: 40px 0 30px;
}
#kozainfo h2{
    position: relative;
    margin-bottom: 25px;
    text-align: center;
    font-size: 28px;
    font-weight: normal !important;
}
#kozainfo h2 {
    position: relative;
margin-bottom: 1em;
}
#kozainfo h2:before {
content: '';
position: absolute;
bottom: -15px;
display: inline-block;
width: 60px;
height: 2px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #1165A1;
}


#kozainfo div{
	width: 860px;
    margin: 0px auto;
	background: #fff;
	padding: 25px;
}
#kozainfo div ul{

}
#kozainfo div ul li{
    border-top: 1px solid #D9E2ED;
	background: url(/wp-content/themes/xeory_base/img/list_right_arrow.png) no-repeat 97% 50%;
    background-size: 10px;
}
#kozainfo div ul li a{
	display: block;
    text-decoration: none;
    padding: 22px 20px;
}
#kozainfo div ul li a:hover{
	transition: 0.3s ease background-color;
	background: #F7F9FB url(/wp-content/themes/xeory_base/img/list_right_arrow.png) no-repeat 97% 50%;
    background-size: 10px;
	text-decoration: none;
}
#kozainfo div ul li a p.date {
	color: #333;
    font-size: 13px;
    font-family: "Hiragino Kaku Gothic W3 JIS2004", "Hiragino Kaku Gothic W6 JIS2004";
    vertical-align: middle;
    display: inline-block;
    margin: 0 40px 0 0;
}
#kozainfo div ul li a p.taxlabelnews{
	    color: #FFF;
    font-size: 12px;
    font-family: "Hiragino Kaku Gothic W3 JIS2004", "Hiragino Kaku Gothic W6 JIS2004";
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    margin:0 57px 0 0;
    width: 78px;
    padding: 0 3px;
    box-sizing: border-box;
	background:#1070AB;
}
#kozainfo div ul li a p.taxlabelkozainfo{
	    color: #FFF;
    font-size: 12px;
    font-family: "Hiragino Kaku Gothic W3 JIS2004", "Hiragino Kaku Gothic W6 JIS2004";
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    margin:0 57px 0 0;
    width: 78px;
    padding: 0 3px;
    box-sizing: border-box;
	background:#f37d3d;
}
#kozainfo div ul li a p.taxlabelseminerinfo{
	    color: #FFF;
    font-size: 12px;
    font-family: "Hiragino Kaku Gothic W3 JIS2004", "Hiragino Kaku Gothic W6 JIS2004";
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    margin:0 57px 0 0;
    width: 78px;
    padding: 0 3px;
    box-sizing: border-box;
	background:#db4a39;
}
#kozainfo div ul li a p.summary{
	color: #333;
    font-size: 13px;
    font-family: "Hiragino Kaku Gothic W3 JIS2004", "Hiragino Kaku Gothic W6 JIS2004";
    vertical-align: middle;
    display: inline-block;
    max-width: 590px;
}
#kozainfo div ul li:last-child{
    border-bottom: 1px solid #D9E2ED;
}

#kouzalp #kozainfo{
	background: #f3f3f3;
  padding: 120px 0;
}
#kouzalp #kozainfo div{
	width: 860px;
    margin: 0px auto;
	background: #fff;
	padding: 25px;
}
#kouzalp #kozainfo div ul{

}
#kouzalp #kozainfo div ul li{
    border-top: 1px solid #D9E2ED;
	background: url(/wp-content/themes/xeory_base/img/list_right_arrow.png) no-repeat 97% 50%;
    background-size: 10px;
}
#kouzalp #kozainfo div ul li a{
	display: block;
    text-decoration: none;
    padding: 22px 20px;
}
#kouzalp #kozainfo div ul li a:hover{
	transition: 0.3s ease background-color;
	background: #F7F9FB url(/wp-content/themes/xeory_base/img/list_right_arrow.png) no-repeat 97% 50%;
    background-size: 10px;
}
#kouzalp #kozainfo div ul li a p.date {
	color: #333;
    font-size: 13px;
    font-family: "Hiragino Kaku Gothic W3 JIS2004", "Hiragino Kaku Gothic W6 JIS2004";
    vertical-align: middle;
    display: inline-block;
    margin: 0 40px 0 0;
}
#kouzalp #kozainfo div ul li a p.taxlabelnews{
	    color: #FFF;
    font-size: 12px;
    font-family: "Hiragino Kaku Gothic W3 JIS2004", "Hiragino Kaku Gothic W6 JIS2004";
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    margin:0 57px 0 0;
    width: 78px;
    padding: 0 3px;
    box-sizing: border-box;
	background:#1070AB;
}
#kouzalp #kozainfo div ul li a p.taxlabelkozainfo{
	    color: #FFF;
    font-size: 12px;
    font-family: "Hiragino Kaku Gothic W3 JIS2004", "Hiragino Kaku Gothic W6 JIS2004";
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    margin:0 57px 0 0;
    width: 78px;
    padding: 0 3px;
    box-sizing: border-box;
	background:#f37d3d;
}
#kouzalp #kozainfo div ul li a p.taxlabelseminerinfo{
	    color: #FFF;
    font-size: 12px;
    font-family: "Hiragino Kaku Gothic W3 JIS2004", "Hiragino Kaku Gothic W6 JIS2004";
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    margin:0 57px 0 0;
    width: 78px;
    padding: 0 3px;
    box-sizing: border-box;
	background:#db4a39;
}
#kouzalp #kozainfo div ul li a p.summary{
	color: #333;
    font-size: 13px;
    font-family: "Hiragino Kaku Gothic W3 JIS2004", "Hiragino Kaku Gothic W6 JIS2004";
    vertical-align: middle;
    display: inline-block;
    max-width: 590px;
}
#kouzalp #kozainfo div ul li:last-child{
    border-bottom: 1px solid #D9E2ED;
}

.drawer--right .drawer-hamburger {
    right: 0;
    display: none;
}
.shortinq {
    border: solid 1px #18a5df;
    border-radius: 5px;
    margin-bottom: 20px;
	padding:15px;
	
}
.shortinq p {
    text-align: center;
    margin-bottom: 10px;
	font-size:90%;
}
.shortinq a {
    display: block;
    text-align: center;
    border: solid 1px #F87B08;
	background:#F87B08;
    width: 60%;
    margin: 10px auto;
	 padding:15px;
	color: #fff !important;
}
.shortinq a:hover {
        opacity: 0.8;
    transform: translate3d(0, 4px, 0);
	 background:#fff;
	 color: #F87B08 !important;
}
.headdenwabox {
    overflow: hidden;
    float: left;
    width: 66%;
}
.headdenwabox p {
       font-size: 14px;
}
.denwaboxnai {
    overflow: hidden;
}
.denwaboxnai p {
    width: 57%;
    float: left;
    font-size: 30px;
}
.denwaboxnai dl {
    width: 23%;
    float: left;
    text-align: center;
    line-height: 1.5em;
	 font-size: 0.5vw;

}
#kouzalp .denwaboxnai dl {
     width: 24%;
    float: left;
    text-align: center;
    line-height: 1.5em;
    font-size: 0.6vw;
    padding-top: 10px;
}
p.headinfoli {

}
i.fa.fa-envelope {
    margin-right: 5px;
}
.denwaboxnai p i {
    margin-right: 5px;
		    color: #1165A1;
}

#kouzalp header div.headboxright {
    overflow: hidden;
    width: 80%;
    float: right;
    text-align: right;
}
#kouzalp header div.headdenwabox {
    overflow: hidden;
    float: right;
    width: 51%;
    text-align: left;
}
#kouzalp header div.denwaboxnai {
    margin: 0;
    width: 100%;
}
.headboxright　.denwaboxnai dl {
    padding: 10px 0 0;
}
#kouzalp header ul.headright {
    float: right;
    display: flex;
}

#kouzalp #listcontent ul.liscon02 div.headdenwabox{
	margin: 0px auto;
	padding: 7px 0;
}
#kouzalp #listcontent ul.liscon02 div.denwaboxnai{
	margin: 0px auto;
	padding: 5px 0 10px;
	display: table;
}
#listcontent ul.liscon02 li:first-child, #kouzalp #listcontent ul.liscon02 li:first-child{
    width: 52%;
}
#kouzalp #listcontent ul.liscon02 div.headdenwabox p{
font-size: 21px;
}
#listcontent ul.liscon02 div.headdenwabox p{
	font-size: 19px;
}
#kouzalp #listcontent ul.liscon02 div.denwaboxnai p{
    display: table-cell;
    vertical-align: middle;
    font-size: 38px;
	width: auto;
    float: none;
	    font-weight: bold;
}
 #listcontent ul.liscon02 div.denwaboxnai p {
    display: table-cell;
    vertical-align: middle;
    font-size: 41px;
    width: auto;
    float: none;
    font-weight: bold;
}
#kouzalp #listcontent ul.liscon02 div.denwaboxnai dl,#listcontent ul.liscon02 div.denwaboxnai dl{
	font-size: 0.6vw;
	display: table-cell;
    vertical-align: middle;
    float: none;
    padding: 0;
}
#listcontent ul.liscon02 div.headdenwabox{
    margin: 15px;
	padding: 0;
}
#listcontent ul.liscon02 div.denwaboxnai{
       margin: 0px;
    padding: 0;
}

/* NEW */
@media screen and (max-width: 1520px) and (min-width: 768px) {
	#kouzalp header div.denwaboxnai{
		display: table;
    padding-top: 5px;
	}
	p.onteltxt {
    font-size: 10px;
    margin: 3px 0;
}
	#kouzalp header div.denwaboxnai p{
		display: table-cell;
    font-size: 30px;
    line-height: 1;
    vertical-align: middle;
		width: auto;
		float: none;
	}
	#kouzalp header div.denwaboxnai dl{
		float: none;
    display: table-cell;
    vertical-align: middle;
    padding-top: 0;
		    width: auto;
}
	
}
@media screen and (max-width: 1438px) and (min-width: 768px) {
	#kouzalp header div.headdenwabox{
		    width: 40%;
	}
}
@media screen and (max-width: 1172px) and (min-width: 768px) {
	#kouzalp header div.headdenwabox{
		    width: 45%;
	}
}
@media screen and (max-width: 1050px) and (min-width: 768px) {
	#kouzalp header div.denwaboxnai p{
		font-size: 4.2vmin;
}
	#kouzalp header div.denwaboxnai dl{
		font-size: 1.5vmin;
	}
}
@media screen and (max-width: 971px) and (min-width: 768px) {
	#kouzalp header div.headboxright{
		    width: 85%;
	}
	#kouzalp header div.headdenwabox{
		width: 49%;
	}
}
@media screen and (max-width: 957px) and (min-width: 768px) {
	#kouzalp header ul.headright li.taikenmosi a,
	#kouzalp header ul.headright li.headinqu a{
		height: auto;
    width: auto;
    padding: 10px;
    font-size: 2.1vmin;
	}
	#kouzalp header ul.headright li.taikenmosi a img,
	#kouzalp header ul.headright li.headinqu a img{
		width: 12%;
    vertical-align: middle;
    margin-right: 0.7vw;
    padding-bottom: 4px;
	}
}
@media screen and (max-width: 845px) and (min-width: 768px) {
	#kouzalp header div.denwaboxnai p{
		font-size: 3.5vmin;
	}
}
@media screen and (max-width: 785px) and (min-width: 768px) {
	#kouzalp header div{
		width: auto;
}
	#kouzalp header div.denwaboxnai p{
		font-size: 4.5vmin;
	}
}
.single_author2 {
    border: 1px solid #000;
    margin: 30px 43px;
    padding: 25px;
    border-radius: 5px;
}
div#kozaheadwrap {
    width: 1000px;
        margin: 150px auto 50px;
}
.jissekibox {
    padding: 17px;
    clear: both;
}
.jissekibox b {
    margin-bottom: 0px;
    display: block;
}
jissekibox p {
font-size: 17px;
    margin: 0 0 1.6em;
    line-height: 1.6;
	}
div#content.lpmt100 {
    padding-top: 160px;
}

#kouzalp #listcontent ul.liscon02.lpko li {
    margin: 10px;
    width: 48% !important;
}

p#ryokin,
p#shokai,
p#voice,
p#flow,
p#faq,
p#form {
    margin-top: -150px;
    padding-top: 150px;
}
/* ----------------------------------------
* モーダル1207
---------------------------------------- */

.overlay{
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.6);
    position:fixed;
    z-index:9999;
}
.btn_area{
    width: 50%;
    position: absolute;   
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.btn_area p{
    padding:15px;
}
.btn_area button{
display: block;
    margin: 0 auto;
    position: absolute;
    top: -35px;
    right: 14px;
    padding: 3px 8px;
    border-radius: 50%;
}

.paypalbox {
    width: 50%;
    margin: 0 auto;
    text-align: center;
}
.post-content .paypalbox table {
border: 1px #ddd solid;
    width: fit-content;
    margin: 0 auto 25px !important;
}
.post-content .paypalbox p {
    margin-bottom:5px;
}
.suiribox {
    border: solid 1px #999;
    width: 48% !important;
    float: left;
    margin: 1%;
    padding: 10px !important;
    box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.1) inset;
}

.post-content.suiribox h2 {
    margin: 0px 0px 20px !important;
    padding: 0px 0px 0px;
    font-size: 23px;
    clear: both;
    position: relative;
    border-bottom: 2px solid #ddd;
}
.post-content.suiribox h2:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 2px #5472cd;
    bottom: -2px;
    width: 20%;
}

.suiribox p {
    margin-bottom: 5px;
}
.suiribox p a {
    display: block;
    background: #ddd;
    width: 40%;
    text-align: center;
    border-left: solid 2px ;
    font-size: 14px;
    float: right;
	position: relative;
}
.suiribox p a:after {
    position: absolute;
    content: ">";
    display: block;
    top: -1px;
    right: 12px;
}
.suiribox p a:hover {
    text-decoration: none !important;
    background: #1070AB;
    color: #fff !important;
}

p.footer-copy {
    text-align: right;
    color: #fff;
    font-size: 11px;
}

.toposhirasebox {
    background: #1070ab;
    padding: 20px;
}
.toposhirasebox ul {
    max-width: 1000px;
    background: #fff;
    margin: 0 auto;
    padding: 15px 20px;
}
.toposhirasebox ul a {
    color: #555;
}
.toposhirasebox ul p {
    display: inline-block;
    margin-right: 25px;
}
.toposhirasebox ul p.taxlabelnews {
    text-align: center;
    background: #f08600;
    color: #fff;
    padding: 2px 20px;
}
.toposhirasebox ul p.date {
    font-weight: bold;
}
.toposhirasebox ul a:hover {
    text-decoration: none;
}
.toposhirasebox ul a:hover p.summary {
    border-bottom: solid 1px;
    margin-bottom: -1px;
}
div#pagemvtop {
}
p.bg_pagemvtop {
    width: 100vw;
}
p.bg_pagemvtop img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pagettlboxtop {
     position: absolute;
    color: #fff;
    top: 60%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
    width: 60%;
    margin: 0 auto;
}
div#pagemvtop h1 {
position: relative;
    width: 77%;
    margin: 0 auto 0.8rem;
    font-size: 3.5em;
    padding-bottom: 10px;
    font-weight: bold;
    letter-spacing: 3px;
}

.pagettlboxtop .subttl {
font-size: 2.5em;
    line-height: 1.5em;
    font-weight: bold;
    margin-bottom: 1rem;
}

.pagettlboxtop .subttl span {
font-size: 1.8rem;
    line-height: 1.5em;
    font-weight: bold;
    margin-bottom: 1rem;
}
a.topbttrail {
    display: block;
    width: 38%;
    margin: 0 auto;
    text-align: center;
    padding: 15px;
    background: #05aaac;
    border-radius: 5px;
    color: #fff;
    margin-bottom: 50px;
}
a.topbttrail:hover {
    text-decoration: none;
    background: #ccc;
    color: #555;
}
h2.ropa{font-family: 'Ropa Sans', sans-serif;
    text-align: center;
    font-size: 50px;
    color: #1070ab;
    padding-bottom: 5px;
    line-height: 35px;}
p.subttlh2 {
    /* font-family: 'Ropa Sans', sans-serif; */
text-align: center;
    font-size: 20px;
    color: #1070ab;
    padding-bottom: 5px;
    line-height: 35px;
    margin-bottom: 50px;
}
section.articlesec {
    padding: 60px;
	background: #f8f8f8;
}

ul.blognew4 {
    overflow: hidden;
    max-width: 1200px;
    display: flex;
    margin: 0 auto 50px;
}
li.bloglibox {
    margin: 1%;
    width: 25%;
    background: #fff;
}
li.bloglibox a {
    color: #555;
}
p.blogthum img {
    width: 100%;
    height: 150px;
    object-fit: cover;
}
p.blogcat {
    border: solid 1px;
    padding: 5px 10px;
    margin: 20px;
    font-size: 13px;
    width: 65%;
    text-align: center;
}
h3.blogttl {
    padding: 0 10px 20px;
    font-size: 14px;
    font-weight: bold;
}

a.newsbt {
    display: block;
    width: 20%;
    margin: 0 auto;
    text-align: center;
    padding: 10px;
    background: #05aaac;
    border-radius: 5px;
    color: #fff;
    margin-bottom: 50px;
}

a.newsbt:hover {
    background: #ccc;
    color: #555;
    text-decoration: none;
}
.topcatbox {
    background: #fff;
    max-width: 1200px;
    margin: 0 auto 50px;
    padding: 80px 50px 50px;
}

p.subttlh3 {
    /* font-family: 'Ropa Sans', sans-serif; */
    text-align: center;
    font-size: 30px;
    color: #1070ab;
    margin-bottom: 30px;
	font-weight: bold;
}

h2#cath2 {
    font-size: 20px;
    color: #1070ab;
    border-bottom: solid 2px;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.tculbox {
    overflow: hidden;
}

section.tcli {
width: 31%;
    float: left;
    margin: 1% 1% 5%;
	min-height: 425px;
}
section.tcli li {
    overflow: hidden;
    border-bottom: solid 1px #ddd;
}
section.tcli ul {
    margin-bottom: 25px;
}
section.tcli li {
    overflow: hidden;
    border-bottom: solid 1px #ddd;
    padding: 15px 0px;
    max-height: 99px;
}
section.tcli li a {
    color: #555;
}
p.tcartimg {
    width: 25%;
    float: left;
}
p.tcartttl {
    width: 70%;
    float: right;
    font-weight: bold;
    line-height: 1.4em;
}
a.catboxlink {
    display: block;
    width: 60%;
    margin: 0 auto;
    text-align: center;
    padding: 10px;
    background: #05aaac;
    border-radius: 5px;
    color: #fff;
}
a.catboxlink:hover {
    text-decoration: none;
    background: #ccc;
    color: #555;
}
a.topsuteki {
    display: block;
    text-align: center;
    margin-bottom: 50px;
}
section.topwhitebox {
    background: #fff;
    padding: 80px 0;
}
ul.topdownlist {
    max-width: 58%;
    margin: 0 auto 60px;
    display: flex;
    justify-content: space-around;
}
ul.topdownlist a:hover {
    opacity: 0.7;
}

.topnewbox {
    max-width: 1000px;
    margin: 0 auto;
}
ul.topnewulbox li {
    padding: 20px 0;
    border-bottom: solid 1px #ccc;
}
ul.topnewulbox li:first-child {
    border-top: solid 1px #ccc;
}
ul.topnewulbox a {
    color: #555;
}
ul.topnewulbox li p {
    display: inline-block;
}
ul.topnewulbox li p.taxlabelnews {
    text-align: center;
    padding: 0px 15px;
    background: #f08600;
    margin-right: 15px;
    color: #fff;
}
ul.topnewulbox li p.taxlabelseminerinfo {
    text-align: center;
    padding: 0px 15px;
    background: #1070ab;
    margin-right: 15px;
    color: #fff;
}
ul.topnewulbox li p.taxlabelkozainfo{
	 text-align: center;
    padding: 0px 15px;
    background: #05aaac;
    margin-right: 15px;
    color: #fff;
}

ul.topnewulbox li p.date {
    margin-right: 15px;
    font-weight: bold;
}
ul.topnewulbox li a:hover p.summary {
    text-decoration: none;
    border-bottom: solid 1px;
    margin-bottom: -1px;
}
ul.topnewulbox li a:hover {
    text-decoration: none;
}
ul.headpcullist li a {
    width: 200px;
    display: block;
    text-align: center;
    padding: 10px;
    background: #f08600;
    color: #fff;
}
ul.headpcullist li:first-child a {
    background: #1070ab;
}
ul.headpcullist li a:hover {
    opacity: 0.8;
    text-decoration: none;
}
.pcheadbox {
    max-width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    padding: 10px 0;
}
.pcheadbox h1 {
    width: 30%;
    float: left;
}
.pcheadbox ul {
    float: right;
    display: flex;
    padding: 10px;
}
nav#newgnav {
    background: #f8f8f8;
}
nav#newgnav ul {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
}
nav#newgnav ul li a {
     display: block;
    height: 60px;
    vertical-align: middle;
    padding: 15px 50px;
    color: #555;
    font-weight: bold;
    font-size: 16px;
}
nav#newgnav ul li a:hover {
    text-decoration: none;
    border-bottom: solid 2px #1070ab;
}
.menu {
    position: relative;
    width: 100%;
    height: 60px;
    max-width: 1000px;
    margin: 0 auto;
}

.menu > li {
    float: left;
    height: 60px;
    line-height: 40px;
    text-align: center;
}

.menu > li a {
    display: block;
    color: #fff;
}

.menu > li a:hover {
    color: #999;
text-decoration: none;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.menu > li:hover {
    background: rgba(255,255,255,0.85);
    -webkit-transition: all .5s;
    transition: all .5s;
}


.menu__second-level li {
    border-top: 1px solid #efefef;
    font-size: 12px;
}
.menu__second-level li:nth-child(5) {
        line-height: 1.5;
    padding: 10px 0;
}

.menu__third-level li {
    border-top: 1px solid #111;
}

.menu__second-level li a:hover {
    background: rgba(255,255,255,0.85);
}

.menu__third-level li a:hover {
    background: rgba(255,255,255,1);
}

.menu__fourth-level li a:hover {
    background: #1d0f0f;
}

/* 下矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}

.menu > li.menu__single {
    position: relative;
}

li.menu__single ul.menu__second-level {
position: absolute;
    top: 60px;
    width: 100%;
    background: #fff;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    display: inherit !important;
}
li.menu__single ul.menu__second-level a{
    color: #333;
}
li.menu__single:hover ul.menu__second-level {
    top: 60px;
    visibility: visible;
    opacity: 1;
}
ul.relatesuiri {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    border-top: solid 1px #e6e6e6;
}
ul.relatesuiri li {
    position: relative;
    flex-basis: 25%;
     height: 44px;
    line-height: 3.5em;
    font-size: 13px;
    position: relative;
    box-sizing: border-box;
    border-bottom: solid 1px #e6e6e6;
    border-right: 1px solid #e6e6e6;
}
ul.relatesuiri li a {
    display: block;
    padding-left: 10px;
}
ul.relatesuiri li:nth-child(4n+1) {
    border-left: 1px solid #e6e6e6;
}
ul.relatesuiri li:last-child {
    border-left: 1px solid #e6e6e6;
}
ul.relatesuiri li a:hover {
    color: #fff !important;
    text-decoration: none !important;
	    background: #498ebc;
}

ul.relatesuiri li:after {
    content: "";
    position: absolute;
    top: 0;
    right: 10px;
    color: #498ebc;
    font-family: FontAwesome;
}

iframe.wp-embedded-content {
    width: 100%;
}

.lkc-external-wrap, .lkc-internal-wrap, .lkc-this-wrap {
    max-width: 100% !important ;
}
.lkc-title {
    margin-bottom: 5px;
}
.lkc-url {
    margin-bottom: 5px;
}
.lkc-excerpt {
	display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
p.onteltxtpc {
    font-size: 12px !IMPORTANT;
}
/* ----------------------------------------
* レスポンシブ
* ~ / 1200px / 991px / 767px 
* desctop / laptop / tablet / phone
---------------------------------------- */
@media screen and (max-width: 1850px) {
		#kouzalp header div.headboxright {
    overflow: hidden;
    width: 78%;
    float: right;
    text-align: right;
}
	
}
@media screen and (max-width: 1200px) {

  /* laptop */
  .wrap,
  .one-column #content .wrap {
    margin-left: 30px;
    margin-right: 30px;
    width: 1000px;
  }

  .main-inner {
    margin-right: 320px;
    box-sizing: border-box;
  }
body.home .post-num-sub .post-header{
position: absolute;
left: 0px;
bottom: 14px;
background: rgba(79, 75, 60, 0.95) none repeat scroll 0% 0%;
width: 100%;
}

body.home .post-num-main .post-header{
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: rgba(79, 75, 60, 0.95) none repeat scroll 0% 0%;
    width: 100%;
}
	


  /* laptop end */
}
@media screen and (max-width: 991px) {

  /* ドロワーメニュー */
    .sparia{
	display: block;
}
    #menu {
      position: fixed;
      top: 0;
      right: -340px; /* メニューのwidth + padding */
      width: 300px; /* メニューのwidth */
      height: 100%;
      padding: 20px;
      transition: left .5s, right .5s; /* アニメーション */
      background-color: rgba(0, 0, 0, .8);
z-index: 998;
    }
     #menu ul{
	margin: 28px 0 15px;
}

     #menu ul li{
	display: block;
	padding: 10px;
border-bottom: solid 1px #000;
background: #fff;
}
     #menu ul li a{
	color: #000;
}

#menu ul.unei li{
    width: 49%;
    display: inline-block;
    padding: 10px 12px;
    text-align: center;
   
}
#menu ul.unei li:nth-child(2){
    margin-left: 5px;
}
    .toggle {
font-size: 20px;
cursor: pointer;
position: fixed;
top: 10px;
right: 10px;
z-index: 999;
color: #ababab;
backgroud: #000;
    }
     
    .toggle:hover {
      text-decoration: underline;
    }
     
    #open {
      display: none;
    }
     
    /* :checked 擬似クラスを使って、#openがチェック状態になった時に、#menuが「right: 0;」になります。 */
    #open:checked + #menu {
      right: 0;
    }

  /* tablet */
  .wrap,
  .one-column #content .wrap {
    margin-left: 20px;
    margin-right: 20px;
       width: auto;
  }

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

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

  #side {
    padding-top: 42px;
  }
.fixed {
position: fixed;
  top: 20px;
}
#toc-widget-2.fixed {
    width: 18%;
}
.midashilf:after {
    content: url(/wp-content/themes/xeory_base/img/lpmidashi.png);
    position: absolute;
    top: inherit;
    right: 50%;
    left: 50%;
    bottom: inherit;
    margin-top: 76px;
}
  /* tablet end */
}
@media screen and (max-width: 767px) {
  /* phone */

#content {
    padding: 60px 0 0px !important;
}
  .wrap,
  .one-column #content .wrap {
    margin-left: 10px;
    margin-right: 10px;
    width: auto;
  }

.headinfo li{
    float: left;
    padding: 5px 0;
    width: 31%;
    font-size: 10px;
    margin-left: 2px;
}

.headinfo li:first-child{
float: left;
padding: 5px 0;
width: 24%;
    font-size: 10px;
    margin-left: 8px;
}

.headinfo li:nth-child(3){
float: left;
    padding: 5px 0;
    width: 30%;
    font-size: 10px;
    margin-left: 5px;
    padding-left: 5px;
    margin-top: 5px;
}
.headinfo li:nth-child(3) a{
color: #fff;
}
.headinfo li:nth-child(3) a img{
width: 200px;
}
.headinfo li img {
    margin-right: 5px;
    width: 20px;
}
.headinfo2{
float: none !important;
}
.headinfo2 li{
float: left;
padding: 5px 0;
font-size: 13px;
margin-left: 10px;
}


.headinfo2 li img {
    margin-right: 5px;
    width: 20px;
}
.footer-01 ul {
    margin-left: 5px !important;
}
.footer-01 ul li {
    display: inline-block;
    margin-right: 5px !important;
}
.fix_menu_smartphone{
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 10000;
border-top: solid 2px #ddd;
width: 100%;
  display: block;
}
.fix_menu_smartphone img{
  width:100%;
}
#footer-nav {
    text-align: left !important;
    margin: 10px 0px 0 10px !important;
font-size: 12px;
}
#footer-nav li {
padding: 2px !important;
    width: 31%;
    float: left;
    font-size: 10px;
}
.headinfo li.btn img {
    padding: 0px 0px 0px 2px;
    width: 18% !important;
}

#lesson .lesbtn {
    padding: 0px;
    background: #1070AB;
    display: block;
    padding: 10px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 13px;
}

.related-entry-title {
    font-size: 12px;
    font-weight: bold;
    border-bottom: solid 1px #ddd;
}
.related-entry-snippet,
.related-entry-read{
	display: none;
}
.related-entry-thumb {
    float: left;
    padding: 7px;
    width: 38%;
}
.related-entry-content {
    float: right;
    width: 62%;
    padding: 6px;
}
.fixed {
position: inherit;
  top: 20px;
}
#toc-widget-2.fixed {
    width: 100%;
}

.wrap-inlpfu .lesson {
    padding: 40px !important;
    width: 100%;
    margin: 0 auto;
}

.midashilf:after {
    content: url(/wp-content/themes/xeory_base/img/lpmidashi.png);
    position: absolute;
    top: inherit;
    right: 50%;
    left: 50%;
    bottom: inherit;
    margin-top: 76px;
}
.writdate {
    background: #efefef;
    padding: 3px 10px;
    margin: 0 5px 3px;
}
/* ----------------------------------------
* 固定用LP風
---------------------------------------- */

.wrap-inlpfu .lpfu_content{
    padding: 40px !important;
    width: 100%;
    margin: 0 auto;
}
.lesbtn_orange {
    text-align: center;
    background: #115A97;
    width: 80%;
    margin: 30px auto !important;
    color: #fff;
    padding: 15px;
}
.lesbtn_white {
    text-align: center;
    background: #fff;
    width: 80%;
    margin: 30px auto !important;
    color: #115A97;
    padding: 15px;
}
.wrap-inlpfu {
    margin-top: 32px;
}
.lp_floatboxleft {
    width: 100%;
    float: none;
    padding: 15px;
}
.lp_floatboxright {
    float: none;
    width: 100%;
text-align: center;
}

p.eboxright {
    width: 94%;
    float: none;
    /* border: solid 1px #000; */
    margin: 15px;
}
.eboxleft {
    width: 95%;
    margin: 15px;
}
.sa_box dt {
    margin: 0 4px 10px 0;
    font-weight: bold;

}
p.sa_catch {
    width: 85%;
}
.single_author {
    margin: 15px 0px;
}
.sa_box dd {
    font-size: 11px;

}
.single_author {
    padding: 15px;
}
	p.sa_catch {

     padding: 5px;
    margin-top: -33px;
width: 63%;
		font-weight:bold;
}
.romleft {
    float: none;
    width: 100%;
    margin: 0px !important;
}
.romright {
    float: none;
    width: 100%;
    padding: 10px 0;
    font-size: 14px !important;
}
	.ggmap iframe{
		width: 100%;
	}
	.shortinq p {
    text-align: center;
    margin-bottom: 10px;
    font-size: 63%;
}
	.shortinq a {
    display: block;
    text-align: center;
    border: solid 1px #F87B08;
    background: #F87B08;
    width: 60%;
    margin: 10px auto;
    padding: 15px;
    font-size: 12px;
    color: #fff !important;
}
dl.toppick dt {
    background: #246dab;
    padding: 5px;
    color: #fff;
    width: 30%;
    float: none;
    font-size: 12px;
    text-align: center;
}
	dl.toppick dd {
    width: 100%;
    float: none;
    border: solid 1px #ddd;
    padding: 5px 15px;
}
dl.toppick dd:after {
    font-family: FontAwesome;
    right: 10px;
    content: "\f105";
    position: absolute;
    vertical-align: middle;
    top: 50%;
}
#listcontent div.spkozatel,
#kouzalp #listcontent div.spkozatel {
    margin: 0;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    width: 100%;
    padding: 10px;
}
	p.spkocatch, p.time{
    font-size: 15px;
}
	.wrap-inner p.spkocatch, p.time{
    font-size: 13px;
}
		p.spkotel {
	font-size: 36px;
    font-weight: bold;
}
	.wrap-inner p.spkotel {
	font-size: 28px !important;
    font-weight: bold;
}
			p.spkotel a{
	color: #000;
}
	p.spkotel i {
    margin-right: 5px;
    color: #1165A1;
}
	#content .wrap_oshirase.clearfix {
    width: 100%;
}
.btn_area {
    width: 100%;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
	#footer {
    color: #333;
    font-size: 13px;
		padding-bottom: 35px;
}
	#kouzalp h2{
	position: relative;
    margin:20px 0 ;
    text-align: center;
	font-size: 20px;
   font-weight: normal !important;
}
	body#kouzalp #content {
    padding: 47px 0 0px !important;
}
	.paypalbox {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}
	.post-content .paypalbox table {
    border: none;
}
	.post-loop-wrap .post-content.suiribox {
    border: solid 1px #999;
    width: 100% !important;
    float: left;
    margin: 0 0 3%;
    padding: 10px !important;
    box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.1) inset;
}
	.suiribox p a:after {
    position: absolute;
    content: ">";
    display: block;
    top: -1px;
    right: 5px;
}
	.post-loop-wrap .post-content.suiribox {
    border: solid 1px #999;
    width: 48% !important;
    float: left;
    margin: 1%;
    padding: 10px !important;
    min-height: 104px;
    position: relative;
    box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.1) inset;
}
	.post-content.suiribox h2 {
    margin: 0px 0px 12px !important;
    padding: 0px 0px 0px;
    font-size: 16px;
    clear: both;
    position: relative;
    border-bottom: 2px solid #ddd;
}
	.suiribox p a {
    display: block;
    background: #ddd;
    width: 76%;
    text-align: left;
    border-left: solid 2px;
    font-size: 12px;
    float: right;
    position: absolute;
    padding-left: 8px;
    bottom: 8px;
    right: 11px;
}
	ul.relatesuiri li:nth-child(2n+1) {
    border-left: 1px solid #e6e6e6;
}
	ul.relatesuiri li {
    position: relative;
    flex-basis: 50%;
    height: 44px;
    line-height: 4em;
    font-size: 11px;
    position: relative;
    box-sizing: border-box;
    border-bottom: solid 1px #e6e6e6;
    border-right: 1px solid #e6e6e6;
}
	p.onteltxtsp {
    font-size: 12px;
}
  /* phone end */
}
/* ----------------------------------------
* カラースキーム
---------------------------------------- */
/* ----------------------------------------
* all
---------------------------------------- */
body {
  background: #fff;
  color: #383838;
}

a {
  text-decoration: none;
  /*color: #1070AB;*/
}
a:hover {
text-decoration: underline;
color: #56D5FF;
}

/* form
---------------------------------------- */
form input[type="submit"],
form button {
  background: #2581c4;
  color: #fff;
}
form input[type="submit"]:hover,
form button:hover {
  cursor: pointer;
}

/* ----------------------------------------
* header
---------------------------------------- */
#header {
  background: #fff;
  padding: 10px 0 ;
  border-bottom: 1px solid #efefef;
}
#header #logo {
font-size: 24px;
float: left;
margin-right: 10px;
border-right: solid 1px #efefef;
padding-right: 20px;
}
#header #logo a {
  color: #383838;
}

#header p.bcatch {
font-size: 14px;
    padding: 13px 0px 0px 15px;
    float: left;
    width: 50%;
}

.headinfo{
float: right;
    font-size: 13px;
    letter-spacing: 2px;
    line-height: 30px;
    width: 53%;
    text-align: right;
    overflow: hidden;
}
.headinfo p{
display: inline-block;
}

.headinfo p a{
    color: #333;
    font-size: 16px;
    text-decoration: underline;
}

.headinfo p a:hover{
color:#1070AB;
text-decoration:underline;}

.wrap .h1box {
    width: 40%;
    float: left;
    overflow: hidden;
}

.headinfo p.btn a{
text-align: center;
    background: #f06900;
     width: 182px;
    height: 56px;
      margin: 5px auto !important;
    color: #fff !important;
    padding: 15px;
    display: block;
    box-shadow: 0px 3px #AA771C;
    border-radius: 5px;
	font-size:larger;
		text-decoration: none;
}
.headinfo p.btn a:hover{
    opacity: 0.8;
    transform: translate3d(0, 4px, 0);
    box-shadow: 0px 0px #AA771C;
	text-decoration: none;
}
#header #header-sns {
  float: right;
}
#header #header-sns ul {
  padding: 0 0 10px;
}
#header #header-sns li {
  display: inline-block;
  margin-left: 30px;
  font-size: 21px;
}
#header #header-sns li a {
  color: #ccc;
}
#header #header-sns li a:hover {
  color: #56D5FF;
}

/* ----------------------------------------
* breadcrumb
---------------------------------------- */
.breadcrumb {
  margin: 0 0 15px;
  overflow: hidden;
  font-size: 12px;
  line-height: 22px;
  padding: 0;
}
.breadcrumb li {
  float: left;
  margin-left: 10px;
}
.breadcrumb li a {
  text-decoration: none;
}
.breadcrumb li a:hover {
  text-decoration: underline;
}

/* ----------------------------------------
* gloval nav
---------------------------------------- */
#gnav {
    margin-top: -1px;
    border-top: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
    font-size: 15px;
    background: #fff none repeat scroll 0% 0%;
    font-weight: bold;
    letter-spacing: 1px;
}
#gnav .sub-menu {
  z-index: 10;
  font-size: 14px;
  margin: 0;
}
#gnav ul {
  margin: 0;
  padding: 0;
}
#gnav li {
  float: left;
  position: relative;
  padding: 0 0 0 0;
}


#gnav li#menu-item-2385 a{
    padding-left: 20px;
    background: url(/wp-content/themes/xeory_base/img/gl_home.png) left center no-repeat;
}
#gnav li#menu-item-2386 a{
    padding-left: 20px;
    background: url(/wp-content/themes/xeory_base/img/gl_shiken.png) left center no-repeat;
}
#gnav li#menu-item-2392 a{
    padding-left: 20px;
    background: url(/wp-content/themes/xeory_base/img/gl_sanko.png) left center no-repeat;
}
#gnav li#menu-item-2390 a{
    padding-left: 20px;
    background: url(/wp-content/themes/xeory_base/img/gl_mensetsu.png) left center no-repeat;
}
#gnav li#menu-item-2391 a{
    padding-left: 20px;
    background: url(/wp-content/themes/xeory_base/img/gl_saiban.png) left center no-repeat;
}
#gnav li#menu-item-2388 a{
    padding-left: 20px;
    background: url(/wp-content/themes/xeory_base/img/gl_tokubetsu.png) left center no-repeat;
}
#gnav li#menu-item-2389 a{
    padding-left: 20px;
    background: url(/wp-content/themes/xeory_base/img/gl_work.png) left center no-repeat;
}
#gnav li#menu-item-2387 a{
    padding-left: 20px;
    background: url(/wp-content/themes/xeory_base/img/gl_jyoho.png) left center no-repeat;
}


#gnav li.current-menu-item a {
  border-top: 1px #2581c4 solid;
}
#gnav li a {
display: inline-block;

margin-top: -1px;
padding: 15px 10px;
color: #333;
background: #fff none repeat scroll 0% 0%;
  text-decoration: none;
  -webkit-transition: background .3s ease-in-out;
          transition: background .3s ease-in-out;
    margin: 0px 8px;
}
#gnav li:after{
  content:url("/wp-content/themes/xeory_base/img/gnavi_border.png");
    position: relative;
    top: 4px;
}
#gnav li:last-child:after{
  display:none;
}
#gnav li a:hover {
  background:rgb(68, 165, 203);
  border-bottom: 1px #2581c4 solid;
}
#gnav li a:hover .sub-menu {
  display: block;
}
#gnav li .sub-menu {
  display: none;
  position: absolute;
  width: 200px;
  background: #fff;
  border: none;
  border-bottom: none;
  margin: 0;
}
#gnav li .sub-menu li {
  float: none;
  border-bottom: none;
  margin-right: 0;
  padding: 0;
}
#gnav li .sub-menu li:list-child {
  border-bottom: none;
}
#gnav li .sub-menu li a {
  color: #fff;
  background: #2b2b2b;
  font-size: 12px;
  padding: 14px 18px;
  margin-top: 0;
  border: none;
  overflow: hidden;
}
#gnav li .sub-menu li a:hover {
  background: #fff;
  color: #fff;
}
#gnav li .sub-menu li a:after {
  content: "\f105";
  float: right;
  font-family: 'FontAwesome';
}
#gnav li .sub-menu .sub-menu {
  left: 100%;
  top: 0;
}

/* ----------------------------------------
* content
---------------------------------------- */
#content {
  padding: 15px 0 0px;
  /* キャプション */
}
#content .wp-caption {
  max-width: 100%;
  border: 1px solid #efefef;
  text-align: center;
  padding: 5px;
}
#content .wp-caption-text {
  padding: 12px 16px;
  margin-bottom: 0;
  text-align: center;
}

body.home #content {
  padding-top: 52px;
}

#content  a{
  color:#333;}
#content  a:hover{
  color:#1070AB;}
#content .post-content a{
 color:#1070AB;}

/* ----------------------------------------
* main
---------------------------------------- */
.cat-content,
article.post,
article.page,
article.wp101,
article.seo101 {
  margin-bottom: 40px;
  background: #fff;
}

.cat-content,
article.post
{
 border-bottom: 1px solid #1070AB;
}


body.home .post-num-main .post-header{
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: rgba(79, 75, 60, 0.95) none repeat scroll 0% 0%;
    width: 100%;
}

body.home .post-num-main .post-content {
    padding: 0px 0px;
    overflow: hidden;
    max-height: 330px;
}

body.home .post-num-main .post-header .post-title{
clear: both;
font-weight: bold;
margin: 0px;
color: rgb(255, 255, 255);
font-size: 20px;
padding: 6px;
    border: none;
}

body.home .post-num-main .post-header .post-title a:hover{
color:#1070AB;
}
body.home .post-num-main .post-header .date{
    font-size: 14px;
    padding: 0px 7px;
    color: #fff;
}

body.home .post-num-sub .post-header{
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: rgba(79, 75, 60, 0.95) none repeat scroll 0% 0%;
    width: 100%;
}


body.home .post-num-sub .post-header .post-title{
clear: both;
font-weight: bold;
margin: 0px;
color: rgb(255, 255, 255);
font-size: 12px;
padding: 6px;
border:none;
}

body.home .post-num-sub .post-content {
    padding: 0px 0px;
    overflow: hidden;
}
body.home .post-num-sub .post-header .date{
    font-size: 12px;
    padding: 0px 7px;
    color: #fff;
}
#home-cat-01{
 clear:both;
margin-top: 20px;
}

.saishin{
overflow: hidden;
}

#home-cat-01 .home-cat-cont{
 overflow:hidden;
}

#home-cat-01 .home-cat-cont .home-cat-01-main{
float: left;
width: 48%;
}

#home-cat-01 .home-cat-cont .home-cat-01-main>div{
width: 300px;
margin: 70px auto;
background: #eee;
padding: 10px;
}


#home-cat-01 .home-cat-cont .home-cat-01-loop{
float: right;
width: 49%;
}

#home-cat-01 .home-cat-cont .home-cat-01-loop ul{

}

#home-cat-01 .home-cat-cont .home-cat-01-loop ul li{
clear: both;
overflow: hidden;
margin: 10px 0;
}

#home-cat-01 .home-cat-cont .home-cat-01-loop ul li p{
float: left;
    width: 30%;
    padding: 0px;
}

#home-cat-01 .home-cat-cont .home-cat-01-loop ul li dl{
float: right;
width: 65%;
}

#home-cat-01 .home-cat-cont .home-cat-01-loop ul li dl dt{
font-size:14px;
}
#home-cat-01 .home-cat-cont .home-cat-01-loop ul li dl dd{
font-size:12px;
}


#home-cat-li{
float: left;
margin: 15px 15px 15px 0;
min-height: 340px;
}

#home-cat-li .home-cat-li-loop{
width: 280px;
}

#home-cat-li .home-cat-li-loop ul{

}

#home-cat-li .home-cat-li-loop ul li{
clear: both;
overflow: hidden;
margin: 10px 0;
padding: 5px 0;
border-bottom: dotted 2px #1070AB;
}
#home-cat-li .home-cat-li-loop ul li:last-child{
border-bottom: inherit;
}

#home-cat-li .home-cat-li-loop ul li p{
float: left;
    width: 28%;
}

#home-cat-li .home-cat-li-loop ul li dl{
float: right;
width: 70%;
font-size: 14px;
}

#home-cat-li .home-cat-li-loop ul li dl dt{
font-size: 12px;
}
#home-cat-li .home-cat-li-loop ul li dl dd{
font-size: 12px;
}

.single article.post .post-thumbnail {
    float: inherit !important;
width: 765px;
margin: 15px auto;
}

.cat-link{
display: block;
background: rgb(239, 239, 239) none repeat scroll 0% 0%;
text-align: right;
padding: 10px !important;
border: 1px solid #eee;
font-size:12px;
}
.post-title,
article.page .post-title  {
    font-size: 32px;
    line-height: 1.5;
    padding: 20px;
    border-bottom: solid 1px;
    margin: 0 15px 10px;
}

.post-title2  {
    font-size: 32px;
    line-height: 1.5;
    padding: 20px;
    border-bottom: solid 1px;
    margin: 0 15px 20px;
}
.post-title a {
  color: #383838;
}
.post-title a:hover {
  color: #56D5FF;
  text-decoration: none;
}

.cat-content .post-header,
article.page .post-header {
  padding: 56px 64px 0;
  margin-bottom: 0;
  background: #fff;
}

article.page .post-header2 {
  padding: 0;
  margin-bottom: 0;
  background: #fff;
}

.cat-content .post-title{
  margin-bottom: 0;
    font-size: 28px;
    line-height: 1.5;
    padding: 15px;
    border: solid 1px;
    margin:0;
}

.post-meta {
position: absolute;
top: -13px;
left: 0px;
margin: 0px;
}
.post-meta li {
  background: #fff;
  float: left;
  margin-top: -0.7em;
  margin-right: 20px;
  padding-right: 24px;
  font-size: 14px;
}

.post-thumbnail {
  margin-left: 20px;
  margin-bottom: 20px;
  float: right;
height: 100%;
width: 100%;
}
.post-thumbnail img {
  width: 100%;
  height: auto;
}

.post-content {
  padding: 42px 64px;
  overflow: hidden;
}
.post-content hr {
  border-bottom: 1px solid #efefef;
  margin: 20px 0;
  clear: both;
}
.post-content ul {
  list-style: disc;
}
.post-content ol {
  list-style: decimal;
}
.post-content dl dt {
  font-weight: bold;
  margin-bottom: 4px;
}
.post-content dl dd {
  margin: 0 0 20px;
  border-left: 4px solid #e5e5e5;
  padding: 0 0 0 10px;
}
.post-content pre {
  padding: 20px;
  overflow: scroll;
  font-family: 'Courier', monospace;
}
.post-content h1 {
  clear: both;
}
.post-content h2 {
  margin: 40px 0px 32px;
  padding: 0px 0px 12px;
  font-size: 28px;
  clear: both;
  border-bottom: 3px solid #1070AB;
}
.post-content h3 {
  clear: both;
  border-left: 5px solid #1070AB;
  padding: 0 13px;
}
 /* 新レッスン */

.post-content h3.lessonkoza{
 clear: both;
 border-left: none;
 padding:0px;
 background:#1070AB;
}
.less_ex{
overflow: hidden;
}
.less_ex p.less_left{
    float: left;
    width: 383px;
}
.less_ex div.less_right{
    float: right;
    width: 480px;
}
.less_ex div.less_right h4{
    background: none;
    padding: 0px;
    margin: 0 0 15px;
}
.less_ex div.less_right p{
    font-size: 14px;
    line-height: 1.8em;
}
.post-content table {

}
.lesrecomend{
clear: both;
border: 9px solid #E9EEF4;
    background: #fff;
    box-sizing: border-box;
    padding: 10px;
}
.lesrecomend h5{
    font-size: 16px;
    margin: 3px 0;
}
.lesrecomend h5 span{
    padding: 2px 5px;
    color: #333;
letter-spacing: 2px;
}
.lesrecomend ul{
    margin: 20px 5px;
}
.lesrecomend ul li{
        padding-left: 40px;
    background: url(/wp-content/themes/xeory_base/img/lesson/lesson_ulmark.png) no-repeat left top;
    list-style: none;
    /* padding-top: 2px; */
    height: 30px;
    font-size: 16px;
    border-bottom: dotted 2px #efefef;
    font-weight: 500;
    letter-spacing: 2px;
    width: 95%;
}
.lesrecomend ul li span {
font-size: 16px;
color:#a41818;
}
.lesbt{
    text-align: center;
    margin: 25px 0 !important;
}
.post-content table th,
.post-content table td {
  padding: 8px 10px;
  border: #999 solid 1px;
}
.post-content table th {
  color: #000;
}
.post-content table thead th {
  background: #e4e4e4;
}
.post-content table tbody th {
  background: #e4e4e4;
}
.post-content table.table-line table,
.post-content table.table-line th,
.post-content table.table-line td {
  border-color: #fff;
}
.post-content table.table-line th {
  background: transparent;
  color: #383838;
  font-weight: bold;
}
.post-content table.table-line thead th {
  background: #5e6265;
  color: #fff;
}
.post-content table.table-line tr {
  background: #eee;
}
.post-content table.table-line tr:nth-child(2n+1) {
  background: #ddd;
}
.post-content img.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
	margin-top: 31px;
}
.post-content img.alignright.greet {
    float: right;
        width: 30%;
    margin: 2%;
}
.post-content h2:first-child {
  margin: 0 0 32px;
}

.post-content a{
  /*color:#1070AB;*/}

.post-cta {
  margin: 0;
  background: #f5f5f5;
  color: #383838;
  border-top: 3px solid #5e6265;
}
.post-cta .post-cta-inner {
  padding: 30px 45px;
}
.post-cta .cta-post-title {
  padding: 40px 45px;
  text-align: center;
  font-size: 32px;
  margin-bottom: 14px;
  border-bottom: 1px solid #e5e5e5;
}
.post-cta .post-cta-img {
  float: right;
  width: 230px;
  margin: 0 0 20px 30px;
}
.post-cta .post-cta-cont {
  overflow: hidden;
}
.post-cta .post-cta-btn {
  margin: 40px 0 10px;
}
.post-cta .post-cta-btn a {
  background: #F87B08;
  color: #fff !important;
  border-radius: 3px;
  /*border-bottom: 5px solid #38bd3e;*/
  display: block;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  width: 60%;
  margin: 0 auto 20px;
}
.post-cta .post-cta-btn a:hover {
  background: #F87B08;
  /*border-bottom: 5px solid #5ace5f;*/
}
.post-cta p {
  margin-bottom: 1em;
}
.post-cta .btn {
  width: 100%;
  display: block;
  border-radius: 3px;
  text-align: center;
  color: #fff;
  padding: 14px 0;
  -webkit-transition: background .3s ease-in-out;
          transition: background .3s ease-in-out;
  background: #2581c4;
}
.post-cta .btn:hover {
  text-decoration: none;
  background: #f24e4f;
}

.post-share {
  padding: 0 45px 30px;
  border-top: 1px solid #e5e5e5;
}
.post-share .post-share-fb {
  margin-bottom: 0;
  padding-top: 40px;
  text-align: center;
}
.post-share .post-share-fb > span{
  margin: 0 auto;
}
.post-share .post-share-title {
  font-size: 20px;
  padding: 10px 0;
  margin-bottom: 0;
  color: #fff;
  background-color: #57585A;
  text-align: center;
  margin-left: -45px;
  margin-right: -45px;
}
.post-share .post-share-list1,
.post-share .post-share-list2,
.post-share .post-share-list3,
.post-share .post-share-list4 {
  overflow: hidden;
  padding: 30px 0;
  margin-left: -2.08%;
}
.post-share .post-share-list1 a,
.post-share .post-share-list2 a,
.post-share .post-share-list3 a,
.post-share .post-share-list4 a {
  text-decoration: none;
  font-family: 'Didact Gothic';
  -webkit-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
  display: block;
  border: 1px #eee solid;
  border-radius: 3px;
  padding: 20px 0;
}
.post-share .post-share-list1 a:hover,
.post-share .post-share-list2 a:hover,
.post-share .post-share-list3 a:hover,
.post-share .post-share-list4 a:hover {
  text-decoration: none;
  background: #f7f7f7;
}
.post-share .post-share-list1 li,
.post-share .post-share-list2 li,
.post-share .post-share-list3 li,
.post-share .post-share-list4 li {
  text-align: center;
  float: left;
  margin-left: 2.08%;
}
.post-share .post-share-list1 i,
.post-share .post-share-list1 .big,
.post-share .post-share-list2 i,
.post-share .post-share-list2 .big,
.post-share .post-share-list3 i,
.post-share .post-share-list3 .big,
.post-share .post-share-list4 i,
.post-share .post-share-list4 .big {
  font-size: 2em;
}
.post-share .post-share-list1 li {
  width: 97.92%;
}
.post-share .post-share-list2 li {
  width: 47.92%;
}
.post-share .post-share-list3 li {
  width: 31.25%;
  font-size: .8em;
}
.post-share .post-share-list4 li {
  width: 22.92%;
}
.post-share .post-share-list4 {
  text-align: center;
}
.post-share .post-share-list4 i,
.post-share .post-share-list4 .big {
  display: block;
}
.post-share .post-share-list4 .big {
  font-size: 1.2em;
}
.post-share .post-share-facebook a:hover {
  color: #305097;
}
.post-share .post-share-twitter a:hover {
  color: #00aced;
}
.post-share .post-share-google a:hover {
  color: #db4a39;
}
.post-share .post-share-feedly a:hover {
  color: #2bb24c;
}

.post-sns {
  border-top: 1px #eee solid;
  margin: 0 -45px -30px;
  padding: 0;
}
.post-sns ul {
  width: 100%;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
.post-sns ul li {
  float: left;
  width: 50%;
  box-sizing: border-box;
  border-right: 1px solid #eee;
  color: #929292;
  font-size: 16px;
  text-align: center;
}
.post-sns ul li.post-sns-twitter a:before {
  content: "\f099";
  font-family: FontAwesome;
  font-size: 24px;
  padding-right: 10px;
}
.post-sns ul li.post-sns-feedly a:before {
  content: "\f09e";
  font-family: FontAwesome;
  font-size: 24px;
  padding-right: 10px;
}
.post-sns ul li:last-child {
  border-right: none;
  padding: -10px 0;
}
.post-sns ul li:hover {
  background-color: #f7f7f7;
  -webkit-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;
}
.post-sns ul li.post-sns-twitter:hover {
  color: #00ACED;
}
.post-sns ul li.post-sns-feedly:hover {
  color: #5ACF5F;
}
.post-sns ul li span {
  font-size: 20px;
}
.post-sns ul li a {
  width: 100%;
  display: block;
  color: #929292;
  text-decoration: none;
  padding: 24px 0;
}
.post-sns ul li a:hover {
  -webkit-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;
}
.post-sns ul li.post-sns-twitter a:hover {
  background-color: #00aced;
  color: #fff;
}
.post-sns ul li.post-sns-feedly a:hover {
  background-color: #5ACF5F;
  color: #fff;
}

.post-footer {
  border-radius: 0 0 3px 3px;
  padding: 10px 64px 0px;
}
.post-footer ul li {
  display: inline-block;
  vertical-align: top;
}
.post-footer ul li a:hover {
  text-decoration: underline;
}
.post-footer .bzb-sns-btn {
  padding: 0 0 64px;
  font-size: 0;
}
.post-footer .bzb-sns-btn li {
  display: inline-block;
  font-size: 16px;
  width: auto;
  vertical-align: top;
}
.post-footer .bzb-sns-btn:after {
  content: '';
  display: block;
  clear: both;
  zoom: 1;
}
.post-footer:after {
  content: '';
  display: block;
  clear: both;
  zoom: 1;
}

.post-footer-list {
  margin: 0 0 40px;
}
.post-footer-list li {
  margin-right: 10px;
  
}

.post-author {
  border-radius: 3px;
  margin-bottom: 20px;
  padding: 40px 64px;
  border-top: 1px #eee solid;
  border-bottom: 1px #eee solid;
  color: #383838;
}
.post-author .post-author-img {
  width: 80px;
  float: left;
}
.post-author .post-author-img .inner {
  padding: 0;
}
.post-author a {
  color: #2581c4;
}
.post-author .post-author-meta {
  margin-left: 100px;
}
.post-author .post-author-meta h4 {
  margin: 0 40px 10px 0;
  font-weight: bold;
}

div.post-share-fb .fbcomments,
div.post-share-fb .fb_iframe_widget,
div.post-share-fb .fb_iframe_widget[style],
div.post-share-fb .fb_iframe_widget iframe[style],
div.post-share-fb .fbcomments iframe[style] *,
div.post-share-fb .fb_iframe_widget span {
  max-width: 100% !important;
}

/* bzb sns */
.post-header-meta {
  overflow: visible;
}
.post-header-meta:after {
  content: "";
  clear: both;
  display: block;
}

.bzb-sns-btn {
  padding: 0;
  margin: 5px 60px;
  font-size: 0;
}
.bzb-sns-btn li {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  width: auto;
  margin:4px;
}
/*
.bzb-sns-btn li.bzb-facebook {
  width: 98px;
}
.bzb-sns-btn li.bzb-facebook span {
  vertical-align: top !important;
}
.bzb-sns-btn li.bzb-twitter {
  width: 93px;
}
.bzb-sns-btn li.bzb-googleplus {
  width: 65px;
}
.bzb-sns-btn li.bzb-pocket {
  width: 93px;
}*/
.bzb-sns-btn li.bzb-line a, .bzb-sns-btn li.bzb-line img {
  vertical-align: top;
}

.bzb-facebook .fb-like > span {
  vertical-align: top !important;
}

.bzb-twitter {
  width: 92px;
}

.bzb-googleplus {
  width: 80px;
}

.post-header-category {
  float: right;
  width: 300px;
  text-align: right;
  padding: 20px 0 10px;
}



.fa-home::before {
    content: "";
}

h2 {
  font-size: 18px;
  font-weight: bold;
}

h2 span {
margin: 0px 15px 0px 0px;
height: 74px;
}

h2 span img{
background: #1070AB;
}

/* comment
---------------------------------------- */
#comments {
  padding: 40px 64px;
  display:none;
}

.comment-list > .comment {
  margin-bottom: 40px;
  border-bottom: 1px #eee solid;
}

.comment-list > .comment > .comment-body {
  padding: 0 20px;
  margin-bottom: 20px;
}

.comment-list .children {
  margin-left: 45px;
}
.comment-list .children .comment-body {
  padding: 20px 30px;
  margin-bottom: 20px;
  background: #f7f7f7;
}

.comment-author {
  float: left;
  vertical-align: top;
  font-size: 12px;
  margin-left: 10px;
}
.comment-author img {
  vertical-align: top;
}

.comment-meta {
  font-size: 12px;
  margin-bottom: 12px;
}

.reply a {
  border-radius: 3px;
  padding: 3px 5px;
  font-size: 12px;
  -webkit-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
}
.reply a:before {
  content: ' ';
  font-family: 'FontAwesome';
}
.reply a:hover {
  text-decoration: none;
}

.comment-form-comment label {
  display: none;
}
.comment-form-comment textarea {
  width: 80%;
  margin: 20px 0;
  border-radius: 3px;
}

.form-allowed-tags {
  font-size: 12px;
  margin-bottom: 20px;
  display: none;
}

.comment-meta:after {
  content: ' ';
  display: block;
  clear: both;
}

.comments-title {
  font-size: 24px;
  padding: 20px 0;
  margin-bottom: 30px;
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
  overflow: hidden;
  margin: 10px 0;
}
.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
  width: 15%;
  float: left;
  font-size: 12px;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
  width: 40%;
  float: left;
  margin-left: 5%;
  border-radius: 3px;
  padding: 5px;
}

.form-submit #submit {
  width: 300px;
  line-height: 40px;
  border: none;
  border-radius: 3px;
  -webkit-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
}
.form-submit #submit:hover {
  cursor: pointer;
}

.comment-form-comment textarea {
  width: 95%;
  padding-left: 2%;
  padding-right: 2%;
}

.comment-form {
  overflow: hidden;
}

.comment-form-author,
.comment-form-email {
  width: 49%;
  margin: 0;
}
.comment-form-author label,
.comment-form-author input,
.comment-form-email label,
.comment-form-email input {
  width: 90%;
  float: none;
  margin: 0 0 10px;
}

.comment-form-author {
  float: left;
}

.comment-form-email {
  float: right;
}

/* loop
---------------------------------------- */
.cat-content {
  background: #fff;
    padding: 10px;
    margin-bottom: 20px;
    border: none;
}

.post-loop-wrap .arcright {
     width: 70%;
    float: right;
}
.post-loop-wrap .arcright h2 {
        margin: 0 !important;
    padding: 0;
    font-size: 1.5em;
    clear: both;
    border: none;
}
.post-loop-wrap .arcright p {
     margin-top: 0;
    font-size: 14px;
}
.post-loop-wrap article {
     width: 98%;
    margin: 0 auto 20px;
}
.post-loop-wrap article p {
  margin-top: 0;
}
.post-loop-wrap .post-thumbnail {
    float: left;
    width: 25%;
    text-align: center;
    float: left;
    position: relative;
    margin-bottom: 10px;
}
.post-loop-wrap article p.date {
    position: absolute;
    top: 0;
    font-size: 12px;
    right: 0;
    padding: 5px;
    background: #1070AB;
    color: #fff;
}

#newsarc .post-loop-wrap article {
     width: 98%;
    margin: 0 auto;
	position: relative;
}
#newsarc .post-loop-wrap article div{
        border-top: 1px solid #D9E2ED;
    background: url(/wp-content/themes/xeory_base/img/list_right_arrow.png) no-repeat 97% 50%;
    background-size: 10px;
}

#newsarc .post-loop-wrap article:last-child {
    border-bottom: 1px solid #D9E2ED;
}
#newsarc .post-loop-wrap article div a{
     display: block;
    text-decoration: none;
    padding: 22px 20px;
}
#newsarc .post-loop-wrap article div:hover{
   transition: 0.3s ease background-color;
    background: #F7F9FB url(/wp-content/themes/xeory_base/img/list_right_arrow.png) no-repeat 97% 50%;
    background-size: 10px;

}
#newsarc .post-loop-wrap article div a p.date{
     color: #333;
    font-size: 13px;
    font-family: "Hiragino Kaku Gothic W3 JIS2004", "Hiragino Kaku Gothic W6 JIS2004";
    vertical-align: middle;
    display: inline-block;
    margin: 0 40px 0 0;
	    top: inherit;
    right: inherit;
    background: inherit;
    position: inherit;
}
#newsarc .post-loop-wrap article div a p.taxlabelseminerinfo{
     color: #FFF;
    font-size: 12px;
    font-family: "Hiragino Kaku Gothic W3 JIS2004", "Hiragino Kaku Gothic W6 JIS2004";
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    margin: 0 57px 0 0;
    width: 78px;
    padding: 0 3px;
    box-sizing: border-box;
    background: #db4a39;
}
#newsarc .post-loop-wrap article div a p.taxlabelnews{
     color: #FFF;
    font-size: 12px;
    font-family: "Hiragino Kaku Gothic W3 JIS2004", "Hiragino Kaku Gothic W6 JIS2004";
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    margin: 0 57px 0 0;
    width: 78px;
    padding: 0 3px;
    box-sizing: border-box;
    background: #1070AB;
}
#newsarc .post-loop-wrap article div a p.taxlabelkozainfo{
     color: #FFF;
    font-size: 12px;
    font-family: "Hiragino Kaku Gothic W3 JIS2004", "Hiragino Kaku Gothic W6 JIS2004";
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    margin: 0 57px 0 0;
    width: 78px;
    padding: 0 3px;
    box-sizing: border-box;
    background: #f37d3d;
}
#newsarc .post-loop-wrap article div a p.summary{
         color: #333;
    font-size: 13px;
    font-family: "Hiragino Kaku Gothic W3 JIS2004", "Hiragino Kaku Gothic W6 JIS2004";
    vertical-align: middle;
    display: inline-block;
    padding-right: 10px;
}
.post-loop-wrap .post-thumbnail {
    float: left;
    width: 25%;
}
.post-loop-wrap .post-thumbnail img {
  max-width: 100%;
  height: auto;
}
.post-loop-wrap .post-content {
  width: auto;
  padding: 0px 5px 0px;
}
.post-loop-wrap .post-footer {
  border-top: 1px #efefef solid;
  padding-top: 10px;
}
.post-loop-wrap .post-footer .bzb-sns-btn {
  padding: 0;
  margin-right: 50px;
  float: left;
}
.post-loop-wrap .post-footer .loop-comment-icon {
  float: right;
}
.post-loop-wrap .post-footer .loop-comment-icon .fa {
  font-size: 18px;
  margin-right: 5px;
}
.post-loop-wrap .post-footer .loop-comment-icon .share {
  display: none;
}
.post-loop-wrap .post-footer .loop-comment-icon .count {
  font-size: 14px;
}

.more-link {
  border: 1px #2581c4 solid;
  padding: 12px 24px;
  line-height: 26px;
  margin-bottom: 64px;
  box-sizing: border-box;
  clear: both;
  color: #2581c4;
  font-size: 14px;
}
.more-link:hover {
  background: #2581c4;
  color: #fff;
  text-decoration: none;
}

/* content-none */
.content-none {
  padding-top: 40px;
}

/* ----------------------------------------
* pagenation
---------------------------------------- */
.pagination {
  margin: 0 0 120px 0;
  padding: 0;
}

.pagination span, .pagination a {
  display: block;
  float: left;
  margin: 2px 2px 2px 0;
  padding: 12px 18px;
  text-decoration: none;
  width: auto;
  color: #383838;
}

.pagination a:hover {
  background: #eee;
}

.pagination .current {
  padding: 12px 18px;
  background: #eee;
}

/* ----------------------------------------
* side
---------------------------------------- */
.side-widget-area {
  padding: 0;
  margin-top: 5px;
}

.side-widget {
  margin-bottom: 40px;
  line-height: 1.6;
  font-size: 14px;
}
.side-widget .side-title {
  margin: 0 0 32px;
  font-size: 15px;
}
.side-widget ul li {
      padding: 10px 0;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    width: 100%;
    font-size: 12px;
    text-align: left;
}
.side-widget ul li#menu-item-837
{
color: #5e6265;
text-decoration: none;
padding-left: 30px;
display: block;
background: url('/wp-content/themes/xeory_base/lib/images/list-hikki.png') left center no-repeat;
margin-left: 10px;
}

.side-widget ul li#menu-item-5386
{
color: #5e6265;
text-decoration: none;
padding-left: 30px;
display: block;
background: url('/wp-content/themes/xeory_base/lib/images/list-ronbun.png') left center no-repeat;
margin-left: 10px;
}

.side-widget ul li#menu-item-838
{
color: #5e6265;
text-decoration: none;
padding-left: 30px;
display: block;
background: url('/wp-content/themes/xeory_base/lib/images/list-mensetsu.png') left center no-repeat;
margin-left: 10px;
}
.side-widget ul li#menu-item-839
{
color: #5e6265;
text-decoration: none;
padding-left: 30px;
display: block;
background: url('/wp-content/themes/xeory_base/lib/images/list-sanko.png') left center no-repeat;
margin-left: 10px;
}
.side-widget ul li#menu-item-840
{
color: #5e6265;
text-decoration: none;
padding-left: 30px;
display: block;
background: url('/wp-content/themes/xeory_base/lib/images/list-tokube.png') left center no-repeat;
margin-left: 10px;
}
.side-widget ul li#menu-item-841
{
color: #5e6265;
text-decoration: none;
padding-left: 30px;
display: block;
background: url('/wp-content/themes/xeory_base/lib/images/list-saiban.png') left center no-repeat;
margin-left: 10px;
}
.side-widget ul li#menu-item-842
{
color: #5e6265;
text-decoration: none;
padding-left: 30px;
display: block;
background: url('/wp-content/themes/xeory_base/lib/images/list-work.png') left center no-repeat;
margin-left: 10px;
}
.side-widget ul li#menu-item-843
{
color: #5e6265;
text-decoration: none;
padding-left: 30px;
display: block;
background: url('/wp-content/themes/xeory_base/lib/images/list-jyho.png') left center no-repeat;
margin-left: 10px;
}
.side-widget ul li#menu-item-6820
{
color: #5e6265;
text-decoration: none;
padding-left: 30px;
display: block;
background: url('/wp-content/themes/xeory_base/lib/images/list-tips.png') left center no-repeat;
margin-left: 10px;
}

.side-widget ul li a:hover{
  color:#1070AB;
}

.side-widget .side-title {
  margin: 0 0 13px;
  font-size: 16px;
}
.side-widget .view-thumbnail{
float: left;
width:28%;
}
.side-widget .view-title{
float: right;
width: 70%;
line-height: 1.4em;
}
h4.side-title{
  font-weight:bold;
  padding:12px;
      border-bottom: solid 3px #1070AB;
}

.side-widget a {
  color: #5e6265;
  text-decoration: none;
}
.side-widget a:hover {
  color: #73D3F1;
}
.side-widget.widget_recent_comments a {
  background: none;
}
.side-widget .post-date {
  margin: 0 0 0 36px;
  font-size: 13px;
  color: #999999;
}

#views-2 ul li span {
  margin: 0 0 0 36px;
  font-size: 13px;
  color: #999999;
}

.widget_recent_entries a,
.widget_archive a,
.widget_categories a,
.widget_meta a,
.widget_views a {
  color: #5e6265;
  text-decoration: none;
  padding-left: px;
  display: block;
  background: url('lib/images/icont_arw_lit.png?1418372717') left center no-repeat;
}
.widget_recent_entries a:hover,
.widget_archive a:hover,
.widget_categories a:hover,
.widget_meta a:hover,
.widget_views a:hover {
  color: #2581c4;
  background: url('lib/images/icon_arw_gry.png?1418372717') left center no-repeat;
}

/* comment */
.recentcomments {
  color: #808080;
  font-size: 12px;
}
.recentcomments a {
  color: #383838;
  font-size: 14px;
}

/* 実装中止----------- */
/* calendar */
.widget_calendar {
  border-radius: 3px;
  font-size: 16px;
}
.widget_calendar .side-widget-inner {
  border-radius: 3px;
  padding: 0 20px 20px;
}
.widget_calendar table {
  width: 100%;
}
.widget_calendar caption {
  border-radius: 3px 3px 0 0;
  padding: 14px 20px;
  margin: 0 -20px 20px;
  font-size: 18px;
  text-align: center;
}
.widget_calendar a {
  color: #666;
}
.widget_calendar li {
  margin-bottom: 1em;
}
.widget_calendar thead,
.widget_calendar tfoot,
.widget_calendar tbody {
  margin: 0 20px;
}
.widget_calendar th,
.widget_calendar td {
  text-align: center;
}
.widget_calendar tbody a {
  display: block;
}
.widget_calendar tbody a:hover {
  text-decoration: none;
}

/* follow */
#side .share-list-wrap {
  margin: 0 -20px 20px;
  background: #f9f9f9;
  padding: 20px;
}
#side .share-list-wrap .post-share-list1,
#side .share-list-wrap .post-share-list2,
#side .share-list-wrap .post-share-list3,
#side .share-list-wrap .post-share-list4 {
  overflow: hidden;
  margin-left: -1%;
}
#side .share-list-wrap .post-share-list1 li,
#side .share-list-wrap .post-share-list2 li,
#side .share-list-wrap .post-share-list3 li,
#side .share-list-wrap .post-share-list4 li {
  float: left;
  width: 24%;
  margin-left: 1%;
}
#side .share-list-wrap .post-share-list1 li a,
#side .share-list-wrap .post-share-list2 li a,
#side .share-list-wrap .post-share-list3 li a,
#side .share-list-wrap .post-share-list4 li a {
  border-radius: 100%;
  background: #fff;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 60px;
  height: 60px;
  font-size: 32px;
  color: #5e6265;
}
#side .share-list-wrap .post-share-list1 li a .follow-on,
#side .share-list-wrap .post-share-list1 li a .big,
#side .share-list-wrap .post-share-list2 li a .follow-on,
#side .share-list-wrap .post-share-list2 li a .big,
#side .share-list-wrap .post-share-list3 li a .follow-on,
#side .share-list-wrap .post-share-list3 li a .big,
#side .share-list-wrap .post-share-list4 li a .follow-on,
#side .share-list-wrap .post-share-list4 li a .big {
  display: none;
}
#side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover,
#side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover,
#side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover,
#side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover {
  color: #305097;
}
#side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover,
#side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover,
#side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover,
#side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover {
  color: #00aced;
}
#side .share-list-wrap .post-share-list1 li.post-share-google a:hover,
#side .share-list-wrap .post-share-list2 li.post-share-google a:hover,
#side .share-list-wrap .post-share-list3 li.post-share-google a:hover,
#side .share-list-wrap .post-share-list4 li.post-share-google a:hover {
  color: #db4a39;
}
#side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover,
#side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover,
#side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover,
#side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover {
  color: #2bb24c;
}

/* author */
#side-author {
  overflow: hidden;
  font-size: 12px;
}
#side-author h4 {
  padding: 12px 0;
  margin-bottom: 20px;
  font-size: 16px;
}
#side-author .side-author-img {
  float: left;
  width: 100px;
}
#side-author .side-author-meta {
  float: right;
  width: 180px;
}

/* ----------------------------------------
* footer
---------------------------------------- */
#footer {
  color: #333;
font-size:13px;
}

#footer a:hover {
  color: #2581c4;
}
#footer .wrap {
  padding: 20px 0 0;
	    overflow: hidden;
}
#footer .wrap2 {
    padding: 15px 0;
    width: 1225px;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
}
#footer .post-share {
  padding-right: 0;
  padding-left: 0;
}

.footer-01 {
background: #dde6ec;
font-size: 12px;
color: #fff;
text-align: center;
}
.footer-01 ul {
  overflow: hidden;
  text-align: left;
}
.footer-01 ul li {
  display: inline-block;
  margin-right: 20px;
}

.footer-02 {
  background: #1070ab;
  overflow: hidden;
}

.footer-02 .headinfo2 {
    font-size: 10px;
    clear: both;
    width: 100%;
    margin: 0 auto;
}
#footer .footer-01 li a{
 color:#333;
}
#footer .footer-02 .headinfo2 li{
    display: inline;
    font-size: 12px;
}
#footer .footer-02 .headinfo2 li,#footer .footer-02 .headinfo2 li a{
 color:#fff;
}

.footer-03 {
  background: #dde6ec;
  padding:10px 0;
}

.footer-03 .footer-copy {
  text-align: center;
  font-size: 10px;
  clear: both;
}
#footer a:hover{
  /*color:#fff;*/
}

.footer01 {
    background: #F5F5F5;
    font-size: 12px;
    color: #555;
    text-align: center;
    padding: 30px 0 50px;
}

.footmenu {
    width: 59%;
    float: right;
    overflow: hidden;
}

.footlist {
    float: left;
    text-align: left;
    width: 180px;
}
p.footlogo {
    left: le;
    float: left;
    width: 20%;
}
p.footh3 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
}
ul.footul li a {
    color: #555;
}
ul.footul li {
    font-size: 14px;
    line-height: 2em;
}
.footer02 {
    background: #1070ab;
    overflow: hidden;
}
p.footer-copy {
    text-align: right;
    color: #fff;
    font-size: 11px;
}
p.footh3 a {
    color: #555;
}
span.footlinkpic {
    margin-left: 10px;
}




/* ----------------------------------------
* LP
---------------------------------------- */
.single-lp {
  padding: 40px 0;
}
.single-lp .lp-wrap {
  width: 1157px;
  border: 1px solid #efefef;
  margin: 0 auto;
  background: #fff;
  padding: 45px 0;
}
.single-lp .lp-thumbnail {
  border: 1px #ccc solid;
  float: right;
  margin: 0 0 13px 13px;
  border: 1px #ccc solid;
}
.single-lp .lp-thumbnail img {
  vertical-align: top;
}
.single-lp .post-content {
  padding: 0;
  overflow: hidden;
}
.single-lp #lp-header {
  background: #fff;
  padding: 0 56px;
}
.single-lp #lp-header h1 {
  font-size: 32px;
  color: #2581c4;
  padding-bottom: 35px;
  border-bottom: 1px solid #efefef;
}
.single-lp #content {
  padding: 40px 56px;
  overflow: hidden;
}
.single-lp #main {
  width: 100%;
}
.single-lp .main-inner {
  overflow: hidden;
  margin-right: 350px;
}
/* one-column */
.one-column.single-lp #main{
  float: none;
}
.one-column.single-lp .main-inner {
  margin-left: 0;
  margin-right: 0;
}
.one-column.single-lp #side{
  float: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.single-lp #side {
  width: 320px;
  margin-left: -320px;
}
.single-lp.right-content #side {
  width: 320px;
  margin-left: -100%;
}
.single-lp.right-content .main-inner{
  margin-left: 350px;
  margin-right: 0;
}
.single-lp .post-footer {
  padding: 20px 0;
}
.single-lp .lp-form {
  background: #494c4e;
  color: #fff;
  padding: 30px;
  width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
.single-lp .lp-form h3{
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 12px;
}
.single-lp .lp-form input[type=text],
.single-lp .lp-form input[type=email] {
  width: 90%;
  padding: 10px 5%;
  border: none;
}
.single-lp .lp-form input[type=submit],
.single-lp .lp-form button {
  width: 100%;
  padding: 10px 0;
  background: #5ace5f;
  color: #fff;
  border-bottom: 5px solid #38bd3e;
  -webkit-transition: all ease-in-out 0.3s;
          transition: all ease-in-out 0.3s;
  border-radius: 3px;
}
.single-lp .lp-form input[type=submit]:hover,
.single-lp .lp-form button:hover {
  background: #6ed472;
}
.single-lp .lp-form dl {
  margin-bottom: 13px;
}
div.spfix_footer {
    display: none;
}
p.newsmore{
	text-align:right;
	margin: 10px;
}
p.newsmore a{
	color: #1070AB;
}
p.newsmore a i{
	margin-right: 10px;
}
/* ----------------------------------------
* レスポンシブ
---------------------------------------- */
#header-menu-tog {
  display: none;
}

@media screen and (max-width: 1200px) {
  .single-lp .lp-wrap {
    width: auto;
    margin: 0 36px;
  }
  .single-lp .main-inner {
    margin-right: 350px;
  }
}
@media screen and (max-width: 991px) {
  /* tablet */
  .sp-hide {
    display: none !important;
  }

  .sp-show {
    display: block !important;
  }

  #main .post-sns {
    margin: 0 -20px -20px !important;
  }
  #main .post-share-title {
    margin: 0 -20px !important;
  }

  .single-lp #lp-header {
    padding-left: 24px;
    padding-right: 24px;
  }
  .single-lp #lp-header .lp-title {
    padding: 0;
    margin: 0;
    font-size: 21px;
  }
  .single-lp #content {
    padding: 20px;
  }
  .single-lp .lp-wrap {
    padding: 24px 0;
    width: auto;
    margin: 0 24px;
  }
  .single-lp .lp-wrap input[type=text] {
    width: 100%;
  }
  .single-lp .lp-wrap input[type=submit] {
    margin-top: 30px;
  }
  .single-lp .post-content {
    padding: 0 !important;
  }
  .single-lp #side {
    margin-left: 0;
    width: 100%;
  }
  .single-lp #side dl,
  .single-lp #side dt,
  .single-lp #side dd {
    width: 100%;
    margin: 0 0 20px;
    padding: 0;
  }
  .single-lp #side dt {
    margin-bottom: 8px;
  }

  .alignleft,
  .alignright {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
	  display: block;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  /* header */
  #header {
       padding: 5px 0 10px !important;
    position: fixed;
    width: 100%;
    z-index: 99;
  }
  #header .wrap {
    padding: 0;
  }
  #header #logo img {
    vertical-align: top;
  }
  #header #header-primary-nav {
    display: none;
  }

  #header-menu-tog {
    display: none;
font-size: 15px;
position: absolute;
top: 10px;
right: 15px;
  }

  #gnav {
    display: none;
  }
  #gnav.active {
    display: none;
  }

  #gnav {
    margin: 20px 2%;
    border: 1px solid #cccccc;
    padding: 10px;
  }
  #gnav .wrap {
    margin: 0;
  }
  #gnav ul li {
    float: none;
    position: relative;
    margin-right: 0;
    margin-bottom: 1px;
    padding: 0;
  }
  #gnav ul li.current-menu-item a {
    border-top: none;
    background: #f7f7f7;
  }
  #gnav ul li a {
    display: block;
    border-top: none;
    padding: 12px 8px;
    color: #2B2D2D;
    background: #fff;
    text-decoration: none;
    -webkit-transition: background .3s ease-in-out;
            transition: background .3s ease-in-out;
    border-bottom: 1px #e5e5e5 solid;
  }
  #gnav ul li a:hover {
    color: #2B2D2D;
    border-top: none;
  }
  #gnav ul li a:hover .sub-menu {
    display: block;
  }
  #gnav ul li .sub-menu {
    display: block;
    position: relative;
    width: auto;
    margin-left: 20px;
    background: #fff;
    border: none;
    border-bottom: none;
  }
  #gnav ul li .sub-menu li {
    float: none;
    margin-right: 0;
  }
  #gnav ul li .sub-menu li:list-child {
    border-bottom: none;
  }
  #gnav ul li .sub-menu li a {
    color: #2581c4;
    background: #fff;
    padding: 10px 15px;
    border-bottom: 1px #e5e5e5 solid;
  }
  #gnav ul li .sub-menu li a:hover {
    background: #fafafa;
    color: #2581c4;
    box-shadow: 0;
  }
  #gnav ul li .sub-menu .sub-menu {
    left: auto;
    top: auto;
  }

  /* loop */
  .cat-content {
    padding: 0px;
  }

  .post-loop-wrap .post-thumbnail {
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    width: 30%;
    float: left;
    position: relative;
    height: 65px;
margin-bottom: 10px;
  }
  .post-loop-wrap .post-thumbnail img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
  }
  .post-loop-wrap .post-title {
    margin-bottom: 0;
  }
  .post-loop-wrap .post-content {
        padding: 0 !important;
  }
  .post-loop-wrap .post-footer {
    display: none;
  }
.post-loop-wrap article p.date{
    position: absolute;
    top: 0;
    font-size: 10px;
    right: 0;
    padding: 2px;
    background: #1070AB;
    color: #fff;
}
.post-loop-wrap .arcright{
width: 66%;
    float: right;
}
.post-loop-wrap .arcright h2{
    font-size: 12px;
}
.post-loop-wrap .arcright p{
     display:none;
}
  /* comment */
  .comment-form-author,
  .comment-form-email {
    float: none;
    width: auto;
  }

  /* padding */
  .post-header {
    padding: 10px 0px 20px;
  }

  .post-content,
  .cta-post-title,
  .post-cta,
  .post-cta-inner,
  .post-share,
  .post-author,
  article.page .post-header {
    padding: 0px !important;
  }

  .post-thumbnail,
  .post-cta-img {
    margin-left: 0;
    margin-right: 0;
    float: none;
  }

  .post-footer {
    padding: 0 20px;
  }

  .more-link {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 24px;
  }
/*　追加部分　*/


.post-num-main {
    width: 100%;
    float: none;
position: relative;
margin:  5px 0px;
border: solid 1px #eee;
}

.post-num-sub {
    width: 100%;
    float: none;
position: relative;
margin: 5px 0px;
border: solid 1px #eee;
}

.post-content table｛
｝

.post-contet a{
/*color:#1070AB;*/}

body.home .post-num-main .post-header{
   position: absolute;
    left: 0px;
    bottom: 0px;
    background: rgba(79, 75, 60, 0.95) none repeat scroll 0% 0%;
    width: 100%;
    padding: 5px;
}
body.home .post-num-main .post-header .date {
    font-size: 11px;
    padding: 0px 7px;
    color: #fff;
}
.postcate {
    position: absolute;
    background: #1070AB;
    color: #fff;
    padding: 0px 5px;
    left: 5px;
    top: 6px;
    font-size: 12px;
}
body.home .post-num-main .post-content {
    padding: 0px 0px;
    overflow: hidden;
    max-height: 330px;
}

body.home .post-num-main .post-header .post-title{
clear: both;
font-weight: bold;
margin: 0px;
color: rgb(255, 255, 255);
font-size: 12px;
min-height: 40px;
    border: none;
}
body.home .post-num-main .post-header .date{

}
body.home .post-num-sub .post-header{
        position: absolute;
    left: 0px;
    bottom: 0px;
    background: rgba(79, 75, 60, 0.95) none repeat scroll 0% 0%;
    width: 100%;
    padding: 5px;
    border: none;
}

body.home .post-num-sub .date{

}


body.home .post-num-sub .post-header .post-title{
clear: both;
font-weight: bold;
margin: 0px;
color: rgb(255, 255, 255);
font-size: 12px;
padding: 6px;
}

body.home .post-num-sub .post-content {
    padding: 0px 0px;
    overflow: hidden;
    max-height: 330px;
}

.home-cat-title{
border-bottom: solid #1070AB 2px;
}

#home-cat-01{
 clear:both;
}

#home-cat-01 .home-cat-cont{
 overflow:hidden;
}

#home-cat-01 .home-cat-cont .home-cat-01-main{
float: none;
width: 100%;
}

#home-cat-01 .home-cat-cont .home-cat-01-main>div{
width: 300px;
margin: 70px auto;
background: #eee;
padding: 10px;
}


#home-cat-01 .home-cat-cont .home-cat-01-loop{
float: none;
border-left: medium none;
width: 100%;
padding-left: 0px;
}

#home-cat-01 .home-cat-cont .home-cat-01-loop ul{

}

#home-cat-01 .home-cat-cont .home-cat-01-loop ul li{
clear: both;
overflow: hidden;
border-bottom: 1px solid rgb(238, 238, 238);
margin: 10px 0;
}

#home-cat-01 .home-cat-cont .home-cat-01-loop ul li p{
float: left;
    width: 25%;
    padding: 5px 0 0;
}

#home-cat-01 .home-cat-cont .home-cat-01-loop ul li dl{
    float: right;
    width: 70%;
    font-size: 16px;
}

#home-cat-01 .home-cat-cont .home-cat-01-loop ul li dl dt{
font-size: 12px;
}
#home-cat-01 .home-cat-cont .home-cat-01-loop ul li dl dt{
font-size: 12px;
}
#home-cat-li{
float: none;
margin: 0px;
min-height: 110px;
}

#home-cat-li .home-cat-li-loop{
width: 100%;
}

#home-cat-li .home-cat-li-loop ul{

}

#home-cat-li .home-cat-li-loop ul li{
clear: both;
overflow: hidden;
border-bottom: 1px solid rgb(238, 238, 238);
margin: 10px 0;
}

#home-cat-li .home-cat-li-loop ul li p{
float: left;
width: 25%;
padding: 5px 0 0;
}

#home-cat-li .home-cat-li-loop ul li dl{
float: right;
width: 70%;
font-size: 16px;
}


#home-cat-li .home-cat-li-loop ul li dl dt{

}

#header p.bcatch {
    padding: 35px 0px 0px 24px;
    float: none;
    font-size: 11px;
}



#cat02{
 margin-top: 15px;
}
.wrap {
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  *zoom: 1;
}
#footer .wrap {
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 10px 0;
}
  /* tablet end */
}
@media screen and (max-width: 767px) {
  /* phone */
  .post-content h2 {
    font-size: 22px;
    margin-top: 56px;
  }
  .post-content h3 {
    font-size: 18px;
    margin-top: 56px;
  }
  .post-content h4 {
    font-size: 18px;
  }
 .post-content table{

    width: 100%;
    font-size:12px;
    display: block;
    white-space: inherit;
  }
.post-title,
article.page .post-title{
    font-size: 20px;
    line-height: 1.5;
    padding: 10px;
    border-bottom: solid 1px;
    margin: 0 5px 5px;
}

.post-title2  {
    font-size: 14px;
    line-height: 1.5;
    padding: 20px;
    border-bottom: solid 1px;
    margin: 0 15px 20px;
}


 #main .post-share .post-sns {
    margin: 0 -20px -20px;
  }
  #main .post-share .post-sns ul li {
    width: auto;
    float: none;
    border-right: none;
    border-bottom: 1px solid #eee;
  }
  #main .post-share .post-sns ul li a {
    padding: 16px 0;
    font-size: 16px;
  }
  #main .post-share .post-sns ul li a span {
    font-size: 16px;
  }
  #main .post-share .post-sns ul li a:before {
    font-size: 18px;
  }
  #main #comments {
    padding: 20px;
  }
  #main .post-author {
    padding: 20px;
  }
  #main .post-author .post-author-img {
    float: none;
  }
  #main .post-author .post-author-meta {
    padding: 0;
    margin: 10px 0 0;
  }

  .post-cta .post-cta-img {
    width: 100%;
    margin: 0 auto 30px;
    float: none;
  }
  .post-cta .post-cta-btn {
    margin: 24px 0 10px;
  }
  .post-cta .post-cta-btn a {
    width: 100%;
    box-sizing: border-box;
  }

  .post-footer {
    padding: 0 20px !important;
  }

  #main .post-cta .cta-post-title {
    font-size: 24px !important;
    padding: 0 0 20px !important;
  }

.single article.post .post-thumbnail {
    float: none !important;
     width: 100%;
	height: auto;
    margin: 20px auto 20px !important;

}

.ads #adleft {
  float: none;
  margin:0px !important;
}

.ads{
  clear:left;}

#adsbygoogle,#google_ads_frame1,#google_ads_frame2,#aswift_0_expand,#aswift_0_anchor,#google_image_div,.img_ad{
width: 80% !important;
}

.textwidget,#text-3{
text-align: center;
}
 /* 新レッスン */
.post-content h3.lessonkoza{
 clear: both;
 border-left: none;
 padding:0px;
 background:#1070AB;
 margin-top: 15px;
}
.less_ex{
overflow: hidden;
}
.less_ex p.less_left{
float: none;
    width: 100%;
    text-align: center;
}
.less_ex div.less_right{
        float: none;
    width: 100%;
}
.less_ex div.less_right h4{
    background: none;
    padding: 0px;
    margin: 0 0 15px;
}
.less_ex div.less_right p{
    font-size: 14px;
    line-height: 1.8em;
}
.post-content table {

}
.lesrecomend{
clear: both;
border: 9px solid #E9EEF4;
    background: #fff;
    box-sizing: border-box;
    padding: 10px;
}
.lesrecomend h5{
    font-size: 14px;
    margin: 3px 0;
}
.lesrecomend h5 span{
    background: #d1deee;
    padding: 2px 5px;
    color: #333;
letter-spacing: 2px;
}
.lesrecomend ul{
    margin: 15px 5px;
}
.lesrecomend ul li{
    padding-left: 37px;
    background: url(/wp-content/themes/xeory_base/img/lesson/lesson_ulmark.png) no-repeat left top;
    list-style: none;
    /* padding-top: 2px; */
    height: auto;
    font-size: 12px;
    border-bottom: dotted 2px #efefef;
    font-weight: 500;
    letter-spacing: 2px;
    width: 95%;
    padding-bottom: 10px;
}
.lesrecomend ul li span {
    font-size: 14px;
    color: #a41818;
}
.lesbt{
    text-align: center;
    margin: 25px auto 35px !important;
    width: 60%;
}
.voicbox {
    margin: 50px 0px;
    padding: 30px 25px;
    background: url(/wp-content/themes/xeory_base/img/voice_gokaku.gif) bottom right no-repeat;
    border-top: 1px solid #efefef;
    border-left: 1px solid #efefef;
}
	#listcontent ul.liscon02 li.lisnav01 a,
	#listcontent ul.liscon02 li.lisnav02 a,
	#listcontent ul.liscon02 li.lisnav03 a
	#kouzalp #listcontent ul.liscon02 li.lisnav01 a,
	#kouzalp #listcontent ul.liscon02 li.lisnav02 a,
	#kouzalp #listcontent ul.liscon02 li.lisnav03 a{
		        margin: 0px auto 6px !important;
	}

	#kouzalp header {
    /* overflow: hidden; */
    border-top: solid 3px #1070ab;
    background: #fff;
    -webkit-box-shadow: 0px 9px 3px -6px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 9px 3px -6px rgba(0,0,0,0.2);
    position: fixed;
    width: 100%;
		z-index: 999;
		top: 0;
}
#kouzalp header div {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    height: 50px;
}	

#kouzalp header h1 {
    width: 100%;
    float: none;
    text-align: center;
    height: 47px;
}
	#kouzalp header h1 img{
    width: 40%;
}
#kouzalp header ul.headright {
    display: none;
}
#kouzalp .kozamv {
    padding-top:56px;
}
#kouzalp header ul li {
    display: inline-block;
    margin: 6px 5px;
    width: 46%;
}
#kouzalp header ul li img {
    width: 100%;
}
	#kouzalp nav.koza {
    display: none;
}
	#kouzalp nav.koza.kozanavten{
    display: block;
		padding-top: 0px;
}
	#kouzalp nav.koza.kozanavten ul {
     margin: 0 auto;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    height: 58px;
    align-items: center;
		width:100%;
}
	#kouzalp nav.koza.kozanavten ul li a.hei58{
    display: block;
    color: #1070AB;
    padding: 20px 10px;
}

	
	#kouzalp #kozaichiran ul {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
	#kouzalp #kozaichiran ul li {
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
    width: 47%;
    margin: 0Vh 1vw;
}
	#kouzalp #kozaichiran ul li a {
        width: 100%;
    border-bottom: solid 1px #efefef;
    border-top: solid 1px #efefef;
    border-right: solid 1px #efefef;
    border-left: solid 4px #1070ab;
    display: block;
    text-align: center;
    height: 60px;
    font-size: 18px;
    color: #333;
    padding-top: 16px;
    margin: 1Vh;
}
	
	#kouzalp #asktokucho ul {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
		display: inherit;
}
	#kouzalp #asktokucho {
    background: #0078d3;
    padding: 30px 0;
}
#kouzalp #asktokucho ul li {
    width: calc(100% - 20px);
    background: #fff;
    text-align: center;
    padding: 20px;
    margin: 10px;
}
#listcontent,
	#kouzalp #listcontent {
    width: 100%;
    margin: 50px auto;
    padding: 0px 0;
}
	#kouzalp #listcontent ul.liscon01 {
    width: 100%;
    margin: 50px auto;
		display: inherit;
}
	#kouzalp #listcontent ul.liscon01 li {
    display: block;
    margin-right: 16px;
    margin: 1vh 1vw;
		    width: fit-content;
}
	
	#kouzalp #kozainfo div {
    width: 100%;
    margin: 50px auto;
    padding: 23px;
    background: #fcfcf7;
}
	#kouzalp #kozainfo div {
    width: 100%;
    margin: 0px auto;
    background: #fff;
    padding: 25px;
}
	#listcontent ul.liscon02,
	#kouzalp #listcontent ul.liscon02 {
    display: inherit;
    margin-bottom: 10px;
}
	#listcontent ul.liscon02 li,
	#kouzalp #listcontent ul.liscon02 li {
display: inline-block;
    margin: 5px 1vw 0;
    width: calc(100% - 10px);
    overflow: hidden;
}
	#listcontent ul.liscon02 li.lisnav01 a, #kouzalp #listcontent ul.liscon02 li.lisnav01 a {
    text-align: center;
    background: #F03450;
    width: 100%;
    margin: 10px auto !important;
    color: #fff !important;
    padding: 10px;
    display: block;
    box-shadow: 0px 3px #C22056;
    border-radius: 5px;
    overflow: hidden;
}
	#listcontent ul.liscon02 li.lisnav01 a, #kouzalp #listcontent ul.liscon02 li.lisnav01 a {
    text-align: center;
    background: #F03450;
    width: 100%;
    margin: 0px auto 5px !important;
    color: #fff !important;
    padding: 10px;
    display: block;
    box-shadow: 0px 3px #C22056;
    border-radius: 5px;
    overflow: hidden;
}
	#listcontent ul.liscon02 li dl,
	#kouzalp #listcontent ul.liscon02 li dl {
   overflow: hidden;
}
#listcontent ul.liscon02 li dt,
	#kouzalp #listcontent ul.liscon02 li dt {
    margin-bottom: 0px;
    width: 25%;
    float: left;
}
	#kouzalp #listcontent ul.liscon02 li dd {
    width: 75%;
    float: right;
    text-align: left;
    padding: 11px 30px;
}
	#listcontent ul.liscon02 li dd{
    width: 75%;
    float: right;
    text-align: left;
    padding: 11px 15px;
}
	#listcontent div {
    width: 100%;
    margin: 25px auto;
    padding: 23px 15px;
    background: #fcfcf7;
}
		#listcontent div p.spkotel{
text-align: center;
    font-size: 34px;
}
#listcontent ul.liscon02 li.lisnav03 a, #kouzalp #listcontent ul.liscon02 li.lisnav03 a {
    text-align: center;
    background: #0D63B0;
    width: 100%;
    margin: 0px auto 5px !important;
    color: #fff !important;
    padding: 10px;
    display: block;
    box-shadow: 0px 3px #1A5374;
    border-radius: 5px;
	overflow: hidden;
}
#kozainfo {
    padding: 30px 0;
}
	#kouzalp #kozainfo div {
    width: calc(100% - 8px);
    margin: 1vh 1vw;
    background: #fff;
    padding: 25px;
}


#listcontent ul.liscon02 li:first-child {
    width: 52%;
    display: none;
}
#kozaichiran {
    padding: 30px 0;
}
#koza {
    padding: 30px 0;
}
#kozainfo div {
width: calc(100% - 8px);
    margin: 1vh 1vw;
    background: #fff;
    padding: 25px 10px;
}
	#kozainfo div ul li a {
    display: block;
    text-decoration: none;
    padding: 22px 20px 22px 5px;
}
#kozalp h2{
    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    position: relative;
    margin-bottom: 25px;
    text-align: center;
    font-size: 24px;
}
	#listcontent ul.liscon02 li:first-child, #kouzalp #listcontent ul.liscon02 li:first-child {
    width: 52%;
    display: none;
}
	#kouzalp #kozaichiran {
    padding: 30px 0;
}
div.spfix_footer {
    width: 100%;
    /* height: 50px; */
    display: block;
    text-align: center;
    background-color: rgba(0,0,0,0.85);
    position: fixed;
    bottom: 0px;
    z-index: 9999;
}
div.spfix_footer a.contact {
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    behavior: url(border-radius.htc);
    text-align: center;
    background: #E78624;
    width: 180px;
    margin: 5px auto !important;
    color: #fff !important;
    padding: 15px;
    box-shadow: 0px 3px #AA771C;
    border-radius: 5px;
}
div.spfix_footer a.contact img {
    width: 15px;
	margin-right:10px;
}
div.spfix_footer a.about {
font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    behavior: url(border-radius.htc);
    text-align: center;
    background: #0D63B0;
    width: 180px;
    margin: 5px auto !important;
    color: #fff !important;
    padding: 15px;
    box-shadow: 0px 3px #1A5374;
    border-radius: 5px;
}
div.spfix_footer a.about img {
    width: 15px;
	margin-right:10px;
}
	.drawer--right .drawer-hamburger, .drawer--right.drawer-open .drawer-nav, .drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
    right: 0;
    margin-top: 0px;
	display: block;
}
	.drawer-nav {
    position: fixed;
    z-index: 2;
    top: 0;
    overflow: hidden;
    width: 16.25rem;
    height: 100%;
    color: #222;
    background-color: #fff;
    background: rgba(0,0,0,0.7) !important;
    margin-top: 0 !important;
}
	#kouzalp header ul.drawer-menu li {
    background: #fff;
    width: 96% !important;
		    padding: 5px 10px;
}
		#kouzalp header ul.drawer-menu li a{
    color: #333;
			display:block;
}
	#kouzalp header ul.drawer-menu li a i{
    margin-right: 10px;
}
	.drawer-nav {
    position: fixed;
    z-index: 2;
    top: 0;
    overflow: hidden;
    width: 16.25rem;
    height: 100%;
    color: #222;
    background-color: #fff;
    background: rgba(0,0,0,0.7);
}
		.bzb-sns-btn {
    padding: 0;
    margin: 5px 5px;
    font-size: 0;
}
	
#header {
    padding: 5px 0 5px !important;
}
	.wrap .h1box {
    width: 55%;
    border-right: solid 1px #efefef;
}
	#header #logo {
   border-right: none; 


}
#header p.bcatch {
    width: 91%;
    padding: 35px 0px 0px 10px;
    float: none;
    font-size: 9px;
}
.headinfo {
    float: right;
    /* clear: both; */
	    padding-right: 10px;
}
	p.headinfoli {
    display: none;
}
	p.btn {
    width: calc(100% - 3px);
    margin: 0 auto;
}
	.headinfo p.btn a {
    text-align: center;
    background: #E78624;
    width: 100%;
    height: 35px;
    margin: 30px auto 5px !important;
    color: #fff !important;
    padding: 2px;
    display: block;
    box-shadow: 0px 3px #AA771C;
    border-radius: 5px;
}
	.headinfo {
    width: 40%;
}
	.headdenwabox{
		display:none;
	}
	#listcontent div, #kouzalp #listcontent div {
    width: calc(100% - 30px);
    margin: 50px auto;
    padding: 15px 10px;
    background: #fcfcf7;
}
	
	#listcontent div {
    margin: 0;
    width: 100%;
}
	.single_author2 {
    border: 1px solid #000;
    margin: 29px 6px;
    padding: 15px 25px;
    border-radius: 5px;
}
	.cta-post-content.clearfix {
    padding: 5%;
}
	div#kozaheadwrap {
    width: 100%;
    margin: 0 auto;
}
	div#content.lpmt100 {
    padding-top: 50px !important;
}
	
	#listcontent ul.liscon02 li, #kouzalp #listcontent ul.liscon02.lpko li {
    margin: 10px;
    width: 100% !important;
		display: block !important;
}
	#footer .wrap2 {
    width: 100%;
}
	.footer-02 .headinfo2 {
    font-size: 10px;
    width: 100%;
    overflow: hidden;
}
	
/* ----------------------------------------
* retop 20200530
---------------------------------------- */
	section.articlesec {
    padding: 60px 30px;
}
	.topcatbox {
    background: #fff;
    max-width: 1200px;
    margin: 0 auto 50px;
    padding: 30px 15px;
}
	div#newtopcontent {
    padding-top: 60px;
}
	p.bg_pagemvtop {
    width: 100vw;
    height: 38vh;
}
	.pagettlboxtop {
    position: absolute;
    color: #fff;
		top: 35%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
    width: 95%;
    margin: 0 auto;
}
	div#pagemvtop h1 {
    position: relative;
    width: 100%;
    margin: 0 auto 0;
    font-size: 2em;
    padding-bottom: 10px;
    font-weight: bold;
    letter-spacing: 3px;
}
	.pagettlboxtop .subttl {
    font-size: 1.1em;
    line-height: 1.5em;
    font-weight: bold;
    margin-bottom: 1rem;
}
	.pagettlboxtop .subttl span {
    font-size: 1em;
    line-height: 1.5em;
    font-weight: bold;
    margin-bottom: 1rem;
}
	a.topbttrail {
    display: block;
    width: 51%;
    margin: 0 auto;
    text-align: center;
    padding: 10px;
    background: #05aaac;
    border-radius: 5px;
    color: #fff;
    margin-bottom: 50px;
}
	.toposhirasebox ul p.taxlabelnews {
    text-align: center;
    background: #f08600;
    color: #fff;
    padding: 0px 20px;
    font-size: 14px;
    margin-bottom: 10px;
}
	.toposhirasebox ul p {
    display: inline-block;
    margin-right: 9px;
}
	.toposhirasebox ul p.summary {
    display: block;
		    font-size: 14px;
}
	
	a.newsbt {
    display: block;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    padding: 14px;
    background: #05aaac;
    border-radius: 5px;
    color: #fff;
    margin-bottom: 50px;
}
	
	.topcatbox {
    background: #fff;
    max-width: 1200px;
    margin: 0 auto 50px;
    padding: 30px 15px;
}
	section.tcli {
    width: 100%;
    float: none;
    margin: 0 0 42px;
}
	ul.topdownlist {
    max-width: 95%;
    margin: 0 auto 60px;
    display: flex;
    justify-content: space-around;
}
	ul.topdownlist li {
    margin: 2%;
}
	.topnewbox {
    width: 90%;
    margin: 0 auto;
}
	ul.topnewulbox li p.taxlabelnews {
    text-align: center;
    padding: 0px 15px;
    background: #f08600;
    margin-right: 10px;
    margin-bottom: 10px;
    color: #fff;
}
	ul.topnewulbox li p.taxlabelseminerinfo {
    text-align: center;
    padding: 0px 15px;
    background: #1070ab;
    margin-right: 15px;
	margin-bottom: 10px;
    color: #fff;
}
	ul.topnewulbox li p.summary {
    display: block;
}
	p.footlogo {
    left: le;
    float: none;
    width: 100%;
    margin-bottom: 30px;
}
	.footmenu {
    width: 89%;
    float: none;
    overflow: hidden;
    margin: 0 auto;
}
	.footlist{
	 float: left;
    text-align: left;
    width: 48%;
	}
	.footlist:nth-child(1), 
	.footlist:nth-child(2) {

    min-height: 230px;
    margin-bottom: 30px;
}
		.footlist:nth-child(3), 
	.footlist:nth-child(4) {
    margin-bottom: 0px;
}
	.footlist:nth-child(1),
	.footlist:nth-child(3){
    margin-right: 10px;
}
	.swiper-slide {
    margin-bottom: 50px;
    background: #fff;
}
	.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    list-style: none;
    padding: 0;
    z-index: 1;
}
	.swipbox {
    position: relative;
}
	.swiper-button-prev,
.swiper-button-next {
  width: 32px;
  height: 32px;
  margin-top: -16px;
}
.swiper-button-prev {
    background: url(/img/swipe_arrow_left.png) no-repeat center center / contain !important;
}
.swiper-button-prev::after {
    content: "";
}

.swiper-button-next {
    background: url(/img/swipe_arrow_right.png) no-repeat center center / contain !important;
}
.swiper-button-next::after {
    content: "";
}
	p.blogcat {
    border: solid 1px;
    padding: 5px 10px;
    margin: 20px 10px;
    font-size: 13px;
    width: 65%;
    text-align: center;
}
	p.blogcat a {
    color: #555;
}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: -20px !important;
    right: auto;
		position: absolute !important;
}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: -20px !important;
    left: auto;
		position: absolute !important;
}
	ul.headullist a {
    color: #555;
}
	.drawer-menu dt {
    position: relative;
    height: 44px;
    line-height: 44px;
    padding: 0 10px;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    font-size: 16px;
    color: #555;
    cursor: pointer;
}
	ul.drawer-menu dl {
    border-bottom: solid 1px #444;
}
.drawer-menu dt::before {

    content: '';
    position: absolute;
    top: 18px;
    right: 13px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top-color: #1070ab;

}
.drawer-menu .open::before {
    content: '';
    position: absolute;
    top: 10px;
    right: 10px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #fff;
}

.drawer-menu dd ul li {
	list-style: none;
}
.drawer-menu dd ul li a {
	display: block;
	position: relative;
	height: 44px;
	line-height: 44px;
	padding: 0 30px 0 30px;
	background-color: #e1e5f6;
	border-bottom: 1px solid #1070ab;
	font-size: 16px;
	color:#2f4598;
}
.drawer-menu dd ul li a::before {
	content: '';
	position: absolute;
	top: 14px;
	right: 10px;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-left-color: #1070ab;
}
	ul.drawer-menu dl dt.open {
    background: #1070ab;
    color: #fff;
}
	li.spnavi {
    position: relative;
    height: 44px;
    line-height: 44px;
    padding: 0 10px;
    background-color: #fff;
    border-bottom: 1px solid #444;
    font-size: 16px;
    color: #555;
    cursor: pointer;
}
	li.spnavi a{
    color: #555;
    cursor: pointer;
}
		li.spnavi::before {
    content: '';
    position: absolute;
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-left-color: #1070ab;
	}
	/* phone end */
}
/* ----------------------------------------
* カラースキーム 01
---------------------------------------- */
body.color01 {
}
body.color01 body {
  background: #fafafa;
  color: #494D50;
}
body.color01 a {
  color: #1ABB9A;
}
body.color01 form input[type="submit"],
body.color01 form button {
  background: #1ABB9A;
}
body.color01 #header {
  background: #fff;
  border-bottom: 1px solid #ededed;
}
body.color01 #header #logo a {
  color: #494D50;
}
body.color01 #header #header-sns li a {
  color: #ccc;
}
body.color01 #header #header-sns li a:hover {
  color: #34465C;
}
body.color01 #gnav {
  background: #fff;
  border-top: 1px #ededed solid;
  border-bottom: 1px #ededed solid;
}
body.color01 #gnav li.current-menu-item a {
  border-top: 1px #1ABB9A solid;
}
body.color01 #gnav li a {
  border-top: 1px #ededed solid;
  color: #2B2D2D;
  background: #fff;
}
body.color01 #gnav li a:hover {
  color: #2B2D2D;
  border-top: 1px #1ABB9A solid;
}
body.color01 #gnav li .sub-menu li a {
  background: #2b2b2b;
  color: #fff;
  border: none;
}
body.color01 #gnav li .sub-menu li a:hover {
  background: #373B3B;
  color: #fff;
}
body.color01 #content .wp-caption {
  border: 1px solid #ededed;
}
body.color01 .cat-content,
body.color01 article.post,
body.color01 article.page,
body.color01 article.wp101,
body.color01 article.seo101 {
  background: #fff;
  border: 1px #e5e5e5 solid;
}
body.color01 .post-title a {
  color: #494D50;
}
body.color01 .post-title a:hover {
  color: #1ABB9A;
}
body.color01 .post-meta {
  border-top: 1px #ededed solid;
}
body.color01 .post-meta li {
  background: #fff;
}
body.color01 .post-content hr {
  border-bottom: 1px solid #ededed;
}
body.color01 .post-content h2 {
  border-bottom: 1px solid #ededed;
}
body.color01 .post-content h3 {
  border-left: 5px solid #e5e5e5;
}
body.color01 .post-content blockquote {
  border: 1px #e5e5e5 solid;
}
body.color01 .post-content blockquote:before {
  color: #e7e7e7;
}
body.color01 .post-content blockquote cite {
  color: #808080;
}
body.color01 .post-content table {
  border: 1px #ddd solid;
}
body.color01 .post-content table th,
body.color01 .post-content table td {
  border: #ddd solid 1px;
}
body.color01 .post-content table th {
  color: #fff;
}
body.color01 .post-content table thead th {
  background: #5e6265;
}
body.color01 .post-content table tbody th {
  background: #919598;
}
body.color01 .post-content table.table-line table,
body.color01 .post-content table.table-line th,
body.color01 .post-content table.table-line td {
  border-color: #fff;
}
body.color01 .post-content table.table-line th {
  background: transparent;
  color: #494D50;
}
body.color01 .post-content table.table-line thead th {
  background: #5e6265;
  color: #fff;
}
body.color01 .post-content table.table-line tr {
  background: #eee;
}
body.color01 .post-content table.table-line tr:nth-child(2n+1) {
  background: #ddd;
}
body.color01 .post-cta {
  background: #f5f5f5;
  color: #494D50;
  border-top: 3px solid #5e6265;
}
body.color01 .post-cta .cta-post-title {
  border-bottom: 1px solid #e5e5e5;
}
body.color01 .post-cta .post-cta-btn a {
  background: #5ace5f;
  color: #fff;
  border-bottom: 5px solid #38bd3e;
}
body.color01 .post-cta .post-cta-btn a:hover {
  background: #81da85;
  border-bottom: 5px solid #5ace5f;
}
body.color01 .post-cta .btn {
  color: #fff;
  background: #1ABB9A;
}
body.color01 .post-cta .btn:hover {
  background: #BB2C46;
}
body.color01 .post-share {
  border-top: 1px solid #e5e5e5;
}
body.color01 .post-share .post-share-title {
  color: #fff;
  background-color: #57585A;
}
body.color01 .post-share .post-share-list1 a,
body.color01 .post-share .post-share-list2 a,
body.color01 .post-share .post-share-list3 a,
body.color01 .post-share .post-share-list4 a {
  border: 1px #eee solid;
}
body.color01 .post-share .post-share-list1 a:hover,
body.color01 .post-share .post-share-list2 a:hover,
body.color01 .post-share .post-share-list3 a:hover,
body.color01 .post-share .post-share-list4 a:hover {
  text-decoration: none;
  background: #f7f7f7;
}
body.color01 .post-share .post-share-facebook a:hover {
  color: #305097;
}
body.color01 .post-share .post-share-twitter a:hover {
  color: #00aced;
}
body.color01 .post-share .post-share-google a:hover {
  color: #db4a39;
}
body.color01 .post-share .post-share-feedly a:hover {
  color: #2bb24c;
}
body.color01 .post-sns {
  border-top: 1px #eee solid;
}
body.color01 .post-sns ul li {
  border-right: 1px solid #eee;
  color: #929292;
}
body.color01 .post-sns ul li:hover {
  background-color: #f7f7f7;
}
body.color01 .post-sns ul li.post-sns-twitter:hover {
  color: #00ACED;
}
body.color01 .post-sns ul li.post-sns-feedly:hover {
  color: #5ACF5F;
}
body.color01 .post-sns ul li a {
  color: #929292;
}
body.color01 .post-sns ul li.post-sns-twitter a:hover {
  background-color: #00aced;
  color: #fff;
}
body.color01 .post-sns ul li.post-sns-feedly a:hover {
  background-color: #5ACF5F;
  color: #fff;
}
body.color01 .post-author {
  border-top: 1px #eee solid;
  border-bottom: 1px #eee solid;
  color: #494D50;
}
body.color01 .post-author a {
  color: #1ABB9A;
}
body.color01 .comment-list > .comment {
  border-bottom: 1px #eee solid;
}
body.color01 .comment-list .children .comment-body {
  background: #f7f7f7;
}
body.color01 .post-loop-wrap .post-footer {
  border-top: 1px #ededed solid;
}
body.color01 .more-link {
  border: 1px #1ABB9A solid;
  color: #1ABB9A;
}
body.color01 .more-link:hover {
  background: #1ABB9A;
  color: #fff;
}
body.color01 .pagination span, body.color01 .pagination a {
  color: #494D50;
}
body.color01 .pagination a:hover {
  background: #eee;
}
body.color01 .pagination .current {
  background: #eee;
}
body.color01 .side-widget ul li {
  border-bottom: 1px solid #e5e5e5;
}
body.color01 .side-widget a {
  color: #5e6265;
}
body.color01 .side-widget a:hover {
  color: #1ABB9A;
}
body.color01 .side-widget .post-date {
  color: #999999;
}
body.color01 #views-2 ul li span {
  color: #999999;
}
body.color01 .widget_recent_entries a,
body.color01 .widget_archive a,
body.color01 .widget_categories a,
body.color01 .widget_meta a {
  color: #5e6265;
  background: url('lib/images/icont_arw_lit.png?1418372717') left center no-repeat;
}
body.color01 .widget_recent_entries a:hover,
body.color01 .widget_archive a:hover,
body.color01 .widget_categories a:hover,
body.color01 .widget_meta a:hover {
  color: #1ABB9A;
  background: url('lib/images/icon_arw_gry.png?1418372717') left center no-repeat;
}
body.color01 .recentcomments a {
  color: #494D50;
}
body.color01 #side .share-list-wrap {
  background: #fafafa;
}
body.color01 #side .share-list-wrap .post-share-list1 li a,
body.color01 #side .share-list-wrap .post-share-list2 li a,
body.color01 #side .share-list-wrap .post-share-list3 li a,
body.color01 #side .share-list-wrap .post-share-list4 li a {
  background: #fff;
  color: #5e6265;
}
body.color01 #side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover,
body.color01 #side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover,
body.color01 #side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover,
body.color01 #side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover {
  color: #305097;
}
body.color01 #side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover,
body.color01 #side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover,
body.color01 #side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover,
body.color01 #side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover {
  color: #00aced;
}
body.color01 #side .share-list-wrap .post-share-list1 li.post-share-google a:hover,
body.color01 #side .share-list-wrap .post-share-list2 li.post-share-google a:hover,
body.color01 #side .share-list-wrap .post-share-list3 li.post-share-google a:hover,
body.color01 #side .share-list-wrap .post-share-list4 li.post-share-google a:hover {
  color: #db4a39;
}
body.color01 #side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover,
body.color01 #side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover,
body.color01 #side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover,
body.color01 #side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover {
  color: #2bb24c;
}
body.color01 #footer {
  color: #1E252C;
}
body.color01 #footer a {
  color: #1E252C;
}
body.color01 #footer a:hover {
  color: #1ABB9A;
}
body.color01 .footer-01 {

  border-top: 1px #ededed solid;
}
body.color01 .footer-02 {

  border-top: 1px #ededed solid;
}
body.color01 .single-lp .lp-wrap {
  border: 1px solid #ededed;
  background: #fff;
}
body.color01 .single-lp .lp-thumbnail {
  border: 1px #ccc solid;
}
body.color01 .single-lp #lp-header {
  background: #fff;
}
body.color01 .single-lp #lp-header h1 {
  color: #1ABB9A;
  border-bottom: 1px solid #ededed;
}
body.color01 .single-lp .lp-form {
  background: #494c4e;
  color: #fff;
}
body.color01 .single-lp .lp-form input[type=submit],
body.color01 .single-lp .lp-form button {
  background: #5ace5f;
  color: #fff;
  border-bottom: 5px solid #38bd3e;
}
body.color01 .single-lp .lp-form input[type=submit]:hover,
body.color01 .single-lp .lp-form button:hover {
  background: #6ed472;
}

/* color01 end
---------------------------------------- */
/* ----------------------------------------
* カラースキーム 02
---------------------------------------- */
body.color02 {
  /* ----------------------------------------
  * all
  ---------------------------------------- */
  /* form
  ---------------------------------------- */
  /* ----------------------------------------
  * header
  ---------------------------------------- */
  /* ----------------------------------------
  * breadcrumb
  ---------------------------------------- */
  /* ----------------------------------------
  * gloval nav
  ---------------------------------------- */
  /* ----------------------------------------
  * content
  ---------------------------------------- */
  /* ----------------------------------------
  * main
  ---------------------------------------- */
  /* comment
  ---------------------------------------- */
  /* loop
  ---------------------------------------- */
  /* ----------------------------------------
  * pagenation
  ---------------------------------------- */
  /* ----------------------------------------
  * side
  ---------------------------------------- */
  /* comment */
  /* follow */
  /* ----------------------------------------
  * footer
  ---------------------------------------- */
  /* ----------------------------------------
  * LP
  ---------------------------------------- */
}
body.color02 body {
  background: #fafafa;
  color: #656364;
}
body.color02 a {
  color: #FB4343;
}
body.color02 form input[type="submit"],
body.color02 form button {
  background: #FB4343;
}
body.color02 #header {
  background: #fff;
  border-bottom: 1px solid #ededed;
}
body.color02 #header #logo a {
  color: #656364;
}
body.color02 #header #header-sns li a {
  color: #ccc;
}
body.color02 #header #header-sns li a:hover {
  color: #4E4E4E;
}
body.color02 #gnav {
  background: #fff;
  border-top: 1px #ededed solid;
  border-bottom: 1px #ededed solid;
}
body.color02 #gnav li.current-menu-item a {
  border-top: 1px #FB4343 solid;
}
body.color02 #gnav li a {
  border-top: 1px #ededed solid;
  color: #2B2D2D;
  background: #fff;
}
body.color02 #gnav li a:hover {
  color: #2B2D2D;
  border-top: 1px #FB4343 solid;
}
body.color02 #gnav li .sub-menu li a {
  background: #2b2b2b;
  color: #fff;
  border: none;
}
body.color02 #gnav li .sub-menu li a:hover {
  background: #373B3B;
  color: #fff;
}
body.color02 #content .wp-caption {
  border: 1px solid #ededed;
}
body.color02 .cat-content,
body.color02 article.post,
body.color02 article.page,
body.color02 article.wp101,
body.color02 article.seo101 {
  background: #fff;
  border: 1px #e5e5e5 solid;
}
body.color02 .post-title a {
  color: #656364;
}
body.color02 .post-title a:hover {
  color: #FB4343;
}
body.color02 .post-meta {
  border-top: 1px #ededed solid;
}
body.color02 .post-meta li {
  background: #fff;
}
body.color02 .post-content hr {
  border-bottom: 1px solid #ededed;
}
body.color02 .post-content h2 {
  border-bottom: 1px solid #ededed;
}
body.color02 .post-content h3 {
  border-left: 5px solid #e5e5e5;
}
body.color02 .post-content blockquote {
  border: 1px #e5e5e5 solid;
}
body.color02 .post-content blockquote:before {
  color: #e7e7e7;
}
body.color02 .post-content blockquote cite {
  color: #808080;
}
body.color02 .post-content table {
  border: 1px #ddd solid;
}
body.color02 .post-content table th,
body.color02 .post-content table td {
  border: #ddd solid 1px;
}
body.color02 .post-content table th {
  color: #fff;
}
body.color02 .post-content table thead th {
  background: #5e6265;
}
body.color02 .post-content table tbody th {
  background: #919598;
}
body.color02 .post-content table.table-line table,
body.color02 .post-content table.table-line th,
body.color02 .post-content table.table-line td {
  border-color: #fff;
}
body.color02 .post-content table.table-line th {
  background: transparent;
  color: #656364;
}
body.color02 .post-content table.table-line thead th {
  background: #5e6265;
  color: #fff;
}
body.color02 .post-content table.table-line tr {
  background: #eee;
}
body.color02 .post-content table.table-line tr:nth-child(2n+1) {
  background: #ddd;
}
body.color02 .post-cta {
  background: #f5f5f5;
  color: #656364;
  border-top: 3px solid #5e6265;
}
body.color02 .post-cta .cta-post-title {
  border-bottom: 1px solid #e5e5e5;
}
body.color02 .post-cta .post-cta-btn a {
  background: #5ace5f;
  color: #fff;
  border-bottom: 5px solid #38bd3e;
}
body.color02 .post-cta .post-cta-btn a:hover {
  background: #81da85;
  border-bottom: 5px solid #5ace5f;
}
body.color02 .post-cta .btn {
  color: #fff;
  background: #FB4343;
}
body.color02 .post-cta .btn:hover {
  background: #58DADF;
}
body.color02 .post-share {
  border-top: 1px solid #e5e5e5;
}
body.color02 .post-share .post-share-title {
  color: #fff;
  background-color: #57585A;
}
body.color02 .post-share .post-share-list1 a,
body.color02 .post-share .post-share-list2 a,
body.color02 .post-share .post-share-list3 a,
body.color02 .post-share .post-share-list4 a {
  border: 1px #eee solid;
}
body.color02 .post-share .post-share-list1 a:hover,
body.color02 .post-share .post-share-list2 a:hover,
body.color02 .post-share .post-share-list3 a:hover,
body.color02 .post-share .post-share-list4 a:hover {
  text-decoration: none;
  background: #f7f7f7;
}
body.color02 .post-share .post-share-facebook a:hover {
  color: #305097;
}
body.color02 .post-share .post-share-twitter a:hover {
  color: #00aced;
}
body.color02 .post-share .post-share-google a:hover {
  color: #db4a39;
}
body.color02 .post-share .post-share-feedly a:hover {
  color: #2bb24c;
}
body.color02 .post-sns {
  border-top: 1px #eee solid;
}
body.color02 .post-sns ul li {
  border-right: 1px solid #eee;
  color: #929292;
}
body.color02 .post-sns ul li:hover {
  background-color: #f7f7f7;
}
body.color02 .post-sns ul li.post-sns-twitter:hover {
  color: #00ACED;
}
body.color02 .post-sns ul li.post-sns-feedly:hover {
  color: #5ACF5F;
}
body.color02 .post-sns ul li a {
  color: #929292;
}
body.color02 .post-sns ul li.post-sns-twitter a:hover {
  background-color: #00aced;
  color: #fff;
}
body.color02 .post-sns ul li.post-sns-feedly a:hover {
  background-color: #5ACF5F;
  color: #fff;
}
body.color02 .post-author {
  border-top: 1px #eee solid;
  border-bottom: 1px #eee solid;
  color: #656364;
}
body.color02 .post-author a {
  color: #FB4343;
}
body.color02 .comment-list > .comment {
  border-bottom: 1px #eee solid;
}
body.color02 .comment-list .children .comment-body {
  background: #f7f7f7;
}
body.color02 .post-loop-wrap .post-footer {
  border-top: 1px #ededed solid;
}
body.color02 .more-link {
  border: 1px #FB4343 solid;
  color: #FB4343;
}
body.color02 .more-link:hover {
  background: #FB4343;
  color: #fff;
}
body.color02 .pagination span, body.color02 .pagination a {
  color: #656364;
}
body.color02 .pagination a:hover {
  background: #eee;
}
body.color02 .pagination .current {
  background: #eee;
}
body.color02 .side-widget ul li {
  border-bottom: 1px solid #e5e5e5;
}
body.color02 .side-widget a {
  color: #5e6265;
}
body.color02 .side-widget a:hover {
  color: #FB4343;
}
body.color02 .side-widget .post-date {
  color: #999999;
}
body.color02 #views-2 ul li span {
  color: #999999;
}
body.color02 .widget_recent_entries a,
body.color02 .widget_archive a,
body.color02 .widget_categories a,
body.color02 .widget_meta a {
  color: #5e6265;
  background: url('lib/images/icont_arw_lit.png?1418372717') left center no-repeat;
}
body.color02 .widget_recent_entries a:hover,
body.color02 .widget_archive a:hover,
body.color02 .widget_categories a:hover,
body.color02 .widget_meta a:hover {
  color: #FB4343;
  background: url('lib/images/icon_arw_gry.png?1418372717') left center no-repeat;
}
body.color02 .recentcomments a {
  color: #656364;
}
body.color02 #side .share-list-wrap {
  background: #fafafa;
}
body.color02 #side .share-list-wrap .post-share-list1 li a,
body.color02 #side .share-list-wrap .post-share-list2 li a,
body.color02 #side .share-list-wrap .post-share-list3 li a,
body.color02 #side .share-list-wrap .post-share-list4 li a {
  background: #fff;
  color: #5e6265;
}
body.color02 #side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover,
body.color02 #side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover,
body.color02 #side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover,
body.color02 #side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover {
  color: #305097;
}
body.color02 #side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover,
body.color02 #side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover,
body.color02 #side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover,
body.color02 #side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover {
  color: #00aced;
}
body.color02 #side .share-list-wrap .post-share-list1 li.post-share-google a:hover,
body.color02 #side .share-list-wrap .post-share-list2 li.post-share-google a:hover,
body.color02 #side .share-list-wrap .post-share-list3 li.post-share-google a:hover,
body.color02 #side .share-list-wrap .post-share-list4 li.post-share-google a:hover {
  color: #db4a39;
}
body.color02 #side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover,
body.color02 #side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover,
body.color02 #side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover,
body.color02 #side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover {
  color: #2bb24c;
}
body.color02 #footer {
  color: #1E252C;
}
body.color02 #footer a {
  color: #1E252C;
}
body.color02 #footer a:hover {
  color: #FB4343;
}
body.color02 .footer-01 {
  border-top: 1px #ededed solid;
}
body.color02 .footer-02 {
  border-top: 1px #ededed solid;
}
body.color02 .single-lp .lp-wrap {
  border: 1px solid #ededed;
  background: #fff;
}
body.color02 .single-lp .lp-thumbnail {
  border: 1px #ccc solid;
}
body.color02 .single-lp #lp-header {
  background: #fff;
}
body.color02 .single-lp #lp-header h1 {
  color: #FB4343;
  border-bottom: 1px solid #ededed;
}
body.color02 .single-lp .lp-form {
  background: #494c4e;
  color: #fff;
}
body.color02 .single-lp .lp-form input[type=submit],
body.color02 .single-lp .lp-form button {
  background: #5ace5f;
  color: #fff;
  border-bottom: 5px solid #38bd3e;
}
body.color02 .single-lp .lp-form input[type=submit]:hover,
body.color02 .single-lp .lp-form button:hover {
  background: #6ed472;
}

/* color02 end
---------------------------------------- */
/* ----------------------------------------
* カラースキーム 03
---------------------------------------- */
body.color03 {
  /* ----------------------------------------
  * all
  ---------------------------------------- */
  /* form
  ---------------------------------------- */
  /* ----------------------------------------
  * header
  ---------------------------------------- */
  /* ----------------------------------------
  * breadcrumb
  ---------------------------------------- */
  /* ----------------------------------------
  * gloval nav
  ---------------------------------------- */
  /* ----------------------------------------
  * content
  ---------------------------------------- */
  /* ----------------------------------------
  * main
  ---------------------------------------- */
  /* comment
  ---------------------------------------- */
  /* loop
  ---------------------------------------- */
  /* ----------------------------------------
  * pagenation
  ---------------------------------------- */
  /* ----------------------------------------
  * side
  ---------------------------------------- */
  /* comment */
  /* follow */
  /* ----------------------------------------
  * footer
  ---------------------------------------- */
  /* ----------------------------------------
  * LP
  ---------------------------------------- */
}
body.color03 body {
  background: #fafafa;
  color: #444756;
}
body.color03 a {
  color: #F37D3D;
}
body.color03 form input[type="submit"],
body.color03 form button {
  background: #F37D3D;
}
body.color03 #header {
  background: #fff;
  border-bottom: 1px solid #ededed;
}
body.color03 #header #logo a {
  color: #444756;
}
body.color03 #header #header-sns li a {
  color: #ccc;
}
body.color03 #header #header-sns li a:hover {
  color: #21262D;
}
body.color03 #gnav {
  background: #fff;
  border-top: 1px #ededed solid;
  border-bottom: 1px #ededed solid;
}
body.color03 #gnav li.current-menu-item a {
  border-top: 1px #F37D3D solid;
}
body.color03 #gnav li a {
  border-top: 1px #ededed solid;
  color: #2B2D2D;
  background: #fff;
}
body.color03 #gnav li a:hover {
  color: #2B2D2D;
  border-top: 1px #F37D3D solid;
}
body.color03 #gnav li .sub-menu li a {
  background: #2b2b2b;
  color: #fff;
  border: none;
}
body.color03 #gnav li .sub-menu li a:hover {
  background: #373B3B;
  color: #fff;
}
body.color03 #content .wp-caption {
  border: 1px solid #ededed;
}
body.color03 .cat-content,
body.color03 article.post,
body.color03 article.page,
body.color03 article.wp101,
body.color03 article.seo101 {
  background: #fff;
  border: 1px #e5e5e5 solid;
}
body.color03 .post-title a {
  color: #444756;
}
body.color03 .post-title a:hover {
  color: #F37D3D;
}
body.color03 .post-meta {
  border-top: 1px #ededed solid;
}
body.color03 .post-meta li {
  background: #fff;
}
body.color03 .post-content hr {
  border-bottom: 1px solid #ededed;
}
body.color03 .post-content h2 {
  border-bottom: 1px solid #ededed;
}
body.color03 .post-content h3 {
  border-left: 5px solid #e5e5e5;
}
body.color03 .post-content blockquote {
  border: 1px #e5e5e5 solid;
}
body.color03 .post-content blockquote:before {
  color: #e7e7e7;
}
body.color03 .post-content blockquote cite {
  color: #808080;
}
body.color03 .post-content table {
  border: 1px #ddd solid;
}
body.color03 .post-content table th,
body.color03 .post-content table td {
  border: #ddd solid 1px;
}
body.color03 .post-content table th {
  color: #fff;
}
body.color03 .post-content table thead th {
  background: #5e6265;
}
body.color03 .post-content table tbody th {
  background: #919598;
}
body.color03 .post-content table.table-line table,
body.color03 .post-content table.table-line th,
body.color03 .post-content table.table-line td {
  border-color: #fff;
}
body.color03 .post-content table.table-line th {
  background: transparent;
  color: #444756;
}
body.color03 .post-content table.table-line thead th {
  background: #5e6265;
  color: #fff;
}
body.color03 .post-content table.table-line tr {
  background: #eee;
}
body.color03 .post-content table.table-line tr:nth-child(2n+1) {
  background: #ddd;
}
body.color03 .post-cta {
  background: #f5f5f5;
  color: #444756;
  border-top: 3px solid #5e6265;
}
body.color03 .post-cta .cta-post-title {
  border-bottom: 1px solid #e5e5e5;
}
body.color03 .post-cta .post-cta-btn a {
  background: #5ace5f;
  color: #fff;
  border-bottom: 5px solid #38bd3e;
}
body.color03 .post-cta .post-cta-btn a:hover {
  background: #81da85;
  border-bottom: 5px solid #5ace5f;
}
body.color03 .post-cta .btn {
  color: #fff;
  background: #F37D3D;
}
body.color03 .post-cta .btn:hover {
  background: #23B0F3;
}
body.color03 .post-share {
  border-top: 1px solid #e5e5e5;
}
body.color03 .post-share .post-share-title {
  color: #fff;
  background-color: #57585A;
}
body.color03 .post-share .post-share-list1 a,
body.color03 .post-share .post-share-list2 a,
body.color03 .post-share .post-share-list3 a,
body.color03 .post-share .post-share-list4 a {
  border: 1px #eee solid;
}
body.color03 .post-share .post-share-list1 a:hover,
body.color03 .post-share .post-share-list2 a:hover,
body.color03 .post-share .post-share-list3 a:hover,
body.color03 .post-share .post-share-list4 a:hover {
  text-decoration: none;
  background: #f7f7f7;
}
body.color03 .post-share .post-share-facebook a:hover {
  color: #305097;
}
body.color03 .post-share .post-share-twitter a:hover {
  color: #00aced;
}
body.color03 .post-share .post-share-google a:hover {
  color: #db4a39;
}
body.color03 .post-share .post-share-feedly a:hover {
  color: #2bb24c;
}
body.color03 .post-sns {
  border-top: 1px #eee solid;
}
body.color03 .post-sns ul li {
  border-right: 1px solid #eee;
  color: #929292;
}
body.color03 .post-sns ul li:hover {
  background-color: #f7f7f7;
}
body.color03 .post-sns ul li.post-sns-twitter:hover {
  color: #00ACED;
}
body.color03 .post-sns ul li.post-sns-feedly:hover {
  color: #5ACF5F;
}
body.color03 .post-sns ul li a {
  color: #929292;
}
body.color03 .post-sns ul li.post-sns-twitter a:hover {
  background-color: #00aced;
  color: #fff;
}
body.color03 .post-sns ul li.post-sns-feedly a:hover {
  background-color: #5ACF5F;
  color: #fff;
}
body.color03 .post-author {
  border-top: 1px #eee solid;
  border-bottom: 1px #eee solid;
  color: #444756;
}
body.color03 .post-author a {
  color: #F37D3D;
}
body.color03 .comment-list > .comment {
  border-bottom: 1px #eee solid;
}
body.color03 .comment-list .children .comment-body {
  background: #f7f7f7;
}
body.color03 .post-loop-wrap .post-footer {
  border-top: 1px #ededed solid;
}
body.color03 .more-link {
  border: 1px #F37D3D solid;
  color: #F37D3D;
}
body.color03 .more-link:hover {
  background: #F37D3D;
  color: #fff;
}
body.color03 .pagination span, body.color03 .pagination a {
  color: #444756;
}
body.color03 .pagination a:hover {
  background: #eee;
}
body.color03 .pagination .current {
  background: #eee;
}
body.color03 .side-widget ul li {
  border-bottom: 1px solid #e5e5e5;
}
body.color03 .side-widget a {
  color: #5e6265;
}
body.color03 .side-widget a:hover {
  color: #F37D3D;
}
body.color03 .side-widget .post-date {
  color: #999999;
}
body.color03 #views-2 ul li span {
  color: #999999;
}
body.color03 .widget_recent_entries a,
body.color03 .widget_archive a,
body.color03 .widget_categories a,
body.color03 .widget_meta a {
  color: #5e6265;
  background: url('lib/images/icont_arw_lit.png?1418372717') left center no-repeat;
}
body.color03 .widget_recent_entries a:hover,
body.color03 .widget_archive a:hover,
body.color03 .widget_categories a:hover,
body.color03 .widget_meta a:hover {
  color: #F37D3D;
  background: url('lib/images/icon_arw_gry.png?1418372717') left center no-repeat;
}
body.color03 .recentcomments a {
  color: #444756;
}
body.color03 #side .share-list-wrap {
  background: #fafafa;
}
body.color03 #side .share-list-wrap .post-share-list1 li a,
body.color03 #side .share-list-wrap .post-share-list2 li a,
body.color03 #side .share-list-wrap .post-share-list3 li a,
body.color03 #side .share-list-wrap .post-share-list4 li a {
  background: #fff;
  color: #5e6265;
}
body.color03 #side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover,
body.color03 #side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover,
body.color03 #side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover,
body.color03 #side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover {
  color: #305097;
}
body.color03 #side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover,
body.color03 #side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover,
body.color03 #side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover,
body.color03 #side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover {
  color: #00aced;
}
body.color03 #side .share-list-wrap .post-share-list1 li.post-share-google a:hover,
body.color03 #side .share-list-wrap .post-share-list2 li.post-share-google a:hover,
body.color03 #side .share-list-wrap .post-share-list3 li.post-share-google a:hover,
body.color03 #side .share-list-wrap .post-share-list4 li.post-share-google a:hover {
  color: #db4a39;
}
body.color03 #side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover,
body.color03 #side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover,
body.color03 #side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover,
body.color03 #side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover {
  color: #2bb24c;
}
body.color03 #footer {
  color: #1E252C;
}
body.color03 #footer a {
  color: #1E252C;
}
body.color03 #footer a:hover {
  color: #F37D3D;
}
body.color03 .footer-01 {
  border-top: 1px #ededed solid;
}
body.color03 .footer-02 {

  border-top: 1px #ededed solid;
}
body.color03 .single-lp .lp-wrap {
  border: 1px solid #ededed;
  background: #fff;
}
body.color03 .single-lp .lp-thumbnail {
  border: 1px #ccc solid;
}
body.color03 .single-lp #lp-header {
  background: #fff;
}
body.color03 .single-lp #lp-header h1 {
  color: #F37D3D;
  border-bottom: 1px solid #ededed;
}
body.color03 .single-lp .lp-form {
  background: #494c4e;
  color: #fff;
}
body.color03 .single-lp .lp-form input[type=submit],
body.color03 .single-lp .lp-form button {
  background: #5ace5f;
  color: #fff;
  border-bottom: 5px solid #38bd3e;
}
body.color03 .single-lp .lp-form input[type=submit]:hover,
body.color03 .single-lp .lp-form button:hover {
  background: #6ed472;
}

/* color03 end
---------------------------------------- */
/* ----------------------------------------
* カラースキーム 04
---------------------------------------- */
body.color04 {
  /* ----------------------------------------
  * all
  ---------------------------------------- */
  /* form
  ---------------------------------------- */
  /* ----------------------------------------
  * header
  ---------------------------------------- */
  /* ----------------------------------------
  * breadcrumb
  ---------------------------------------- */
  /* ----------------------------------------
  * gloval nav
  ---------------------------------------- */
  /* ----------------------------------------
  * content
  ---------------------------------------- */
  /* ----------------------------------------
  * main
  ---------------------------------------- */
  /* comment
  ---------------------------------------- */
  /* loop
  ---------------------------------------- */
  /* ----------------------------------------
  * pagenation
  ---------------------------------------- */
  /* ----------------------------------------
  * side
  ---------------------------------------- */
  /* comment */
  /* follow */
  /* ----------------------------------------
  * footer
  ---------------------------------------- */
  /* ----------------------------------------
  * LP
  ---------------------------------------- */
}
body.color04 body {
  background: #fafafa;
  color: #474747;
}
body.color04 a {
  color: #F6706F;
}
body.color04 form input[type="submit"],
body.color04 form button {
  background: #F6706F;
}
body.color04 #header {
  background: #fff;
  border-bottom: 1px solid #ededed;
}
body.color04 #header #logo a {
  color: #474747;
}
body.color04 #header #header-sns li a {
  color: #ccc;
}
body.color04 #header #header-sns li a:hover {
  color: #34465C;
}
body.color04 #gnav {
  background: #fff;
  border-top: 1px #ededed solid;
  border-bottom: 1px #ededed solid;
}
body.color04 #gnav li.current-menu-item a {
  border-top: 1px #F6706F solid;
}
body.color04 #gnav li a {
  border-top: 1px #ededed solid;
  color: #2B2D2D;
  background: #fff;
}
body.color04 #gnav li a:hover {
  color: #2B2D2D;
  border-top: 1px #F6706F solid;
}
body.color04 #gnav li .sub-menu li a {
  background: #2b2b2b;
  color: #fff;
  border: none;
}
body.color04 #gnav li .sub-menu li a:hover {
  background: #373B3B;
  color: #fff;
}
body.color04 #content .wp-caption {
  border: 1px solid #ededed;
}
body.color04 .cat-content,
body.color04 article.post,
body.color04 article.page,
body.color04 article.wp101,
body.color04 article.seo101 {
  background: #fff;
  border: 1px #e5e5e5 solid;
}
body.color04 .post-title a {
  color: #474747;
}
body.color04 .post-title a:hover {
  color: #F6706F;
}
body.color04 .post-meta {
  border-top: 1px #ededed solid;
}
body.color04 .post-meta li {
  background: #fff;
}
body.color04 .post-content hr {
  border-bottom: 1px solid #ededed;
}
body.color04 .post-content h2 {
  border-bottom: 1px solid #ededed;
}
body.color04 .post-content h3 {
  border-left: 5px solid #e5e5e5;
}
body.color04 .post-content blockquote {
  border: 1px #e5e5e5 solid;
}
body.color04 .post-content blockquote:before {
  color: #e7e7e7;
}
body.color04 .post-content blockquote cite {
  color: #808080;
}
body.color04 .post-content table {
  border: 1px #ddd solid;
}
body.color04 .post-content table th,
body.color04 .post-content table td {
  border: #ddd solid 1px;
}
body.color04 .post-content table th {
  color: #fff;
}
body.color04 .post-content table thead th {
  background: #5e6265;
}
body.color04 .post-content table tbody th {
  background: #919598;
}
body.color04 .post-content table.table-line table,
body.color04 .post-content table.table-line th,
body.color04 .post-content table.table-line td {
  border-color: #fff;
}
body.color04 .post-content table.table-line th {
  background: transparent;
  color: #474747;
}
body.color04 .post-content table.table-line thead th {
  background: #5e6265;
  color: #fff;
}
body.color04 .post-content table.table-line tr {
  background: #eee;
}
body.color04 .post-content table.table-line tr:nth-child(2n+1) {
  background: #ddd;
}
body.color04 .post-cta {
  background: #f5f5f5;
  color: #474747;
  border-top: 3px solid #5e6265;
}
body.color04 .post-cta .cta-post-title {
  border-bottom: 1px solid #e5e5e5;
}
body.color04 .post-cta .post-cta-btn a {
  background: #5ace5f;
  color: #fff;
  border-bottom: 5px solid #38bd3e;
}
body.color04 .post-cta .post-cta-btn a:hover {
  background: #81da85;
  border-bottom: 5px solid #5ace5f;
}
body.color04 .post-cta .btn {
  color: #fff;
  background: #F6706F;
}
body.color04 .post-cta .btn:hover {
  background: #5EE1E1;
}
body.color04 .post-share {
  border-top: 1px solid #e5e5e5;
}
body.color04 .post-share .post-share-title {
  color: #fff;
  background-color: #57585A;
}
body.color04 .post-share .post-share-list1 a,
body.color04 .post-share .post-share-list2 a,
body.color04 .post-share .post-share-list3 a,
body.color04 .post-share .post-share-list4 a {
  border: 1px #eee solid;
}
body.color04 .post-share .post-share-list1 a:hover,
body.color04 .post-share .post-share-list2 a:hover,
body.color04 .post-share .post-share-list3 a:hover,
body.color04 .post-share .post-share-list4 a:hover {
  text-decoration: none;
  background: #f7f7f7;
}
body.color04 .post-share .post-share-facebook a:hover {
  color: #305097;
}
body.color04 .post-share .post-share-twitter a:hover {
  color: #00aced;
}
body.color04 .post-share .post-share-google a:hover {
  color: #db4a39;
}
body.color04 .post-share .post-share-feedly a:hover {
  color: #2bb24c;
}
body.color04 .post-sns {
  border-top: 1px #eee solid;
}
body.color04 .post-sns ul li {
  border-right: 1px solid #eee;
  color: #929292;
}
body.color04 .post-sns ul li:hover {
  background-color: #f7f7f7;
}
body.color04 .post-sns ul li.post-sns-twitter:hover {
  color: #00ACED;
}
body.color04 .post-sns ul li.post-sns-feedly:hover {
  color: #5ACF5F;
}
body.color04 .post-sns ul li a {
  color: #929292;
}
body.color04 .post-sns ul li.post-sns-twitter a:hover {
  background-color: #00aced;
  color: #fff;
}
body.color04 .post-sns ul li.post-sns-feedly a:hover {
  background-color: #5ACF5F;
  color: #fff;
}
body.color04 .post-author {
  border-top: 1px #eee solid;
  border-bottom: 1px #eee solid;
  color: #474747;
}
body.color04 .post-author a {
  color: #F6706F;
}
body.color04 .comment-list > .comment {
  border-bottom: 1px #eee solid;
}
body.color04 .comment-list .children .comment-body {
  background: #f7f7f7;
}
body.color04 .post-loop-wrap .post-footer {
  border-top: 1px #ededed solid;
}
body.color04 .more-link {
  border: 1px #F6706F solid;
  color: #F6706F;
}
body.color04 .more-link:hover {
  background: #F6706F;
  color: #fff;
}
body.color04 .pagination span, body.color04 .pagination a {
  color: #474747;
}
body.color04 .pagination a:hover {
  background: #eee;
}
body.color04 .pagination .current {
  background: #eee;
}
body.color04 .side-widget ul li {
  border-bottom: 1px solid #e5e5e5;
}
body.color04 .side-widget a {
  color: #5e6265;
}
body.color04 .side-widget a:hover {
  color: #F6706F;
}
body.color04 .side-widget .post-date {
  color: #999999;
}
body.color04 #views-2 ul li span {
  color: #999999;
}
body.color04 .widget_recent_entries a,
body.color04 .widget_archive a,
body.color04 .widget_categories a,
body.color04 .widget_meta a {
  color: #5e6265;
  background: url('lib/images/icont_arw_lit.png?1418372717') left center no-repeat;
}
body.color04 .widget_recent_entries a:hover,
body.color04 .widget_archive a:hover,
body.color04 .widget_categories a:hover,
body.color04 .widget_meta a:hover {
  color: #F6706F;
  background: url('lib/images/icon_arw_gry.png?1418372717') left center no-repeat;
}
body.color04 .recentcomments a {
  color: #474747;
}
body.color04 #side .share-list-wrap {
  background: #fafafa;
}
body.color04 #side .share-list-wrap .post-share-list1 li a,
body.color04 #side .share-list-wrap .post-share-list2 li a,
body.color04 #side .share-list-wrap .post-share-list3 li a,
body.color04 #side .share-list-wrap .post-share-list4 li a {
  background: #fff;
  color: #5e6265;
}
body.color04 #side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover,
body.color04 #side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover,
body.color04 #side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover,
body.color04 #side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover {
  color: #305097;
}
body.color04 #side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover,
body.color04 #side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover,
body.color04 #side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover,
body.color04 #side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover {
  color: #00aced;
}
body.color04 #side .share-list-wrap .post-share-list1 li.post-share-google a:hover,
body.color04 #side .share-list-wrap .post-share-list2 li.post-share-google a:hover,
body.color04 #side .share-list-wrap .post-share-list3 li.post-share-google a:hover,
body.color04 #side .share-list-wrap .post-share-list4 li.post-share-google a:hover {
  color: #db4a39;
}
body.color04 #side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover,
body.color04 #side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover,
body.color04 #side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover,
body.color04 #side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover {
  color: #2bb24c;
}
body.color04 #footer {
  color: #1E252C;
}
body.color04 #footer a {
  color: #1E252C;
}
body.color04 #footer a:hover {
  color: #F6706F;
}
body.color04 .footer-01 {
  background: #fff;
  border-top: 1px #ededed solid;
}
body.color04 .footer-02 {
  background: #fff;
  border-top: 1px #ededed solid;
}
body.color04 .single-lp .lp-wrap {
  border: 1px solid #ededed;
  background: #fff;
}
body.color04 .single-lp .lp-thumbnail {
  border: 1px #ccc solid;
}
body.color04 .single-lp #lp-header {
  background: #fff;
}
body.color04 .single-lp #lp-header h1 {
  color: #F6706F;
  border-bottom: 1px solid #ededed;
}
body.color04 .single-lp .lp-form {
  background: #494c4e;
  color: #fff;
}
body.color04 .single-lp .lp-form input[type=submit],
body.color04 .single-lp .lp-form button {
  background: #5ace5f;
  color: #fff;
  border-bottom: 5px solid #38bd3e;
}
body.color04 .single-lp .lp-form input[type=submit]:hover,
body.color04 .single-lp .lp-form button:hover {
  background: #6ed472;
}

/* color04 end
---------------------------------------- */


/*ライター募集*/
#writer table , td, th {
	border: 1px solid #595959;
	border-collapse: collapse;
}
#writer th {
	padding: 20px;
	width: 150px;
	height: 25px;
}

#writer td {
	padding:20px;
	width: 650px;
	height: 25px;
}



#writer th {
        color:#333;
	background: #F2F2F2;
}

/*講座ページ*/
.asterisk {
	margin: 0 0.1em;
	color: #f5637a;
}

#lesson .button p{
	margin:20px auto;
}

#lesson .button a{
	background:#F87B08;
	color:#fff;
	border-radius:6px;
	padding:18px 40px;}

#lesson .sentence{
	float:left;
	width:390px;
	margin-right:10px;}

#lesson .room{
	overflow:hidden;}

#lesson .recommend{
	background-color:#f4f4f4;
	padding:20px;
	margin-top:15px;}

/**ボックスデザイン**/

.frame{
    padding: 2em 1em;
    margin: 2em 0;
    color: #000;/*文字色*/
    background: #fff;
    border: solid 2px #1070AB;/*線*/
    border-radius: 7px;/*角の丸み*/
}

.pointbox {
    margin: 2em 0;
    background: #f9f9f9;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.pointbox .box-title {
    font-size: 1.2em;
    background: #1070AB;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.pointbox p {
    padding: 15px 20px;
    margin: 0;
}


.stripe{
    padding: 0.5em 1em;
    margin: 2em 0;
    background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}
.stripe p {
    margin: 0; 
    padding: 0;
}

.stripe-red{
	    padding: 0.5em 1em;
    margin: 2em 0;
background-color: #FCE4E4;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #FFEFEF), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #FFEFEF),color-stop(.75, #FFEFEF), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 7px 7px;
}

.stripe-yellow p {
    margin: 0; 
    padding: 0;
}

.label {
    position: relative;
    margin: 3em 0;
    padding: 0.5em 1em;
    border: solid 2px #1070AB;
}
.label .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #1070AB;
    color: #ffffff;
    font-weight: bold;
    border-radius: 3px 3px 0 0;
}
.label p {
    margin: 0; 
    padding: 0;
}

.kanren {
    position: relative;
    margin: 2em 0;
    padding: 1.5em;
    border: solid 2px #000;
    border-radius: 8px;
}
.kanren .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #1070AB;
    font-weight: bold;
}
.kanren p {
    margin: 0; 
    padding: 0;
}

.post-content .emphasis{
  font-weight:bold;
  background: linear-gradient(transparent 70%, #ff6 70%);
}
@media screen and (max-width: 991px) {
	  /* tablet */
	}
@media screen and (max-width: 767px) {
	
	.drawer-hamburger:hover {
    cursor: pointer;
    background-color: #1070ab;
}
	.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
    width: 100%;
    height: 2px;
    -webkit-transition: all .6s cubic-bezier(.19,1,.22,1);
    transition: all .6s cubic-bezier(.19,1,.22,1);
    background-color: #fff;
}
	.drawer-hamburger {
    position: fixed;
    z-index: 4;
    top: 0;
    display: block;
    box-sizing: content-box;
    width: 2rem;
    padding: 0;
    padding: 18px .75rem 30px;
    -webkit-transition: all .6s cubic-bezier(.19,1,.22,1);
    transition: all .6s cubic-bezier(.19,1,.22,1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border: 0;
    outline: 0;
    background-color: transparent;
    background: #1070ab;
}
	.drawer--top.drawer-open .drawer-nav {
    top: 60px;
}
.drawer--top .drawer-nav {
    top: -100%;
    left: 0;
    width: 100%;
    height: auto;
    max-height: 100%;
    -webkit-transition: top .6s cubic-bezier(.19,1,.22,1);
    transition: top .6s cubic-bezier(.19,1,.22,1);
    background: #fff !important;
	    z-index: 1000;
}
	header#newheader {
background: #fff;
    position: fixed;
    width: 100%;
    z-index: 999;
}
header#newheader h1 {
    font-size: 18px;
    margin: 0;
    /* clear: both; */
    width: 40%;
    float: left;
    padding-top: 3px;
}
	ul.headullist {
    position: absolute;
}
	ul.headullist li {
    border-left: solid 2px #ccc;
    display: inline-block;
    text-align: center;
}
	ul.headullist li {
border-left: solid 2px #ccc;
    display: inline-block;
    text-align: center;
    padding: 4px;
    font-size: 12px;
    width: 60px;
    line-height: 1.2em;
}
	ul.headullist {
    position: absolute;
    top: 0;
    right: 60px;
}
	.drawer-overlay {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0);
}
	ul.headullist li img {
    width: 50%;
}
  /* phone */

}


.red{
	color:#e1180d;
	font-weight:bold;
}

.blue{
	color:#005dc3;
	font-weight:bold;
}

.attention {
    padding: 1em 1.5em;
    margin: 2em 0;
    border: solid 2px #000000;/*線*/
}
.attention p {
    margin: 0; 
    padding: 0;
}

.accord-box {
    padding: 25px;
    margin-bottom: 50px;
}
.accord-box.ao {
    background: #F4F7FC;
}
.accord-box.aka {
    background: #ffe8e6;
}
p.ac-button {
    text-align: right;
}

	.post-content  .kimetab table th,
.post-content  .kimetab table td {
    font-size: 12px;
		padding: 8px 4px;
}
.post-content .kimetab table {
    white-space: inherit;
    overflow-x: inherit;
}