@charset "utf-8";

/*
Theme Name:mrp04-child
Template:mrp04
Theme URI: http://hp-morph.com/
Description:MORPH 04テーマの子テーマ。
Author: Vision Inc.
Author URI: http://hp-morph.com/
Tags: simple

	hp-morph.com Template
	 http://hp-morph.com/

	This theme was designed and built by hp-morph.com template,
	whose blog you will find at http://hp-morph.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

/*------------------------
GoogleMapレスポンシブ対応
------------------------*/

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*------------------------
グローバルメニュー幅調整
------------------------*/
@media only screen and (min-width: 1024px) {

nav#mainNav ul li a {
	padding-left:40px;
	padding-right:40px;
}

}/*@media only screen and (min-width: 1024px) */


/*------------------------
お問い合わせフォーム項目幅調整
------------------------*/
.wide70{
width:75%;
}

/*アレンジ強調枠組み
----------------------------*/
.round {
	border: 2px solid #fc7d1c;
	margin-bottom:15px;
}

.round2 {
	border: 2px solid #1c9bfc;
	margin-bottom:15px;
}

.round p, .round2 p {
	padding:1em;
}

.tl {
    background-color: #fc7d1c;
    padding-bottom:5px;
}

.tl2 {
    background-color: #1c9bfc;
    padding-bottom:5px;
}

.tl span, .tl2 span {
  padding: 0.5em;
  color: #fff;
}

/*アレンジ強調枠組み（制作実績ページ用）
----------------------------*/

.contsBox1 {
    width: 100%;
    margin: 15px  auto;
    padding: 24px;
    border: 5px solid #fcb1b6;
    background-color: #fce3e5;
    border-radius: 20px;
    box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-shadow: 0 0 4px gray;
}

.contsBox h2{
	font-weight:500;
}

.contsBox2 {
    width: 100%;
    margin: 15px  auto;
    padding: 24px;
    border: 5px solid #b1dcfc;
    background-color: #e3f2fc;
    border-radius: 20px;
    box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-shadow: 0 0 4px gray;
}

.contsBox h2{
	font-weight:500;
}

.contsBox3 {
    width: 100%;
    margin: 15px  auto;
    padding: 24px;
    border: 5px solid #fcd2b1;
    background-color: #fceee3;
    border-radius: 20px;
    box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-shadow: 0 0 4px gray;
}

.contsBox h2{
	font-weight:500;
}

.contsBox4 {
    width: 100%;
    margin: 15px  auto;
    padding: 24px;
    border: 5px solid #b6fcb1;
    background-color: #e5fce3;
    border-radius: 20px;
    box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-shadow: 0 0 4px gray;
}

/*------------------------
制作実績ページのh2デザイン調整
------------------------*/
.page-works .post h2 {
position: relative;
background: #808080;
padding: 6px 5px 6px 45px;
font-size: 20px;
color: #474747;
border-radius: 0 10px 10px 0;
border-bottom: inherit;
font-weight:500;
}

.page-works .post h2:before {
font-family: FontAwesome;
content: "\f087";
display: inline-block;
line-height: 40px;
position: absolute;
padding: 0em;
color: white;
background: #808080;
font-weight: normal;
width: 40px;
text-align: center;
height: 40px;
line-height: 40px;
left: -0.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border: solid 3px white; 
border-radius: 50%;
}

@media only screen and (max-width: 959px) {
.post h2 {
	font-size: 16px;
}
}

@media only screen and (max-width: 799px) {
.post h3 {
	font-size: 14px;
}
}

@media only screen and (max-width: 750px) {.post h2 {
	font-size: 16px;
}
}
	
/*---------------------------
 * Adjsut Css 2018/01/12
 * -----------------------------------*/
.blog-himg{
	width:960px;
	height:auto;
    padding: 4px;
    border: 1px solid #cccccc !important;
	max-width:98.5%;
}
.himg-warp {
    margin: 10px auto;
    padding: 7px;
    padding-top: 10px;
}
@media only screen and (max-width: 640px){
.blog-himg{
	max-width:98.5%;
	height:auto;
}
}

/*HOLO移行対応*/
html{
        min-height: 100vh;
}
body{
min-height: 100vh;
}
#footer{
  position: sticky;
  top: 100vh;
  width: 100%;
}