/*
Theme Name: M.M.Temp-001
Theme URL: http://wordpress.yasaimura.jp/
Description: This is training theme.
Author: dot_c
Version: 1.0
*/


/*
	Yasaimura Web Site
*/

/* =Layout
-----------------------------------------------------------------------------*/
.clearfix {
  *zoom: 1;
}
a {
	text-decoration: none;
}
ul,
ol,
li,{
	margin: 0;
	paddin: 0;
}

html {
	height: 100%;
}
body {
	min-height: 100%;
	display: flex;
	flex-direction: column;
}

#wrapper {
	font-family: "Helvetica Neue", Helvetica, Verdana, Arial, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	margin: 0 auto;
	padding-left: 2em;
	padding-right: 2em;
	width: 100%;
	max-width: 1024px;
	min-height: 100%;
	flex: 1;
}

.units-container a[id]:not([href]) {
	padding-top: 115px;
	margin-top: -115px;
	display: inline-block; /* required for webkit browsers */
	vertical-align: top;
}

/* 30nenbancha
-----------------------------------------------------------------------------*/
.comment {
	padding-top: 1em;
	margin-bottom: 1em;
	border-top: 2px #999 dotted;
	border-bottom: 2px #999 dotted;
}
.comment p.first {
}
.text-justify {
	text-align: justify;
	text-justify: inter-ideograph;
}

dl.dl-style {
	display:flex;
	flex-wrap: wrap;
	border: none;
	width: 100%;
	font-size: 0.85em;
	margin-bottom: 2em;
}
.dl-style dt {
	background: #ddd;
	width: 30%;
	padding: 10px;
	box-sizing: border-box;
	text-align: justify;
}
.dl-style dd {
	padding: 10px;
	margin: 0;
	width: 70%;
	box-sizing: border-box;
}
.dl-style dt:nth-child(2n),
.dl-style dd:nth-child(2n) {
	/* 表の偶数行のみを対象に装飾するCSS */
	background-color: #D7ECD7;
	margin-bottom: 2px;
}
.dl-style dt:nth-child(2n+1),
.dl-style dd:nth-child(2n+1) {
	/* 表の奇数行のみを対象に装飾するCSS */
	background-color: #B4DDBA;
	margin-bottom: 2px;
}

@media screen and (max-width: 480px) {
  dl.dl-style {
    flex-flow: column nowrap;
  }
  .dl-style dt,
  .dl-style dd {
    width: 100%;
  }
  .dl-style dd {
    border-left: none;
  }
}

/* caption
-----------------------------------------------------------------------------*/
figure {
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 0 0 1.5em 0;
}
figcaption {
  position: absolute;
  bottom: -3em;
  padding-top: 0.65em;
  margin: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 3em;
  text-align: center;
  font-style: normal;
  color: #fff;
  background: rgba(0,0,0,.6);
  -webkit-transition: .3s;
  transition: .3s;
}
figure:hover figcaption {
  bottom: 0;
}


/* ページ内リンクの位置調整 */
div.units-container {
	margin-top:-100px;
	padding-top:100px;
}


/*-----------------------------------------------------------------------------------*/
/*	RESPONSIVE STYLES
/*-----------------------------------------------------------------------------------*/

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.parallax, .cleancode_block, #team, .top_slider .slide1, .top_slider .slide2, .top_slider .slide3, .top_slider .slide4, .top_slider .slide5, .top_slider .slide6 {background-attachment:scroll !important; background-position:center top;}
	.top_slider .slide1, .top_slider .slide2, .top_slider .slide3, .top_slider .slide4, .top_slider .slide5, .top_slider .slide6 {background-size:cover !important;}

}

@media (min-width: 1025px) {
	.tag-blog p {display: none;}
}

@media (max-width: 1024px) {

	
}


@media (min-width: 768px) and (max-width: 1024px) {
	.tag-blog p {display: none;}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.tag-blog p {display: none;}
}

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

}

@media (max-width: 767px) {
	.tag-blog {position: relative; text-align: left; margin: 0 0 35px 0; width: 100%; height: auto; text-align: center; align-items: center;}
	.tag-blog img {display: none;}
	.tag-blog a {display: block; margin: 0; color: #fff; width: 100%; height: auto; background: #005f00;}
	.tag-blog a:hover {display: block; margin: 0; width: 100%; color: #005f00; background: #B4DDBA;}
	.tag-blog p {display: block; padding: 0.5em;;}
	.tag-blog br {display: none;}
}

@media (max-width: 500px) {
	.tag-blog br {display: block;}
}