/*
Theme Name: meviy04_2
Description: Meviy Blog Template
Author: MASAtoshi OKA
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: meviy04_2
Version: 4.0
*/

.dl_page{background: #fff; /* #eaeaea */ margin-top: 109px; padding-top: 10px; }
.dl_page_3{background: #fff; margin-top: 109px; padding-top: 10px; padding-bottom: 40px;}
.dl_page_3_direct{background: #f1f7f7; margin-top: 109px; padding-top: 10px; padding-bottom: 40px;}
@media screen and (max-width: 1024px) {
	.dl_page{margin-top: 17vw;}
	.dl_page_3, .dl_page_3_direct{margin-top: 17vw;}
}
.dl_page_main{background: #d3d3d3;}

h2.ppe_not_found{
	font-size: 1.6em;
	text-align: center;
	color: #005EAB;
	margin: 100px auto;
	width: 100%;
	font-weight: 600;
	color: #005EAB;
	line-height: 200% !important;
	background-color: transparent;
}
a.ppe_return{
	display: block;
	font-size: 1.1em;
	font-weight: 600;
	float: none;
	margin: 100px auto 500px auto;
	width: 500px;
	text-align: center;
	background: #555;
	color: #fff !important;
	padding: 10px 0;
	-moz-border-radius:10px;
	border-radius:10px;
}
a.ppe_return:hover{
	background: #005EAB;
}

/* パンくずリスト------------------------- */
.dl_page ul.archive_cat li a, .dl_thanks_area ul.archive_cat li a{
	color: #0a1464 !important;
	font-weight: 400;
	border: #0a1464 1px solid;
	background: none;
}
.dl_page ul.archive_cat li.current a,
.dl_thanks_area ul.archive_cat li.current a,
.dl_page ul.archive_cat li a:hover,
.dl_thanks_area ul.archive_cat li a:hover{
	background:#0a1464;
	color: #fff !important;
	opacity: 1;
}

.acv_title{margin-bottom: 10px;}

ul.dl_cat {
	display: block;
	float: left;
	width: 600px;
}
ul.dl_cat li{
	display: block;
	float: left;
	margin: 5px;
}
ul.dl_cat li a{
	font-size: 14px;
	padding: 3px 6px;;
	font-weight: 600;
	color: #555;
	background: #fff;
	-moz-border-radius:5px;
	border-radius:5px;
	border: 2px solid #555;
}
/* DROPDOWN MENU */
ul.menu_dropdown{
	display: block;
	float: left;
	clear: none;
	padding-top: 3px;
}
ul.menu_dropdown > li{
	display: block;
	float: left;
	border: 2px solid #555;
	background: #fff;
	margin-bottom: 5px;
	-moz-border-radius:5px;
	border-radius:5px;
	color: #555;
	margin-right: 5px;
}
ul.menu_dropdown > li a {
  display: block;
  font-weight: 600;
  height: 100%;
  font-size: 14px;
  padding: 0px 7px;;
  color: #555;
  box-sizing: border-box;
}

ul.menu_dropdown li a:hover,
ul.menu_dropdown > li.current-menu-item a,
ul.menu_dropdown > li.current-menu-ancestor a{
  color: #555;
  opacity: 1;
  background: #fff;
  height: 100%;
}

ul.menu_dropdown > li > ul{
  position: absolute;
  z-index: 200;
  box-shadow: 2px 2px 0 #BEBEBE;
  width: 35%;
  display:none;
}

ul.menu_dropdown > li > ul li {
  float: none;
  margin: 0;
}

ul.menu_dropdown > li > ul li a {
  border-bottom: 1px dotted #ccc;
  border-right: none;
  color: #000;
  padding: 15px 15px;
}

ul.menu_dropdown > li > ul li:last-child a {
  border-bottom: none;
}

ul.menu_dropdown > li > ul li a:hover {
  color: #555;
  background: #eeeeee;
}


ul.menu_dropdown li:hover ul {
  display: block;
  background: #fff;
}

ul.menu_dropdown li:hover a {
  background: #fff;
  color: #666;
  text-shadow: none;
}

ul.menu_dropdown li:hover > a{
  color: #000;
}



/* 記事リスト------------------------- */
ul.dl_area{
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	justify-content:left;
	margin: 20px 0;
}
ul.dl_area > li{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;;
	background-color: #f7f7f7;
	width: calc(33% - 20px);
	padding: 10px 0 5px 0;
	margin: 10px;
	box-sizing: border-box;
	-moz-border-radius: 2px 2px 4px 4px;
	border-radius: 2px 2px 4px 4px;
}

.acv_dl_contents{display: block; margin-bottom: 10px;}
ul.dl_area li img{
	display: block;
	float: left;
	width: 100px;
	height: auto;
	padding: 0;
	margin: 0;
}
.acv_dl_text{
	display: block;
	width: calc(100% - 100px);
	float: left;
	padding: 0 15px 0 0;
	position: relative;
}
.acv_dl_text a h2{
	font-size: 1em;
	color:#555;
	font-weight: 600;
	text-align: justify;
	margin-bottom: 5px;
}
.acv_dl_text a h2 small{font-size: 0.6em; color: #555;}
.acv_dl_text a h2 small br{display: none;}
.acv_dl_text a:hover h2, ul.dl_area li a:hover h2 small{color: #555}

.acv_dl_text p{
	padding: 0px;
	font-size: 0.9em;
	text-align: justify;
	line-height: 140%;
}
.dl_thanks_area ul.dl_area li p{display: none;}

.dl_btn a{
	display: block;
	margin: 0 auto 7px auto;
	padding: 3px 0;
	width: calc(100% - 30px);
	font-size: 1em;
	font-weight: 800;
	background: #ffc600;
	color: #555 !important;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
}
.dl_btn a:hover{
	background: #7e6722;
	color: #000 !important;
	cursor: pointer;
	opacity: 1;
}
.dl_select_cat select{width: calc(100% - 20px) ; margin: 0 10px; height: 30px;}
@media screen and (max-width: 900px) {
	ul.dl_area > li{width: calc(50% - 20px);}
}

@media screen and (max-width: 600px) {
	.acv_dl_contents{margin-bottom: 0px;}
	.dl_page .sec_wrap{padding: 10px 5px !important;}
	ul.dl_area{margin: 20px 0; display: block;}
	ul.dl_area > li{
		float: none;
		width: calc(100% - 20px);
		max-width: 400px;
		padding: 15px;
		margin: 20px auto;
		box-sizing: border-box;
	}
	ul.dl_area li img{float: none; margin: 0 auto;}
	ul.dl_area li img{width: 150px;}

	.acv_dl_text{padding: 0 !important; width: 100%; float: none;}
	.acv_dl_text a h2{
		padding: 5px 0 !important;
		height: auto;
		margin: 5px 0;
		text-align: center;
	}
	.acv_dl_text p{text-align: justify;}
	ul.dl_cat{padding: 0 30px;}
	ul.dl_area li p{display: block;}
	.dl_btn a{width: 100%; margin: 10px 0 0 0;}
}


/* DISCRIPTION */
.dl3_discription h2{font-size: 19px;}
.dl3_discription p{font-size: 17px;}
.dl3_discription ul{}
.dl3_discription ul li{
	margin-left: 20px; 
	text-indent: -20px; 
	list-style-type: none; 
	margin-top: 5px;
}
.dl3_discription ul li:before{content: '#'}

/* ANCHOR LINK -------------------------*/


.acv_text ul.dl_anchor{
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 20px 0 0 0;
}

.acv_text ul.dl_anchor li{
	width: calc(33% - 10px);
	margin: 10px 0;
	border: 2px solid #555;
	font-size: 14px; 
	background: #fff;
}
.acv_text ul.dl_anchor li a{
	display: block;
	padding: 10px;
	box-sizing: border-box;
	width: 100%;
	font-weight: 600;
	color: #555;
}
.acv_text ul.dl_anchor li a:hover{
	background: #555;
	color: #fff;
	opacity: 1;
}
.acv_text ul.dl_anchor li a div:before{
	display: inline-block;
	content:"";
	width:12px;
	height:12px;
	margin-right: 6px;
	background: url(../images/common/arrow_down.png) no-repeat;
	background-size: contain;
}
.acv_text ul.dl_anchor li a:hover div:before{
	background: url(../images/common/arrow_down_hover.png) no-repeat;
	background-size: contain;
}
.acv_text ul.dl_anchor li a div{display: inline-block; }

@media screen and (max-width: 900px) {
	.acv_text ul.dl_anchor li{
		width: calc(50% - 10px);
		margin: 5px 0;
	}
	.acv_text ul.dl_anchor li a{padding: 5px}
}
@media screen and (max-width: 800px) {
	.acv_text ul.dl_anchor li{font-size: 13px; padding:0px;}
}
@media screen and (max-width: 600px) {
	.acv_text ul.dl_anchor li{
		width: 100%;
		margin: 5px 0;
	}
}


/* 新アーカイブ */

h2.dl_section_title{
	color: #555; /* #0b1364; */ /* #005EAB; */
	font-size: 16px;
	font-weight: 400;
	position: relative;
	text-align: center;
	margin-top: 70px;
}
h2.dl_section_title span.h2_en{
	font-family: 'Poppins', sans-serif;
	text-transform: uppercase;
	font-size: 45px;
	display: block;
	font-weight: 200;
}
#case h2.dl_section_title{margin-top: 40px;}

ul.dl_area_3{
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	justify-content:center;
}
ul.dl_area_3 > li{
	width: calc(25% - 30px);
	margin: 15px;
	box-sizing: border-box;	
	background: #fff;
}

a.dl_a{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	height: 100%;
	padding: 15px 0;
	justify-content: flex-start;
/* 	background-color: #eeeeee; */
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}


a.dl_a:hover{
		background: #fff;
		box-shadow: rgba(149, 157, 165, 0.6) 0px 8px 24px;
		opacity: 1;
}
.dl_a_img{
	width: 100%;
	height: auto;
	float:none;
	margin: 0 ;
}
a.dl_a:hover img{
	opacity: 1;
}
h3.dl_a_h3{
	padding: 0 15px;
	font-weight: 400;
	color: #0b1364;
	text-align: center;
	font-size: 13px;
	padding-bottom: 10px;
}
#case h3.dl_a_h3,
#monokiso h3.dl_a_h3{
	color: #555;
}
ul.dl_tag{
	list-style: none;
	margin-top: -10px;
	padding: 0 10px 10px 10px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
}
ul.dl_tag li{
	padding: 2px 5px;
	background: #ececec;
	color: #000;
	font-weight: 600;
	font-size: 13px;
	margin: 5px;
	-moz-border-radius:2px;
	border-radius:2px;
/* 	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; */
}

.dl_a_btn{
	display: block;
	width: calc(100% - 50px); 
	margin: auto auto 5px auto;
	padding: 5px;
	font-size: 15px;
	border: #555 1px solid;
	color: #555;
	text-align: center;
	font-weight: 600;
}

a.dl_a:hover .dl_a_btn{
	background: #0b1364;
	color: #fff;
}

@media screen and (max-width: 900px) {
	ul.dl_area_3 > li{
	width: calc(25% - 16px);
	margin: 8px;
	}
	.dl_a_btn{width: calc(100% - 30px); }
	ul.dl_tag li{font-size: 11px;}
	.dl_a_btn{font-size: 13px;}
}
@media screen and (max-width: 700px) {
	ul.dl_area_3 > li{
	width: calc(50% - 20px);
	margin: 10px;
	}
	.dl_a_btn{width: calc(100% - 50px); }
	ul.dl_tag li{font-size: 11px;}
	.dl_a_btn{font-size: 12px;}
}
@media screen and (max-width: 500px) {
	ul.dl_area_3 > li{
	width: calc(50% - 10px);
	margin: 5px;
	}
	.dl_a_btn{width: calc(100% - 40px); }
	.dl_a_btn{padding: 3px;}
}


/* ボタン */
.more_dl_btn{
	display: block;
	width: 350px;
	
	text-align: center;
	margin: 40px auto 60px auto;
	background: none;
	box-sizing: border-box;
	background: #005EAB;
	color: #fff;
	border: none;
	-moz-border-radius:30px;
	border-radius:30px;
}
.more_dl_btn span{
	font-size: 16px;
	font-weight: 600;
	display: block;
	padding: 10px;
}
.more_dl_btn span:after{
	content: '';
	display: block;
	float: right;
	width: 20px; height: 20px;
	margin: 3px 0 0 0px;
	background: url(../images/common/plus.png) 0 0 no-repeat;
	background-size: contain;
}
.more_dl_btn:hover{
	background: #0b1364;
}

/* loading */
#overlay{ 
  position: fixed;
  top: 0;
  z-index: 1000;
  width: 100%;
  height:100%;
  display: none;
  background: rgba(0,0,0,0.6);
}
.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;  
}
.spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
  100% { 
    transform: rotate(360deg); 
  }
}
.is-hide{
  display:none;
}

#mech-design .sec_wrap{padding-bottom: 40px;}

/* 個別ページ */

.dl-form_page{
	padding-top: 100px; 
	min-height: calc(100vh - 165px);
}
@media screen and (max-width: 900px) {
	.dl-form_page{padding-top: 70px;}
}
.dl-form_page .pd-form-submit input[type="submit"]:hover{
	background: #555;
	color: #fff;
}
.dl-form_page #breadcrumb ul{margin-top: 0px;}
.dl-form_page ul.archive_cat li a{
	color: #0a1464 !important; 
	font-weight: 400; 
	border: #0a1464 1px solid; 
	background: none;
}

.dl_form_left, .dl_form_right{
	display: block;
	float: left;
}
.dl_form_left{
	width: 40%; 
	margin-top: 20px;
}
.dl_form_right{
	width: calc(60% - 50px); 
	margin: 40px 0 20px 50px;
	box-sizing: border-box;
	background: #eeeeee;
	padding: 30px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.dl_form_left img{
	display: block;
	width: 300px; 
	height: auto; 
	margin: 0px auto; 
	float: none;
}
/* TITLE H1 */
.dl_series{
	font-weight: 600; 
	font-size: 14px; 
	padding-left: 3px;
	margin-bottom: 5px;
}
.dl_series br{display: none;}
.dl_title{
	margin-bottom: 15px;
	padding: 7px 3px;
	border-bottom: 2px solid #555;
	border-top: 2px solid #555;
	font-size: 14px
}
.dl_title br{display: none;}
.dl_title .dl_theme{clear: both;display: block;}
.dl_title h1{
	font-size: 20px;
	font-weight: 600;
}
.dl_title h1 br{display: inline;}
.dl_title .dl_author{font-size: 12px; font-weight: 400;}

/* 説明 */
.dl_form_left h3{
	font-size: 1.3em; 
	font-weight: 600; 
	border-bottom: 2px dotted #555;
	padding: 3px 0;
}
.dl_form_left p{
	padding: 10px 0;
	font-size: 1em
}
.dl_form_topics{
	display: block;
	margin: 25px 0 100px 0;
}
.dl_form_topics ul, .dl_form_topics ol{padding: 20px 0;}
.dl_form_topics ol{list-style:　decimal； }
.dl_form_topics ul {list-style: disc;}
.dl_form_topics ul li, .dl_form_topics ol li{
	font-weight: 600;
	margin-bottom: 7px;
	
	font-size: 1em;
}
.dl_form_topics ul li{list-style-type: disc; margin-left: 20px;}
.dl_form_topics ol li{list-style-type: decimal; margin-left: 25px;}
.dl_form_topics ul ul, .dl_form_topics ol ol{padding: 5px 0;}
.dl_form_topics ul ul li, .dl_form_topics ol ol li{font-size: 0.9em; margin-bottom: 3px;}
.dl_form_text {font-size: 1em; margin-bottom: 45px;}
.dl_form_text h3{
	text-align: center;
	border-bottom: 3px dotted #555;
	font-size: 1.4em;
	font-weight: 600;
	padding: 10px 0;
	margin-bottom: 20px;
}
.dl_form_text a{color: #005EAB;}

/* FORM */
.dl-form_page .form-wrap{width: 100%;}
.dl-form_page .mktoForm{width: 100%;}
.dl-form_page .pd-form-fields{}

.dl-form_page .pd-form-field input[type="text"],
.dl-form_page .pd-form-field input[type="email"],
.dl-form_page .pd-form-field input[type="tel"],
.dl-form_page .pd-form-field select[type="dropdown"],
.dl-form_page .pd-form-field input[type="checkbox"],
.dl-form_page .pd-form-field textarea {
  -webkit-appearance: none;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 5px 10px;
  outline: none;
  box-shadow: none;
  width:  265px;
}
.dl-form_page .pd-form {
	display: table;
	width: 100%;
  margin: 20px 0;
}
.dl-form_page .pd-form-row{
	display: table-row; 
	width: 100% ; 
	box-sizing: border-box;
	}
.dl-form_page .pd-form-label, .pd-form-field{display: table-cell; padding: 12px 0;}
.dl-form_page .pd-form-label {padding-right: 10px; }
.dl-form_page .pd-form-label.pd-form-required:after {
  content: "*";
  color: #f56868;
}
.dl-form_page .pd-form-submit input[id="submit"]{
	display: block;
	width: 100%;
	margin: 50px 0 0 0;
	padding: 10px;
	background: #ffc600;
	color: #555;
	font-weight: 600;
	border: none;
	-moz-border-radius:7px;
	border-radius:7px;
	cursor: pointer
}
.dl-form_page .pd-form-submit input[id="submit"]:hover{
	background: #555;
	color: #fff;
}
@media screen and (max-width: 1000px) {
	.dl_form_right{
	width: calc(60% - 20px); 
	margin: 40px 0 20px 20px;}
}
@media screen and (max-width: 800px) {
	.dl_form_left, .dl_form_right{
		width: 70%; 
		margin: 20px 15%;
		float: none;
		padding: 20px;
		box-sizing: border-box;
	}
	.dl_form_topics{margin: 25px 0 0px 0;}
}
@media screen and (max-width: 600px) {
	.dl_form_left, .dl_form_right{
		width: calc(100% - 20px) ;
		margin: 10px;
		box-sizing: border-box;
		padding: 0;
	}
	.dl_form_right{padding: 20px; margin-bottom: 20px;}
	.dl-form_page .pd-form-label, .pd-form-field{padding: 5px 0;}
	.dl-form_page .pd-form-label, .pd-form-field{font-size: 0.8em;}
	.dl-form_page .pd-form-field input[type="text"],
	.dl-form_page .pd-form-field input[type="email"],
	.dl-form_page .pd-form-field input[type="tel"],
	.dl-form_page .pd-form-field select[type="dropdown"],
	.dl-form_page .pd-form-field input[type="checkbox"],
	.dl-form_page .pd-form-field textarea {font-size: 0.8em; margin-top: 5px;}
}