@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
-------------------------------------------------------------- */



/*-------------------------------------------------------------- */
/* 追加・変更
------------------------------------------------------------*/

/*　グローバルメニュー　項目余白調整
@media only screen and (min-width: 1024px){
nav#mainNav ul li a {
    padding: 15px 27px 5px 27px;
}
}　*/


/*float clear*/
.clearfix {zoom:1;}
.clearfix:after{
    content: "";
    display: block;
    clear: both;}


/*改行位置指定用*/
span.nowrap {
display:inline-block;
white-space:nowrap;
}

/*赤文字*/
.fc-red {color:#F00}


/*画像装飾なし*/
.post img.nodeco {
	padding:0;
	border-width:0 !important;
}

/*リスト*/
.post ul li {
    margin: 0px 0px 10px 20px !important;
    list-style: outside none disc;
}
.post ol li {
    margin: 0px 0px 10px 20px !important;
    list-style: outside none decimal;
}


/* 2カラムレイアウト　余白設定
------------------------------------------------------------*/
@media only screen and (min-width: 1024px){
/**/
div.column2_50 h2,
div.column2_50 h3,
div.column2_50 p,
div.column2_70 h3,
div.column2_70 p,
div.column3_33 img {
width:90% !important;
margin:auto !important;
}
}


/* テーブルボーダー修正
--------------------*/
.post table.clear {
border-left-width:0;
}


/*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%;
}

/*------------------------
Adjust css 2017/03/29
---------------------*/
@media only screen and (min-width: 1024px){
nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover, nav#mainNav ul li a:active, nav#mainNav ul li.current-menu-parent a {
background: url(./images/hover.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: -1px;
    background-size: contain;
}
}
#header {
    background: url(./images/header.png) 0px 19px repeat-x;
background-size: 254px;
}
#footer {
    position: relative;
    margin-top: 107px;
}
#footer::before {
content: "";
    background: url(./images/footer.png) repeat-x bottom center;
    width: 100%;
    height: 500%;
    position: absolute;
    top: -589%;
    z-index: -1;
    display: block;
    background-size: 682px;
}
.post h2 {
background: url(./images/h2-line.png) bottom left no-repeat;
    border: none;
    background-position-y: 35px;
    background-position-x: 22px;
    padding-left: 31px;
    padding-top: 13px;
    height: 37px;

}
.post h2::before {
content: "";
    background: url(./images/flag.png);
    padding-bottom: 4px;
    padding-left: 27px;
    padding-top: 21px;
    background-repeat: no-repeat;
}

@media only screen and (min-width: 1024px){

nav#mainNav ul li li a,
nav#mainNav ul li.current-menu-item li a,
nav#mainNav ul li.current-menu-ancestor li a {

    color: #696466;
}
nav#mainNav ul li li a,
nav#mainNav ul li.current-menu-item li a,
nav#mainNav ul li.current-menu-ancestor li a {
    background: rgba(246, 173, 73, 0.83);
}
nav#mainNav ul li li a,
nav#mainNav ul li li a:hover,
nav#mainNav ul li.current-menu-item li a,
nav#mainNav ul li.current-menu-ancestor li a {
    width: 14em;
}
}
#header h1, #header .description {
    font-size: 12px;
}
#mainNav .inner {
    width: 1000px;
}