@charset "UTF-8";
/*
Theme Name: Tutrial
Theme URI: http://walkal.com
Description: WP theme for Tutrial
Version: 1.0
Author: Walkal Inc.
Author URI: http://walkal.com/
*/

/*
	----------------------------
	RESET
	____________________________
*/
img,p,h1,h2,h3,h4,h5,h6,form,table,td,ul,ol,li,fieldset { margin:0; padding:0; border:0; }
h1,h2,h3,h4,h5,h6,ul { margin:0; }
p { padding:10px 5px; }
a {color:#333;}
a:visited {color:#333;}
a:hover{text-decoration:none;}
img {max-width:100%;height:auto;vertical-align:bottom;margin:0;padding:0;}

body, html {background:#FFF;font-size: 100%; padding: 0; margin: 0;}

#container {width:1000px;margin:0 auto;padding:0;background:#d5ead7;}
#header {padding:0;margin:0;background:#007c36;}
.navi{display:flex;justify-content: space-between;}
.navi li {list-style: none;}
#content {margin:0; padding:0;}
.head_title{text-align:center;background:#007c36;padding:15px;color:#FFFFFF;}
.head_title h2{ font-size:175%;letter-spacing:3px;}
.head_title h3{font-weight:normal;font-size:160%;letter-spacing:3px;}
.main {width:950px;margin:0;padding:10px 25px 10px 25px;display:block;}
.main_tr {width:900px;margin:0;padding:10px 50px 10px 50px;display:block;}
#main_news {width:648px;padding:10px;margin:20px 30px 20px 0;float:right;display:block;border:1px solid #333333;background:#FFFFFF;}
#main_news ul{list-style:none;}
#main_news p.news_title{margin:0;padding:0;}
#main_singles {width:708px;padding:0;margin:0;float:right;display:block}
.news_strip{margin:0 0 10px 135px; border-bottom:1px dashed #777777;display:block;}
.news_single {width:648px;height:auto;padding:10px;margin:20px 30px 20px 0;float:right;display:block;border:1px solid #333333;background:#FFFFFF;}
#news_single ul{margin-left:25px;}
#sidebar {width:240px;padding:0;margin:20px 0 20px 30px;float:left;display:block;}
#sidebar img{vertical-align:bottom;}
#sidebar ul{list-style:none;}
#sidebar ul li{padding:0;margin-bottom:10px;}
.aes_footer{width:706px;margin:0 auto;padding:0;display:block;text-align:center;}
.aes_footer img {width:100%;height:auto;}
#footer {background:#007c36; padding:5px; color:#FFFFFF;margin-top:30px;}
#copyright {text-align:center;}

.titleh3 {text-align: center;font-weight:normal;font-size:170%;letter-spacing:3px;}
.whitebox{width:928px;height:auto;border:1px solid #333333;margin:10px auto 30px auto;padding:10px;background:#FFFFFF;}
.whitebox2{width:828px;height:auto;border:1px solid #333333;margin:10px auto 10px auto;padding:10px;background:#FFFFFF;}

.instructor_box{width:928px;height:auto;border-bottom:1px solid #333333;margin:20px auto 20px auto;padding:10px;display:block;list-style:none;}
.instructor_box img{max-width:164px;height:auto;}
.application_box{width:928px;height:auto;margin:0 auto 10px auto;padding:10px;display:block;list-style:none;font-size:150%;}
.aeslinks_box{width:928px;height:auto;border-bottom:1px solid #333333;margin:20px auto 20px auto;padding:10px;display:block;list-style:none;}


.banner_left{width:240px;height:auto;display:block;float:left;padding:10px}
.banner_right{width:650px;height:auto;display:block;float:right;padding:10px 0;}

.login_contents {margin-bottom:20px;display:block;}
.login_contents ul{display: -webkit-flex;display: flex;justify-content: space-between;}
.login_contents li{width:48%;height:auto;list-style:none;margin:10px 1%; text-align:center;}
.login_contents h3 {color:#FFFFFF;padding-bottom:5px;font-size:150%;}
.login_contents h4 {background:#fffded;padding:5px 0;margin:15px;}
.login_contents p{padding-top:5p;}
.login_contents a{text-decoration:none;width:100%;height:auto;color:#111111;}
.login_contents a:hover{color:#777777;}
.box_blue{width:96%;height:auto;border-radius:15px;background:#165dab;box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .5);padding:2%;margin:10px 0;}
.box_orange{width:96%;height:auto;border-radius:15px;background:#ed8f33;box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .5);padding:2%;margin:10px 0;}
.login_thumbs {width:100%;height:auto;display:flex;flex-wrap:wrap;}
.login_thumbs li{margin-bottom:0;padding-bottom:0;list-style:none;}
.sample_contents {width:100%;max-width:950px;height:auto;display:block;margin:15px 0;}
.sample_thumbs {width:100%;height:auto;display:flex;justify-content: space-evenly;flex-wrap:wrap;}
.sample_thumbs li{width:30%;margin-bottom:0;padding-bottom:20px;list-style:none;}
.sample_thumbs li img{width:100%;height:auto;}
.sample_thumbs p{margin-top:0;}
.box_appli{width:90%;height:auto;border-radius:15px;padding:5%;margin:10px 0;}
.appli_thumbs {display:flex;flex-wrap:wrap;}
.appli_thumbs li{margin-bottom:0;padding-bottom:0;list-style:none;width:48%;padding:1%;}

.footer_contents ul{display: -webkit-flex;display: flex;}
.footer_contents li{list-style:none;}
.slidearea {width:940px;height:auto;display:block;margin:0 auto;background:#FFFFFF;padding:5px 30px;}
.slidebox {display:block;float:left;width:650px;margin:5px;}
.pc_menu {display:block; float:right;width:270px;margin:5px 0;}
.pc_menu li{list-style:none;margin-bottom:5px}
.pc_menu img{width:100%;height:auto;}

.clearfix{
  zoom:1;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;/* 隙間対応 */
  font-size: 0.1em;/* 隙間対応 */
  line-height: 0;/* 隙間対応 */
}



/* overlay */
#overlay, #btn{display:none;}

@media (max-width: 767px){
	.slidearea h2{padding:10px 10px 5px 10px;font-size:90%;}
	#container {width:100%;margin:0 auto;padding:0;}
	.slidearea{width:100%;margin:0;padding:0;}
	.slidebox{width:100%;margin:0;padding:0;}
	.pc_menu{display:none;}
	.news_single{width:91%;margin:2%;}
	.main, .main_tr{width:100%;margin:0 auto;padding:0;}
	#main img{max-width:100%;height:auto;}
	#sidebar{width:80%;margin:10px 10%;padding:0;display:block;}
	#main_news{width:89%;margin:3%;display:block;}
	#main_singles{width:94%;margin:3%;display:block;}
	.news_title_block{display:block;padding-left:10%;font-weight:bold;}
	.news_strip{margin-left:10%;}
	#sidebar ul{width:98%;margin:0 1%;}
	#sidebar ul li{padding:1%;margin-bottom:10px;text-align:center;}
	.main{width:100%;margin:0;padding:0;}
	.login_contents ul{display:block;}
	.login_contents li{width:94%;}
	.login_contents h4{margin:3%;padding:3% 0;}
/*	.login_thumbs {width:100%;height:auto;display:flex;flex-wrap:wrap;}*/
	ul.login_thumbs{display: -webkit-flex;display: flex;justify-content: space-between;width:96%;margin:0 2%;}
	ul.login_thumbs li{width:47%;}
	ul.login_thumbs li img{width:100%;height:auto;}
	.sample_thumbs li{width:46%;}
	.sample_thumbs img{width:100%;height:auto;}
	.sample_contents{width:96%;margin:10px auto;}
	.whitebox,.whitebox2{width:93%;margin:1%;padding:2%;}
	.whitebox img,.whitebox2 img{max-width:40%;height:auto;margin:10px;}
	.instructor_box,.application_box{width:92%;margin:2%;}
	.instructor_box img{width:164px;max-width:35%;height:auto;}
	.appli_thumbs li{width:98%;text-align:center;}
	.aeslinks_box{width:92%;margin:0 2%;}
	.banner_left{padding:10px 0;}
	.banner_right{width:96%;margin:0 2%;padding:0 0 0 10px;}
	.aes_footer{width:100%;height:auto;}
	.footer_contents ul{display:block;}
	.center_posi{text-align:center;padding-bottom:10px;}

	/* overlay */
#header{display:none;}
#btn { color: #FFFFFF; display: block; margin: 0; width: 100%; text-align: right; padding: 0;box-sizing: border-box;background:url(images/head_logos.png) no-repeat;}
#btn ul{display: -webkit-flex;display: flex;justify-content: space-between;list-style:none;height:60px;}
#btn img{vertical-align:bottom;border:0;}
#overlay {display: none; width: 100%; height: 100%; position: fixed; top: 0; z-index: 100; background: rgba(255,255,255,0.7);overflow-y:scroll;}
#overlay ul{margin:10px 0; padding:0;}
#overlay li{list-style: none;width:98%;height:auto; padding:0; margin:1%;text-align:center;}
#overlay a{width:100%;line-height:60px;display:block;text-decoration:none;color:#EEEEEE;}
#close {width: auto; margin: auto; text-align: right; padding: 0;background:url(images/head_logos.png) no-repeat;}


	
}

/* Wordpress Tag */
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright {float: right; }
.alignleft {float: left; }