@charset "UTF-8";
/*
Theme Name:	XeoryExtension Child
Template:	xeory_extension
Theme URI: http://xeory.jp/extension
Description: Xeory拡張テーマ
Author: バズ部
Author URI: http://bazubu.com/
Version: 0.2.1
Text Domain: xeory_extension
*/

body {
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  overflow-wrap: break-word;
  word-break: normal;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	font-family:inherit; 
	font-weight:normal;
}

body.home #main_visual{
background-image: url(https://www.codexa.net/wp-content/uploads/2017/11/photo-1454165804606-c3d57bc86b40.jpg);
background-size: cover;
min-height: 100%;

}
.cfix:after {
  content: "";
  clear: both;
  display: block;
}
.left{float:left;}
.right{float:right;}
.nomal-box{
	background:#e9edeb;
    	padding: 30px;
    	border-radius: 8px;
}
.mg-t0{margin-top:0;}

body.home .front-loop{
   /*border:none;*/
}
body.home #front-contact{
background: #ccc;
}

#header{
	background: #fff;
}
#gnav{
	background: #031731;
}
#gnav ul li a{
	padding: 36px 20px;
  	background: #031731;
}
#gnav ul li.current-menu-item a {
 	background: #1EAA39;
}
#gnav ul li a:hover {
    background: #1EAA39;
}
body.home #content{
	padding:0;
}
body.home .front-loop{
    border:none;
    margin-bottom: 0px; 
	background:none;
}
body.home .front-loop article.post{
	background:none;
}

body.home .front-loop .popular_post_box .p_category{
	background: #031731;
	padding: 5px 24px;
}
body.home .front-loop h2{
	padding:8% 0 2% ;
}
body.home .front-loop h2.news_recently{
	padding:2% 0%;
}

body.home #front-contents .c_number{
	    background: #EC6941;
}
body.home #front-contents h3{
	    color: #3B4552;
}
body.home #front-service .front-service-inner h3{
	font-size: 180%;
    padding: 0 3%;
	line-height:1.4;
	color: #fff;
}
body.home #front-service .front-service-inner h3 span{
	font-size:55%;
}
body.home .front-main-cont .front-cont-header{
background: #031731;
    /*color: #3B4552;*/
}
body.home .front-main-cont .tri-border span{
border-top: 18px solid #031731;
}
body.home #front-service{
	background: #fff;
}
body.home #front-service .front-service-inner{
	margin-left:0;
	text-align: center;
	margin-top: 5%;
}
body.home #front-service .front-service-inner .c_text .c_btn a{
background: #ccc;
text-shadow:none;
}
body.home #front-contact .c_box_inner input[type=submit], body.home #front-contact .c_box_inner button{
background: #EC6941;
}
body.home #front-company dl#front-company-1 dt{
border-top: 2px solid #EC6941;
}
body.home #front-contents .c_text .c_btn a{
	background: #ccc;
    text-shadow:none;
}
#main_visual{height:500px !important;}
body.home #main_visual h2,body.home #main_visual p{text-shadow: 2px 2px 3px #808080 !important;}

body.home #front-service h3 {
  display: inline-block;
  transition: .3s;
  -webkit-transform: scale(1);
  transform: scale(1);
}
body.home #front-service h3:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

body.home #front-service .front-service-inner .c_box{
	padding-top:1%;
	width: 29.3%;
	margin:2%;
	background:#1EAA39;
	border-radius: 5px;
}
body.home #front-service .front-service-inner  .c_box p{
	    padding: 2% 6%;
	font-size:90%;
	text-align:left;
	color:#fff;
}



/******コースLP-CSS******/
#content.course-lp{
padding:0;
}
#content.course-lp .wrap{
	padding:52px 0;
}
.top_box{
background:#031731;
color:#fff;
padding:0 3%;
}
.title_box{
    margin: 0 auto;
    
}
.title_box p span.hoshi{
color: #FDE74C;
}

table.try-table{
    width: 100%;
	border:none;
	text-align:center;
	margin-bottom: 2%;
}
table.try-table td{
	border: none;
    font-size: 120%;
    font-weight: bold;
    width: 50%;
    padding-left: 5%;
}
.sevendays_btn,threedays_btn{
	text-align: center;
    line-height: 2.5;
    margin-bottom: 2%;
   
}
.sevendays_btn a,threedays_btn a {
	color:#fff;
	text-decoration:none;
	display: block;
	background: #1EAA39;
	border-radius: 8px;
	font-size: 180%;
    font-weight: bold;
	
}
.sevendays_btn a:hover,threedays_btn a:hover{
	text-decoration:none;
	opacity:0.6;
	
}

.nomal-box ul{
margin:0;
}
.nomal-box p{
margin-bottom:10px;
font-size: 120%;
font-weight: bold;
}
table.details-table{
width:100%;
}
table.details-table tr th {
 background: #031731;

}
table.details-table tr td{
	padding: 5px 13px;
}
table.details-table td.icon{
text-align: center;
width: 10%;
}
table.details-table tr.even td {
    background: #efefef;
}
.review_box{
padding:3%;
background:#efefef;
}
.review_box p.review{
padding:2% 3% 3%;
background:#fff;
}
.review_box p.review_answer{
padding:2% 3% 3%;
background:#fefdcb;
position: relative;
	display: inline-block;
 	margin: 1.5em 0;
}
.review_box p.review_answer:before{
	content: "";
	position: absolute;
	top: -30px;
	left: 10%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-bottom: 15px solid #fefdcb;
}
.teacher_phot,.lecturer p{
	float:left;
}
.teacher_phot{
	width:20%;
}
.lecturer p{
	padding-left:5%;
	width:80%;}

