/*
Theme Name: MI-LAB default
Text Domain: MI-LAB
Version: 1.0
Author: Masaru Ide
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. 	CSS Reset
	1. 	Document Setup
	2. 	Element Base
	3. 	Helper Classes
	4. 	Site Header
	5. 	Menu Modal
	6. 	Search Modal
	7. 	Page Templates
		a. 	Template: Cover Template
		c. 	Template: Full Width
	8.  Post: Archive
	9.  Post: Single
	10. Blocks
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. Widgets
	16. Site Footer
	17. Media Queries

----------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */

/*	1. Document Setup
/* -------------------------------------------------------------------------- */

html {
	font-size: 62.5%; /* 1rem = 10px */
	scroll-behavior: smooth;
}


body {
	background: #fff;
	box-sizing: border-box;
	color: #333;
	font-family:"Noto Sans JP","Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.6rem;
	line-height:1.8em;
	text-align: left;
}


/* -------------------------------------------------------------------------- */

/*	2. Element Base
/* ---------------------------------------------*---------------------------- */

h1,
h2,
h3,
h4,
h5,
h6,
.faux-heading {
	font-feature-settings: "lnum";
	font-variant-numeric: lining-nums;
	font-weight: 700;
	letter-spacing: -0.0415625em;
	line-height: 1.25;
	margin: 3.5rem 0 2rem;
}

h1,
.heading-size-1 {
	font-size: 3.6rem;
	font-weight: 800;
	line-height: 1.138888889;
}

h2,
.heading-size-2 {
	font-size: 2.4rem;
}


h3,
.heading-size-3 {
	font-size: 2.1rem;
}

h4,
.heading-size-4 {
	font-size: 1.6rem;
}

h5,
.heading-size-5 {
	font-size: 1.4rem;
}

h6,
.heading-size-6 {
	font-size: 1.2rem;
	letter-spacing: 0.03125em;
	text-transform: uppercase;
}

p {
	line-height: 1.8;
	margin: 0 0 1em 0;
}

em,
i,
q,
dfn {
	font-style: italic;
}

em em,
em i,
i em,
i i,
cite em,
cite i {
	font-weight: bolder;
}

big {
	font-size: 1.2em;
}

small {
	font-size: 0.75em;
}

b,
strong {
	font-weight: 700;
}

ins {
	text-decoration: underline;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

abbr,
acronym {
	cursor: help;
}

address {
	line-height: 1.5;
	margin: 0 0 2rem 0;
}

hr {
	border-style: solid;
	border-width: 0.1rem 0 0 0;
	border-color: #dcd7ca;
	margin: 4rem 0;
}

/* -------------------------------------------------------------------------- */

/*	4. Site Header
/* ---------------------------------------------*---------------------------- */

header#site-header{ padding:0; }
header#site-header div.header-titles h1.site-title{
	width:72%;
	margin: 2rem 23% 2rem 5%;
	font-size: 2.2rem;
}
header#site-header div.header-titles h1.site-title img { width:100%; }
header#site-header div#nav-content { position:relative; top: 0; right:0;}

header#site-header div#nav-content ul#menu li a { width:100%; }


header#site-header div#nav-content ul#menu li#menu-item-32 {
	position:relative;
	top:auto;
	right:auto;
	margin:0;
	background: none;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	line-height: auto;
	font-size: 1.6rem;
	line-height: 60px;
}

header#site-header div#nav-content ul#menu li#menu-item-32 a { color: #5b9b39;}

header#site-header div#nav-content ul#menu li#menu-item-32 a:hover {
	border-top-left-radius: 0;
	border-bottom-left-radius:0;
	color:#fff;
}

/* SNS ------------------------------------- */
div.sns { margin: 1rem 0 0;}


.flowbtn6{
border-radius:12px;		
position:relative;
display:inline-block;
width:25px;
height:25px;
font-size:18px;
color:#fff!important;
transition:.5s;
text-decoration:none;
}	

ul.snsbtniti{
padding:0!important;
	width:fit-content;
}

.snsbtniti{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
}

.snsbtniti li{
flex:0 0 33%;
text-align:center!important;
}

/* Twitter */
.fl_tw1{
background:#55acee;
}

.insta_btn6 .fa-instagram{
font-size:40px;
}

.insta_btn6 {
background:-webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
background:linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
overflow:hidden;	
}

