@charset "utf-8";

/*
Theme Name:mrp08-child
Template:mrp08
Theme URI: http://hp-morph.com/
Description:MORPH 08テーマの子テーマ。
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
-------------------------------------------------------------- */
/* 基本設定
-------------------------------------------------------------- */
body {
	background: url('images/bg_body.png') repeat;
}
a#scrollUp {
	background: #b08043;
}

/* プラグイン・パーツ
-------------------------------------------------------------- */
/* MapPress設定 */
.mapp-layout {
	margin: 5px 0;
	box-sizing: border-box;
	border: 1px solid gray;
}
/* MapPress設定　ボーダーなし */
.mapp-layout {
	margin: 5px 0;
	box-sizing: border-box;
	border: none !important;
}
.mapp-map-links{
border:none !important;
}

/* ヘッダー・フッター・ぱんくず
-------------------------------------------------------------- */
#header .bg {
    background: none;
}
#header .language {
	background: #fff;
    border: 2px solid;
    padding: 4px 10px;
    display: inline-block;
    border-radius: 5px;
    float: right;
}
#header .language li {
	display: inline-block;
}
#header .language li.text {
    font-size: 12px;
	font-weight: 600;
}
#header .language li a {
	margin-left: 5px;
	display: block;
	color: #45423d;
	font-size: 12px;
    font-weight: bold;
}
#header .language li a:hover {
	text-decoration: underline;
}
#header .language li img {
	vertical-align: middle;
	margin-top: -2px;
    margin-right: 5px;
}
#headerInfo p.openTime {
    background: url(images/email.png) no-repeat 0 0px;
}
#headerInfo p.openTime a, #headerInfo p.openTime a:hover {
	color: #45423d;
}
#headerInfo p.openTime a:hover {
	text-decoration: underline;
}
@media only screen and (min-width: 1024px) {
#header {
	margin-bottom: 20px;
}
#header-layout {
	padding-top: 3px;
}
}
@media only screen and (max-width: 959px) {
#headerInfo {
    padding-right: 0;
}
}
@media only screen and (max-width: 799px) {
#headerInfo {
	float: none;
	display: table;
    margin: 0 auto;
    width: auto;
}
#headerInfo .float {
	float: none;
}
#header .language {
	float: none;
    margin: 10px auto 0;
    display: table;
}
#header .logo {
	display: table;
	margin: 0 auto;
}
}
@media only screen and (max-width: 640px) {
#header h1, .description {
	display: none;
}
}

/* グローバルナビ
-------------------------------------------------------------- */
@media only screen and (min-width: 1024px) {
nav#mainNav {
	background: #fff;
	box-shadow: 0px 1px 3px #d8d5c6;
}
nav#mainNav ul li a b {
	margin-bottom: 0.2em;
}
nav#mainNav ul li li a, nav#mainNav ul li li a:hover {
	border-radius: 0 !important;
}

nav#mainNav ul li a b, nav#mainNav ul li a span {
	color: #45423d;
	font-weight: bold;
}
nav#mainNav ul li.current-menu-item a b, nav#mainNav ul li.current-menu-item a span,
nav#mainNav ul li a:hover b, nav#mainNav ul li a:hover span {
	color: #ffffff;
}
#mainNav ul li.current-menu-parent a b {
    color: #fff;
}
}
@media only screen and (max-width: 1023px) {
nav#mainNav ul li li a, nav#mainNav ul li li:last-child a {
    color: #45423d;
}
nav#mainNav ul li.current-menu-item li a {
    color: #45423d;
}

nav#mainNav ul li a b, nav#mainNav ul li a span{
	color: #45423d;
}
nav#mainNav ul li.current-menu-item a b, nav#mainNav ul li.current-menu-item a span,
nav#mainNav ul li a:hover b, nav#mainNav ul li a:hover span {
	color: #ffffff;
}
}

/* メインビジュアル
-------------------------------------------------------------- */
@media only screen and (min-width: 1024px) {
#mainImg {
	margin: -15px 0 0;
}
}

/* サイドバー
-------------------------------------------------------------- */
section.widget {
    margin-bottom: 30px;
}
section.widget_sp_image + section.widget_sp_image {
	margin-top: -10px;
}