.recommended .reco{
	width: 30%;
    float: left;
    margin: 1.6%;
}

.side-widget .inside_box{
padding:0% 0% 8%;
}

.course-lp #side .side-widget h4{
margin:0 0 5%;
}
.course-lp p.other-course{
margin-bottom: 5% !important;
padding:2%;
background:#e6fecb;
font-weight: bold!important;
	text-align:center;


}


/***もっと見るグラデーション***/
.accordion-box {
    position: relative;
}
.accordion-box label {
    height: 250px; /* グラデーションの高さ */
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    width: 100%;

    /* 以下グラデーションは「背景が白」に併せて設定しています */ 
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
}
.accordion-box input:checked + label {
    background: inherit; /* 開いた時には背景グラデーションを消す */
}
.accordion-box label:after {
    content: "続きをよむ"; /* ラベルの文字 */
    letter-spacing: .05em;
    line-height: 2.5rem;
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    color: #fff;
    background-color: #ccc;
    width: 18.75rem;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.accordion-box label:before {
    content: "↓";
    font-weight: 700;
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
    background-color: #fff;
    z-index: 1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    line-height: 20px;
}
.accordion-box input {
    display: none;
}
.accordion-box .accordion-container {
    overflow: hidden;
    height: 400px; /* 開く前に見えている部分の高さ */
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}


.accordion-box input:checked + label {
    /* display: none ; 閉じるボタンは要らないとき */
}
.accordion-box input:checked + label:after {
    content: "閉じる";
}
.accordion-box input:checked + label:before {
    content: "↑";
}
.accordion-box input:checked ~ .accordion-container {
    height: auto;
    padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}
/*.post-content .accordion-box h3{
margin-top:0;
}*/

/***もっと見るグラデーションここまで***/

/***FAQページ***/

.su-heading-inner{
     padding:0.3em 0em 0.5em 0em !important;
    border:none !important;
} 
.su-heading-style-default{
  	padding: 0  !important;
  	border-top:none  !important;
   border-bottom: 2px solid #3B4552 !important;
	margin-bottom: 25px !important;
}
.su-divider{
	margin: 15px 0 30px !important;
}


/***** デフォルト左右の調整****/
#main,#side{padding:0;}
.wrap:before{display:none;}
.breadcrumb{margin-left:0;}

/***Footerページ***/
#footer-cont-sns ul{
	text-align:center;
}
#footer-cont-sns ul li{
	display:inline-block;
	margin:1% 1%;
}
#footer-cont-course li a {
    padding: 8px 12px 8px 14px;
    display: inline-block;
}
#footer-cont-course li{
	position:relative;
}
#footer-cont-course li:before{
    content: '\f105';
    font-family: FontAwesome;
    position: absolute;
    top: 7px;
    left: 0
}

#footer article.popular_post_box{
	margin-bottom: 10px;
    background:none;
    border:none;
}

#footer article.popular_post_box h3{
	font-size:130%;
}
#footer article.popular_post_box .p_category{
	display:inline-block;
}
#footer article.popular_post_box .p_date{
	display:inline-block;
	margin:0 2%;
}
/***レスポンシブ***/
@media screen and (max-width: 1023px){
	#footer .front-loop-cont{
		margin-top:3%;
	}
}

@media screen and (max-width: 991px){
	body.home #front-service .front-service-inner .c_box {
		float:left;
		padding-top: 2%;
	}
}

	
@media (max-width: 910px){
.course-lp .title_box .left,.course-lp .title_box .right{float:none;}
.course-lp .title_box .video{text-align: center;}
.course-lp .title_box iframe{width:100%;}
.course-lp .post-title {font-size: 24px;}
body.home #front-service .front-service-inner .c_box{
	width:100%;
	margin:1.5% 0%;
	}
}

@media screen and (max-width: 767px){
	h3,h4{margin:0;}
	#side{padding:0 15px;}
	.breadcrumb-area{padding:0 10px;}
	
	
}

@media (max-width: 700px){
	.recommended .reco{
	width: 100%;
    float: none;
    margin: 0%;
}
	.teacher_phot, .lecturer p{float:none;}
	.lecturer p{
	padding-left:0%;
	width:100%;
		margin-top:5%;
	}
.teacher_phot{
	width:150px;
}
}
@media (max-width: 600px){
table.try-table td{
    font-size: 110%;
    padding-left: 0%;
}
.sevendays_btn a,.threedays_btn a {
	font-size: 150%;
	}
.teacher_phot,.lecturer p{
	float:none;
	padding-left:0;
}   
}

@media (max-width: 500px){
table.try-table td{
    font-size: 100%;
	}
.sevendays_btn a,.threedays_btn a {
	font-size: 140%;
    line-height: 3.5;
	}
   
}
@media (max-width: 400px){
table.try-table td{
    font-size: 130%;
	display:block;
	}
.sevendays_btn a,.threedays_btn a {
	font-size: 120%;
	}
   
}