.insta_btn6:before{
content: '';
position: absolute;
top:27px;
left:-12px;
width:59px;
height:40px;
background:-webkit-radial-gradient(#ffdb2c 7%, rgba(255, 105, 34, 0.3) 60%, rgba(255, 88, 96, 0) 70%);
background:radial-gradient(#ffdb2c 7%, rgba(255, 105, 34, 0.3) 60%, rgba(255, 88, 96, 0) 70%);
}

.fl_fb6 .fa-facebook-f{
position:relative;
top:3px;
left:2px;
font-size:20px;
}

.fl_fb6{
background:-webkit-linear-gradient(top, #5c80c6 0%, #34528c 74%);	
background:linear-gradient(to bottom, #5c80c6 0%, #34528c 74%);	
}

/* YouTube */
.fl_yu6 {
color:#fc0d1c!important;
box-shadow:0 0 2px #888;	
}

div#site-container { margin:0; border-top: 0.2rem solid #5b9b39; }

article {
	width: 100%;
}

div#article-container {
	width: 90%;
	margin: 0 auto;
	padding: 0 0 5rem;
}

article div.page { padding: 0;}
article div.page h2 { display: inline; text-align:center; color:#5b9b39; margin: 0 auto; padding: 1rem 2rem ;line-height: 4rem; border: 0.5rem solid #5b9b39; border-radius: 3rem;}
article div.page h3 { font-size: 2.5rem; line-height: 5rem;}

/*
article div.post { padding: 3rem 0;}
*/

article div.post div.entry {
	margin: 5rem 0;
}


/* Categories Archives*/
div#List {
	display: block;
	width:100%;
	margin: 5rem auto;
}

div.List_box {
	display:block;
	width:100%;
	margin: 4rem 0;
}




article div.page table {
	width: 100%;
	margin: 3rem 0;
}

article div.page table thead th {
	padding: 2rem 0;
	text-align:center;
	border-bottom: 2px solid #333!important;
}

article div.page table td {
	padding: 3rem;
}
section#blog { 
	width:100%;
	position:relative;
}

section#blog h2 {
	font-size: 2.5rem;
	margin: 0 0 0 1.65%;
}
div.category-description {
	position:absolute;
	top: 0; 
	right: 4%;
	font-size:1.2rem;
}
div.article_box {
	position:relative;
	float: left;
	width:92%;
	margin: 3rem 4% 0;
}

div.Link_more { position: relative;right:0; margin:3rem auto 0; width: 94%;}
div.Link_more p { line-height:4.0;}
section#newentry div.tab_container { position:relative; width:90%; margin: 0 5% 0; }
div#sidebar {
	width: 90%;
    display: block;
    justify-content: center;
    align-items: top;
    min-height:15%;
	margin: 0 5%;

}

.tab_content ul li{ 
	margin-left: 4.4em;
	text-indent:-4.8em;
	}


div#sidebar div.col_02 { margin: 2em 0; width:100%; }
div#sidebar div.col_02 h3 { font-weight:600; margin: 0 0 1em;}
div#sidebar div.col_02 ul li { list-style-type:none; 	line-height:2.0;}

/* AIR PROGRAMS */
div#news { display:block; margin: 5rem 0; padding: 2rem 2.5rem;}
div#news h3 {display:inline; font-size: 1.6rem;  padding-right: 1rem; margin: 0.6em 0 0;  }
div#news div.list {display:inline;}
div#news ul li { line-height: 1.6em; margin-bottom:1em;}
div#news ul li span {margin: 0 0 0; display:block;}



/* -------------------------------------------------------------------------- */

/*	16. Site Footer
/* -------------------------------------------------------------------------- */

footer {
	width:100%;
}

div#footer_container {
	  display: block;
	width: 90%;
	padding: 5rem 5% 6rem;
}

footer div.map iframe {  width: 100%!important;  min-width:32rem;  margin: 0 0 0 0; }
footer div#footer_text { position:relative; width: 100%; margin: 3rem 0 5rem; text-align:justify; }
footer div#footer_text h2 { margin:0!important; }
footer div#footer_text h2 img { width:100%; height:auto; }

footer div#footer_text ul { display:inline-block; list-style-type:none; margin: 0 0 4rem; }
footer div#footer_text ul li { float:left; width: 50%; padding-bottom: 2rem; }
footer div#footer_text ul li ul li { padding-bottom: 0; }

footer div#footer_text figure.wp-block-table table  { width:auto!important; margin: 1rem 0 0 ;}
footer div#footer_text figure.wp-block-table table td { padding: 0 2rem 0 0; }

footer div#footer_text ul.btn { position: relative;top:0; left:0; margin:0 0 1rem;}
footer div#footer_text ul.btn li { float:left;}
footer div#footer_text ul.col_03 li {  width:45%; margin:0 5% 0 0;}
footer div#footer_text ul.col_03 li ul li {  width:100%;  }


/* -------------------------------------------------------------------------- */

/*	17. Contact form
/* -------------------------------------------------------------------------- */

article div.page div.wp-block-contact-form-7-contact-form-selector input,article div.page div.wp-block-contact-form-7-contact-form-selector select,article div.page div.wp-block-contact-form-7-contact-form-selector textarea {
	margin: 0 0rem 3rem;
	padding: 5% 2%;
}

#form{
 position:relative;
}
#s-box{
 height: 40px;
 padding: 0 10px;
 position: absolute;
 left: 0;
 top: 0;
 border-radius:2px;
 border:solid 3px #eaeaea;
 outline: 0;
}
#s-btn-area{
 height: 50px;
 position: absolute;
 left:250px;
 top: 0;
 background:none;
 color:#666;
 border:none;
 font-size:20px;
 outline: 0;
}
#s-btn{
 background-color: black;
 width: 50px;
 height: 30px;
 position: relative;
 right: 20px;
 bottom: 10px;
 border-radius: 3px;
 font-size: 16px;
 color: #fff;
 line-height: 31px;
}