/* 見出し
-------------------------------------------------------------- */
h1.title,  .post h1, .post h2, section.widget h2 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
h1.title, .post h1 {
	background: url(images/h1_icon.png) no-repeat top left;
	padding: 0px 10px 7px 70px;
}
.post h2 {
    font-size: 20px;
    padding: 5px;
    border-bottom: 1px solid #dabb86;
    box-shadow: 0px 1px 0 #fff;
	margin-bottom: 20px;
	color: #c75d4a;
	font-weight: bold;
}
.post_text h2 {
    font-size: 16px;
    margin-bottom: 10px;
}
section.widget h2 {
	padding: 0;
	font-size: 15px;
	font-weight: bold;
	border-bottom: 1px solid;
}
* + h2 {
	margin-top: 30px !important;
}
.post h3 {
    border: none;
    padding: 2px 6px;
    font-size: 18px;
    border-left: 8px solid #7b592e;
	color: #7b592e;
	margin-bottom: 15px;
	font-weight: bold;
}
* + h3 {
	margin-top: 30px !important;
}
.post h4 {
    border: none;
    font-weight: bold;
    padding: 0;
    color: #45423d;
    margin: 20px 0 5px;
}

/* ギャラリー・画像
-------------------------------------------------------------- */
.gallery {
    margin-bottom: 15px !important;
}
.gallery img {
    border: 2px solid #e7d8c6 !important;
}
.post img.aligncenter, .post img.alignright, .post img.alignleft, .post img.alignnone {
	margin-bottom: 15px;
}
@media only screen and (min-width: 641px) {
.post img.alignright {
	margin: 0 0 20px 20px;
}
.post img.alignleft {
	margin: 0 20px 20px 0;
}
}

/* コンテンツ
-------------------------------------------------------------- */
#wrapper {
    margin-top: 0;
}
.home #content {
	padding-top: 0;
}
.post table {
	width: 100%;
	font-size: 96%;
}
.post table.clear {
	border: none;
	font-size: 96%;
}
.post table.clear th, .post table.clear td {
    padding: 0 5px;
}
.post table th {
	white-space: nowrap;
}
.post table.clear th {
	white-space: nowrap;
	vertical-align: top;
}
.post ul li, .post ol li {
	margin: 0 0 10px 0;
}
/* フロントページ */
.post .aisatsu {
    background: url(images/frontPage_bg.png) no-repeat bottom right;
    background-size: auto 100%;
    padding-bottom: 20px;
}
/* 入学手続き・費用ページ */
.post .price_list {
	background: #e8ceab;
    padding: 0 10px;
    margin: 0 0 15px;
}
.post .price_list li {
    margin: 7px 0;
    display: inline-block;
	font-size: 16px;
}
.post .price_list li a {
    display: inline-block;
    padding: 0 1em 0 1.6em;
    position: relative;
    color: #7b592e;
    border-radius: 3px;
    line-height: 1.8;
    font-weight: bold;
}
.post .price_list li a:after {
    display: block;
    content: '';
    position: absolute;
    top: .55em;
    left: .5em;
    width: 6px;
    height: 6px;
    border-right: 2px solid #7b592e;
    border-bottom: 2px solid #7b592e;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.post .price_table th {
    width: 28%;
	white-space: normal;
}
/* 海外事務所ページ */
.post .btn_detail {
	text-align: right;
}
.post .btn_detail a {
    display: inline-block;
    padding: 0.5em 3.5em 0.5em 3em;
    background: #4373b0;
    position: relative;
    color: #fff;
    border-radius: 5px;
    line-height: 1.8;
}
.post .btn_detail a:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: .5em;
    width: 6px;
    height: 6px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
	margin-top: -3px;
}
.post .btn_detail a:hover {
    background: #accffc;
}
/* 出席率ページ */
.post .attendance li {
    border-bottom: 1px dashed #dabb86;
    padding: 0 0 5px;
}
/* フォーム 共通*/
.wpcf7-form .must {
	color: #c41a41;
	font-weight: bold;
}
.wpcf7-form .submit {
	text-align: center; 
}
.wpcf7-form input[type=submit] {
	font-size: 110%;
	padding: 6px 40px; 
}
.wpcf7-form input[type=submit]:hover {
	cursor: pointer; 
}
.wpcf7-form span.wpcf7-not-valid-tip {
	background: #fffde0; 
}
.wpcf7-form div.wpcf7-validation-errors {
	background: #fffde0;
}
@media only screen and (min-width: 1024px) {
#wrapper {
    margin-top: 50px;
}
}
@media only screen and (max-width: 640px) {
.post .price_table th, .post .price_table td {
	width: 100%;
	box-sizing: border-box;
	display: block;
    height: auto;
}
input[type="text"], input[type="tel"], input[type="email"], input[type="date"], input[type="url"], input[type="number"], select, textarea {
	height: 30px;
}
.wpcf7-form table th, .wpcf7-form table td {
    width: 100%;
    display: block;
    box-sizing: border-box;
height: auto;
}
.wpcf7-form .wpcf7-text {
    box-sizing: border-box;
}
.wpcf7-form .wpcf7-textarea {
	width: 100% !important;
	max-width: 100%;
    box-sizing: border-box;
    height: auto !important;
}
}