/*
Theme Name: agamachi_teiju
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: agamachi_teiju
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

agamachi_teiju is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Page Formats
 *   5.2 - Page "homepage(Japanese Top-Page)"
 *   5.3 - Page "conept"
 *   5.4 - Page "event"
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */



/**
 * 1.0 Reset
 *
 * html5doctor.com Reset Stylesheet
 * v1.6.1
 * Last Updated: 2010-09-17
 * Author: Richard Clark - http://richclarkdesign.com 
 * Twitter: @rich_clark
 * https://code.google.com/p/html5resetcss/downloads/list
 * ----------------------------------------------------------------------------
 */

/* HTML5 Doctor CSS Reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;

    /* background:transparent; */
	background-color:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote::before, blockquote::after,
q::before, q::after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}




/* Set Up */
html {
	overflow-y: scroll; /* firefox　スクロールバー対策 */
	font-size: 62.5%;
}

/* ページ基本設定 */
body {
	color: #333;
	/* font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; */
	font-family: "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size-adjust: none;
	-webkit-text-size-adjust: none;
}

/* リンク設定 
a:link {
	color: #1d54a7;
	text-decoration: none; 
}

a:visited {
	color: #1857b5;
	text-decoration: none; 
}

a:hover, 
a:active {
	color: #1d54a7;
	text-decoration: underline; 
}
*/

/**
 * 2.0 Repeatable Patterns (code snippet)
 * ----------------------------------------------------------------------------
 */

/* font-size */
/* ブラウザ間font-size%統一 */
.text10 { font-size:  77%; }
.text11 { font-size:  85%; }
.text12 { font-size:  93%; }
.text13 { font-size: 100%; }
.text14 { font-size: 108%; }
.text15 { font-size: 116%; }
.text16 { font-size: 123.1%; }
.text17 { font-size: 131%; }
.text18 { font-size: 138.5%; }
.text19 { font-size: 146.5%; }
.text20 { font-size: 153.9%; }
.text21 { font-size: 161.6%; }
.text22 { font-size: 167%; }
.text23 { font-size: 174%; }
.text24 { font-size: 182%; }
.text25 { font-size: 189%; }
.text26 { font-size: 197%; }


/* text */
.textcenter { text-align: center; }
.textleft   { text-align: left; }
.textright  { text-align: right; }
.fontbold   { font-weight: bold; }
.fontnormal { font-weight: normal; }

.fontSpacingM1px  { letter-spacing:-1px; }
.fontSpacingM2px  { letter-spacing:-2px  !important;}
.fontSpacing0px   { letter-spacing:0px   !important;}
.fontSpacingP1px  { letter-spacing:1px   !important;}
.fontSpacingP01em { letter-spacing:0.1em !important;}
.lh01 { line-height:  1em;}
.lh14 { line-height: 1.4em;}
.lh16 { line-height: 1.6em;}
.lh24 { line-height: 2.4em;}

.colorred   { color: #ff0000; }
.colorblack { color: #333333; }
.colorgreen { color: #159249; }


/* float & box */
.floatleft   { float: left; }
.floatright  { float: right; }
.clearboth   { clear: both; }
.floatleftimg   { float: left; margin: 0 1.6em 0 0; display: inline; }
.floatrightimg  { float: right; margin: 0 0 0 1.6em; display: inline; }
.displayblock { display: block; }
.displaynone { display: none; }
.displayinline { display: inline; }
.boxcenter  { display: block; margin-left: auto; margin-right: auto; }

.box90  { width: 90%; margin-left: auto; margin-right:auto; }
.box95  { width: 95%; margin-left: auto; margin-right:auto; }
.box98  { width: 98%; margin-left: auto; margin-right:auto; }

.wd_30  { width: 30%; }
.wd_40  { width: 40%; }
.wd_48  { width: 48%; }
.wd_50  { width: 50%; }
.wd_60  { width: 60%; }
.wd_66  { width: 66%; }
.wd_70  { width: 70%; }
.wd_80  { width: 80%; }
.wd_90  { width: 90%; }
.wd_100 { width: 100%; }

.hg_4em { height: 4em; }
.hg_5em { height: 5em; }
.hg_6em { height: 6em; }
.hg_7em { height: 7em; }
.hg_8em { height: 8em; }
.hg_9em { height: 9em; }


/* Padding and Margin Settings */
.marginauto { margin-left: auto; margin-right: auto; }

/* margin-top */
.mt05 { margin-top :  5px; }
.mt10 {	margin-top : 10px; }
.mt15 {	margin-top : 15px; }
.mt20 {	margin-top : 20px; }
.mt25 {	margin-top : 25px; }
.mt30 {	margin-top : 30px; }
.mt35 {	margin-top : 35px; }
.mt40 { margin-top : 40px; }
.mt60 { margin-top : 60px; }

/* margin-left */
.ml00 { margin-left :  0px; }
.ml05 { margin-left :  5px; }
.ml10 {	margin-left : 10px; }
.ml15 {	margin-left : 15px; }
.ml20 {	margin-left : 20px; }
.ml25 {	margin-left : 25px; }
.ml30 { margin-left : 30px; }
.ml35 {	margin-left : 35px; }
.ml40 {	margin-left : 40px; }
.ml60 {	margin-left : 60px; }

/* margin-right */
.mr00 { margin-right :  0px; }
.mr05 { margin-right :  5px; }
.mr10 {	margin-right : 10px; }
.mr15 {	margin-right : 15px; }
.mr20 {	margin-right : 20px; }
.mr25 {	margin-right : 25px; }
.mr30 {	margin-right : 30px; }
.mr35 {	margin-right : 35px; }
.mr40 {	margin-right : 40px; }
.mr60 {	margin-right : 60px; }

/* margin-bottom */
.mb00 { margin-bottom :  0px; }
.mb05 { margin-bottom :  5px; }
.mb10 { margin-bottom : 10px; }
.mb15 {	margin-bottom : 15px; }
.mb20 {	margin-bottom : 20px; }
.mb25 {	margin-bottom : 25px; }
.mb30 { margin-bottom : 30px; }
.mb35 { margin-bottom : 35px; }
.mb40 {	margin-bottom : 40px; }
.mb60 {	margin-bottom : 60px; }

/* padding-top */
.pt00 { padding-top :  0px; }
.pt05 { padding-top :  5px; }
.pt10 {	padding-top : 10px; }
.pt15 {	padding-top : 15px; }
.pt20 { padding-top : 20px; }
.pt25 { padding-top : 25px; }
.pt30 { padding-top : 30px; }
.pt35 { padding-top : 35px; }
.pt40 { padding-top : 40px; }
.pt60 { padding-top : 60px; }

/* paddign-left */
.pl00 {	padding-left :  0px; }
.pl05 {	padding-left :  5px; }
.pl10 {	padding-left : 10px; }
.pl15 {	padding-left : 15px; }
.pl20 { padding-left : 20px; }
.pl25 { padding-left : 25px; }
.pl30 { padding-left : 30px; }
.pl35 { padding-left : 35px; }
.pl40 { padding-left : 40px; }
.pl50 { padding-left : 50px; }
.pl60 { padding-left : 60px; }

/* padding-right */
.pr00 {	padding-right :  0px; }
.pr05 {	padding-right :  5px; }
.pr10 { padding-right : 10px; }
.pr15 { padding-right : 15px; }
.pr20 {	padding-right : 20px; }
.pr25 { padding-right : 25px; }
.pr30 { padding-right : 30px; }
.pr35 { padding-right : 35px; }
.pr40 { padding-right : 40px; }
.pr60 { padding-right : 60px; }

/* padding-bottom */
.pb00 { padding-bottom :  0px; }
.pb05 { padding-bottom :  5px; }
.pb10 {	padding-bottom : 10px; }
.pb15 {	padding-bottom : 15px; }
.pb20 { padding-bottom : 20px; }
.pb25 { padding-bottom : 25px; }
.pb30 { padding-bottom : 30px; }
.pb35 { padding-bottom : 35px; }
.pb40 {	padding-bottom : 40px; }
.pb60 {	padding-bottom : 60px; }


/* リンク設定:コンテンツ内 */
.section a:link    { color: #3B5998; text-decoration: underline; }
.section a:visited { color: #3B5998; text-decoration: underline; }
.section a:hover   { color: #3B5998; text-decoration: underline; }
.section a:active  { color: #3B5998; text-decoration: underline; } 

#pankuzu-list li a:link    { color: #333333; text-decoration: none; }
#pankuzu-list li a:visited { color: #a0a0a0; text-decoration: none; }
#pankuzu-list li a:hover   { color: #3B5998; text-decoration: underline; }
#pankuzu-list li a:active  { color: #3B5998; text-decoration: underline; } 

.ft-navi dd a:link    { color: #353535; text-decoration: none; }
.ft-navi dd a:visited { color: #353535; text-decoration: none; }
.ft-navi dd a:hover   { color: #3B5998; text-decoration: underline; }
.ft-navi dd a:active  { color: #3B5998; text-decoration: underline; } 


/**
 * 3.0 Basic Structure
 * ----------------------------------------------------------------------------
 */

.wrapper { width: 100%; margin: 0 auto; letter-spacing: 0.02em; }
.wrapper::after { content: ""; display: block; clear: both; }
#contents { width: auto; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; }
.contents { width: 980px; margin: 0 auto; padding-top: 76px; padding-bottom: 100px; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.index .contents { width: auto; padding-top: 40px; padding-bottom: 0; }


/* .contents__single-clumn { width: 760px; margin: 0 auto; padding: 30px 20px 0 20px; } */
.contents__single-clumn { width: 980px; margin: 0 auto; padding: 30px 0 0 0; }
	.contents__padding-noheading { padding: 60px 0 0 0; }


/**
 * 4.0 Header
 * ----------------------------------------------------------------------------
 */

/**
 * 4.1 Site Header
 * ----------------------------------------------------------------------------
 */

#header { background-color: #fff; width: 100%; height: 70px; position: fixed; top: 0; z-index: 100; border-top: 2px solid #78882d; border-bottom: 1px solid #e5e5e5; }
#header div { width: 1200px; margin: 0 auto; position: relative; }
#header div::after { content: ""; display: block; clear: both; }
#header div::before { background: url(images/image_leaf_header.png) no-repeat top center scroll; content: ""; display: block; width: 144px; height: 60px; position: absolute; top: 0; left: 10px; }
#header-logo { width: 204px; height: 28px; float: left; margin: 20px 0 0 160px; }
#header-logo a { display: block; width: 100%; height: auto; }
#header-logo img { width: 100%; height: auto; vertical-align: middle; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; }
#header-logo img:hover { opacity: 0.6; }

	/* スマホ版コンテンツ */
	#sp-navi-btn { display: none }

	/* fix後処理 */
	#main-image.fixed > .mic-left  { opacity: 0; }
	#main-image.fixed > .mic-right { opacity: 0; }




	/* サブページ */
	body.page #header { width: 100%; position: fixed; top: 0px; }


/**
 * 4.2 Navigation
 * ----------------------------------------------------------------------------
 */


#global-navi { float: right; text-align: center; min-height: 70px; }
#global-navi ul { text-align: right; letter-spacing:-.40em; font-size: 14px; font-size: 1.4rem; }
#global-navi li { display: inline-block; letter-spacing: 0.05em; border-left: 1px solid #cccccc; min-height: 70px; }
#global-navi a { background: #fff; display: block; width: 100%; height: auto; text-decoration: none; color: #333; -webkit-transition: all .3s ease; transition: all .3s ease; }
#global-navi a:hover, 
#global-navi a:active { background: #666666; color: #fff; }
#global-navi a span { display: table-cell; height: 70px; margin: 0 auto; padding: 0 1.4em; text-align: center; vertical-align: middle; line-height: 1.4; }

	/* スマホ版コンテンツ */
	#global-navi-sp { display: none }




/**
 * 5.0 Content
 * ----------------------------------------------------------------------------
 */


/**
 * 5.1 Page Formats
 * ----------------------------------------------------------------------------
 */

/*--------------------------
parts
--------------------------*/

/* more-info */
.more-info { display: block; width: 400px; margin: 0 auto; font-size: 16px; font-size: 1.6rem; letter-spacing: 0.1em; text-indent: 0.1em; }
.more-info span { background: #fff; display: block; width: 100%; padding: 15px 0; text-align: center; color: #333; position: relative; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; transition: all .3s ease-out; }
.more-info span::before { position: absolute; top: 50%; transform: translateY(-50%); right: 15px; font-size: 21px; font-size: 2.1rem; font-weight: bold; color: #999; font-family: 'FontAwesome'; content: "\f105"; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; transition: all .3s ease-out; }

.more-info a { display: block; width: 100%; height: auto; text-decoration: none; }
.more-info a span { background-color: inherit; border: 1px solid #a09e9d; -webkit-border-radius: 6px; -moz-border-radius: 6px;  }
.more-info a:hover span { background-color: #333; color: #fff; border: 1px solid #333; }
.more-info a:hover span::before { right: 12px; color: #fff; }

/* smart */
.hide-smart { display: none; }

/* screen reader */
.screenreader { position: absolute; margin-left: -9999px; overflow: hidden; }


/*--------------------------
layout
--------------------------*/
/* 見出し（1） */
#page-category { background: #fff url(images/bg_texture_beige.png) repeat top center scroll; display: table; width: 100%; height: 160px; margin-top: 68px; position: relative; }
#page-category p { display: table-cell; vertical-align: middle; width: 100%; text-align: center; font-size: 36px; font-size: 3.6rem; color: #993e00; letter-spacing: 0.05em; text-indent: 0.05em; font-family: "ＭＳ Ｐ明朝", "ＭＳ 明朝", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif; }

/* 見出し（3） */
.finding-h3 { margin-bottom: 24px; color: #78882d; font-size: 20px; font-size: 2.0rem; letter-spacing: 0.02em; line-height: 1.4; font-weight: bold; text-align: center; }

/* パンくず */
#pankuzu-list ul { background-color: #fff; width: auto;	padding: 16px 0 16px 20px; text-align: left; letter-spacing:-.40em; border-bottom: 1px solid #e5e5e5; }
#pankuzu-list li { display: inline; letter-spacing:normal; padding-right: 10px; font-size: 11px; font-size: 1.1rem; }
#pankuzu-list li::after { padding: 0 0 0 15px; font-family: 'FontAwesome'; content: "\f105"; }
#pankuzu-list li:last-child::after { display: none; }

/* wp-pagenavi(plugin) */
.contents .wp-pagenavi { font-size: 14px; font-size: 1.4rem; }
.contents .wp-pagenavi a, .contents .wp-pagenavi span { text-decoration: none; border: 1px solid #BFBFBF; padding: 3px 8px; margin: 2px; color: #333; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
.contents .wp-pagenavi span.current { border-color: #7c7c7c; background-color: #7c7c7c; color: #fff; font-weight: bold; }
.contents .wp-pagenavi a:hover      { border-color: #c9d39a; background-color: #c9d39a; color: #fff; }





/***************
 ul 
***************/
/* テキストリストマーク */
ul.ul-tl { font-size: 14px; font-size: 1.4rem; }
ul.ul-tl > li { position: relative; margin-bottom: 6px; list-style: outside none none; line-height: 1.2; text-indent: -1em; margin-left: 1em;  }




/* 基本 */
.ul-de { margin-left: 30px; font-size: 108%; /* 14pt */ }
.ul-de > li { position: relative; margin: 8px 0; list-style: outside none none; line-height: 1.4; }
.ul-de > li::before { content: '・'; color: #28a4d6; font-size: 30px; line-height: 10px; position: absolute; left: -25px; top: 4px; }

/* 縮小版 */
.ul-la { margin-left: 20px; }
.ul-la > li { position: relative; margin: 4px 0; list-style: outside none none; line-height: 1.2; }
.ul-la > li::before { content: '・'; color: #5f5f5f; font-size: 24px; line-height: 10px; position: absolute; left: -21px; top: 4px; }

/* リスト化せず */
.ul-nl { margin-left: 0; font-size: 108%; /* 14pt */ }
.ul-nl > li { position: relative; margin: 4px 0; list-style: outside none none; line-height: 1.4; }





/***************
 dl 
***************/
/* dl */
.dl-de { font-size: 108%; /* 14pt */ line-height: 1.4; }
.dl-de dt { font-weight: bold; }




blockquote { font-size: 108%; /* 14pt */ line-height: 1.6; color: #555; border-left: solid 4px #ddd; padding: .8em 1.2em; margin: 1em 0 1em .8em; }





















.ul_fl {
	list-style: outside disc;
	margin-left: 30px;
	line-height: 1.6;
}
.ul_fl li {
	margin-bottom: 0.8em;
}
.ul_fl li.headline {
	list-style: outside none;
	margin-top: 1.8em;
	font-weight: bold;
}
td .ul_fl {
	padding-bottom: 0;
}




/* ol */
.ol_decimal {
	list-style: outside decimal;
	margin-left: 30px;
	padding-bottom: 1.6em;
	line-height: 1.6;
}
.ol_decimal li {
	margin-bottom: 0.8em;
}








































/**
 * 5.2 Page "homepage(Japanese Top-Page)"
 * ----------------------------------------------------------------------------
 */


/*-----------------------
main-image
-----------------------*/
#main-image { width: 980px; margin: 65px auto 0 auto; position: relative; }
#main-image > p { width: 100%; font-size: 32px; font-size: 3.2rem; color: #fff; text-align: center; letter-spacing: 0.5em; text-indent: 0.5em; text-shadow: 1px 1px rgba(62,62,62,0.6); position: absolute; top: 50%; transform: translateY(-50%); z-index: 50; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
#main-image > .main-image-circle { display: none; width: 250px; height: auto; z-index: 200; position: absolute; }
#main-image > .mic-left  { top: -15px;    right: 80px; opacity: 1; -webkit-transition: all .3s ease; transition: all .3s ease; }
#main-image > .mic-right { bottom: -30px; left:  80px; opacity: 1; -webkit-transition: all .3s ease; transition: all .3s ease; }

/* swiper custom */
.swiper-slide img { display: block; width: 100%; height: auto; }
.swiper-pagination-bullet { background-color: #fff; width: 10px; height: 10px; border: 1px solid #FFF; opacity: 1; }
.swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #78882d; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; }


/*-----------------------
見出し：ライン装飾
-----------------------*/
.index-finding { margin: 0 auto 24px auto; font-size: 26px; font-size: 2.6rem; text-align: center; color: #993E00; font-family: "ＭＳ Ｐ明朝", "ＭＳ 明朝", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif; }
.index-finding span { display: block; position: relative; letter-spacing: 0.12em; margin-left: 0.12em; }


/*-----------------------
index-topics
-----------------------*/
#index-topics { width: 980px; margin: 0 auto; padding: 0px 0 40px 0; }
#index-topics::after { content: ""; display: block; clear: both; }

.blog-rss { width: 980px; min-height: 100px; overflow: auto; margin: 0 auto 40px auto; }
.blog-rss article { line-height: 1.4; }
.blog-rss article a { display: block; width: auto; text-decoration: none; padding: 10px 20px; border-bottom: 1px dotted #cfcfcf; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; }
.blog-rss article:nth-of-type(1) a { border-top: 1px dotted #cfcfcf; }
.blog-rss article a:active, 
.blog-rss article a:hover {
	background-color: #aec154;
	background-color: rgba(174, 193, 84, 0.25);
	background-color: #aec154(); }
.blog-rss header .iib-time { display: inline; color: #78882D; font-size: 14px; font-size: 1.4rem; padding-right: 5px; float: left; }
.blog-rss header h1 { display: block; font-weight: normal; color: #333; font-size: 14px; font-size: 1.4rem; margin-left: 130px; }
.blog-rss header h1 span { color: #fe0002; }


/*-----------------------
index-support
-----------------------*/
#index-support-wrapper { background: url(images/bg_texture_beige.png) repeat top center scroll; padding: 40px 0 0px 0; text-align: center; }
#index-support { width: 794px; margin: 0 auto; }
#index-support::after { content: ""; display: block; clear: both; }

#index-support section { width: 248px; float: left; position: relative; }
#index-support section:nth-of-type(2), 
#index-support section:nth-of-type(5) { margin: 0 25px; }
#index-support section:nth-of-type(4) { clear: both; }

#index-support a { display: block; width: 100%; height: 100%; color: #333; text-decoration: none; }
#index-support .isb-image { background-color: #fff; display: block; overflow: hidden; }
#index-support a img { display: block; width: 248px; height: auto; -webkit-transition: all .3s ease; transition: all .3s ease; }
#index-support :hover img { opacity:.7; -webkit-transform:scale(1.04) ;-ms-transform:scale(1.04); transform:scale(1.04) }
#index-support section h1 { padding: 8px 0 30px 0; font-size: 21px; font-size: 2.1rem; letter-spacing: 0.12em; margin-left: 0.12em;  line-height: 1.4; font-family: "ＭＳ Ｐ明朝", "ＭＳ 明朝", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif; }


/*-----------------------
index-voice
-----------------------*/
#index-voice-wrapper { width: 794px; margin: 0 auto; padding: 40px 0 10px 0; text-align: center; }
#index-voice-wrapper .index-finding { padding-bottom: 10px; }

#index-voice::after { content: ""; display: block; clear: both; }
#index-voice section { width: 248px; float: left; position: relative; }
#index-voice section:nth-of-type(2) { margin: 0 25px; }

#index-voice a { display: block; width: 100%; height: 100%; color: #333; text-decoration: none; }
#index-voice .ivb-image { background-color: #fff; display: block; overflow: hidden; }
#index-voice a img { display: block; width: 248px; height: auto; -webkit-transition: all .3s ease; transition: all .3s ease; }
#index-voice :hover img { opacity:.7; -webkit-transform:scale(1.04) ;-ms-transform:scale(1.04); transform:scale(1.04) }
#index-voice section h1 { padding: 8px 0 30px 0; font-size: 21px; font-size: 2.1rem; letter-spacing: 0.12em; margin-left: 0.12em;  line-height: 1.4; font-family: "ＭＳ Ｐ明朝", "ＭＳ 明朝", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif; }
#index-voice section p { display: none; }


/*-----------------------
index-banner
-----------------------*/
#index-banner { background: url(images/bg_texture_beige.png) repeat top center scroll; padding: 40px 0 40px 0; text-align: center; }
#index-banner ul { display: block; width: 645px; margin: 0 auto; letter-spacing:-.40em; }
#index-banner ul::after { content: ""; display: block; clear: both; }
#index-banner li { display: block; width: 310px; float: left; position: relative; }
#index-banner li:nth-of-type(2) { margin: 0 0 0 25px; }
#index-banner li a { background-color: #fff; display: block; width: 100%; height: auto; }
#index-banner li a img { display: block; width: 310px; height: 80px; font-size: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; }
#index-banner li a img:hover { opacity:.7; }



/**
 * 5.3 Page
 * ----------------------------------------------------------------------------
 */

/* maxwidth-image */
#maxwidth-image, .maxwidth-image { display: block; margin-left: auto; margin-right: auto; }
#maxwidth-image img, .maxwidth-image img { display: block; width: 100%; height: auto; }

/* split-half */
.split-half { display: block; width: 100%; margin-left: auto; margin-right: auto; }
.split-half::after { content: ""; display: block; clear: both; }
.split-half > div { width: 470px; }
.split-half > div img.fiximage { display: block; width: 100%; height: auto; }
.split-half > div:nth-of-type(1) { float: left; }
.split-half > div:nth-of-type(2) { float: right; }

/* text */
.page-catch { margin-bottom: 40px; font-size: 18px; font-size: 1.8rem; text-align: center; }
p.basic-p { font-size: 14px; font-size: 1.4rem; text-align: center; line-height: 1.5; margin-bottom: 20px; }

/* ul */
ul.basic-ul { margin-left: 16px; font-size: 14px; font-size: 1.4rem; }
ul.basic-ul > li { position: relative; margin-bottom: 6px; list-style: outside none none; line-height: 1.2; }
ul.basic-ul > li:before { content: '・'; color: #78882d; font-size: 30px; line-height: 10px; position: absolute; left: -25px; top: 4px; }
	ul.basic-ul > li ul.basic-ul { padding: 0.3em 0 0.8em 0; }
	ul.basic-ul > li ul.basic-ul > li:before { content: '・'; color: #8d8d8d; font-size: 30px; line-height: 10px; position: absolute; left: -25px; top: 4px; }

/* ol */
ol.basic-ol { margin-left: 24px; font-size: 14px; font-size: 1.4rem; }
ol.basic-ol > li { position: relative; margin-bottom: 6px; list-style: outside decimal none; line-height: 1.2; }

/* dl */
dl.basic-dl { font-size: 14px; font-size: 1.4rem; }
dl.basic-dl dt { font-weight: bold; }



/* table */
table.basic-table { width: 100%; vertical-align: middle; font-size: 14px; font-size: 1.4rem; line-height: 1.4; }
table.basic-table th { background: #f5f7f0; width: 80px; padding: 0.8em 1.2em; font-weight: bold; text-align: left; vertical-align: top; white-space: nowrap; border-bottom: 1px solid #c2c2c2; }
table.basic-table td { background: #fff; padding: 0.8em 1.2em; vertical-align: top; border-bottom: 1px solid #c2c2c2; }
table.basic-table tr:first-child th { border-top: 5px solid #78882d; }
table.basic-table tr:first-child td { border-top: 5px solid #cccccc; }



/**
 * 5.3 Page "about"
 * ----------------------------------------------------------------------------
 */

body.about .index-finding { padding-bottom: 10px; }
body.about .split-half { padding-top: 40px; }
body.about .split-half > div:nth-of-type(1) p { font-size: 14px; font-size: 1.4rem; line-height: 1.8; margin-bottom: 2em; }
body.about .split-half > div:nth-of-type(2)::after { content: ""; display: block; clear: both; }
body.about .split-half > div:nth-of-type(2) img { display: block; margin-bottom: 10px; }
body.about .split-half > div:nth-of-type(2) img:nth-child(odd)  { float: left; clear: both; }
body.about .split-half > div:nth-of-type(2) img:nth-child(even) { float: right; }




/**
 * 5.3 Page "house"
 * ----------------------------------------------------------------------------
 */

#house-pagelink { margin-bottom: 40px; }
#house-pagelink::after { content: ""; display: block; clear: both; }
#house-pagelink li { display: block; width: 300px; float: left; }
#house-pagelink li:nth-of-type(2) { margin-left: 40px; margin-right: 40px; }
#house-pagelink li a { display: block; width: 100%; height: 100%; color: #fff; position: relative; text-decoration: none; }
#house-pagelink li a div { background-color: #000; display: block; overflow: hidden; }
#house-pagelink li a div img { display: block; width: 100%; height: auto; -webkit-transition: all .3s ease; transition: all .3s ease; }
#house-pagelink li a:hover div img { opacity:.4; -webkit-transform:scale(1.04); -ms-transform:scale(1.04); transform:scale(1.04); }
#house-pagelink li a p.hp-title { background-color: #78882d; width: 100%; padding: 10px 0; font-size: 18px; font-size: 1.8rem; text-align: center; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; }
#house-pagelink li a:hover p.hp-title { background-color: #506d1c; }
#house-pagelink li a p.hp-decoration { display: none; }
#house-pagelink li a:hover p.hp-decoration { display: inline-block; padding-top: 55px; font-size: 14px; font-size: 1.4rem; position: absolute;	top: 25px; left: 50%; margin-left: -17px; /* transform: translateX(-50%); */ z-index: 2; }
#house-pagelink li a:hover p.hp-decoration span { position: absolute; top: 0; left: 50%; width: 24px; height: 24px; margin-left: -12px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: clickdown 1.5s infinite; animation: clickdown 1.5s infinite; box-sizing: border-box; }
@-webkit-keyframes clickdown {
	0% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
	}
	20% {
		-webkit-transform: rotate(-45deg) translate(-10px, 10px);
	}
	40% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
	}
}
@keyframes hpdcr {
	0% {
		transform: rotate(-45deg) translate(0, 0);
	}
	20% {
		transform: rotate(-45deg) translate(-10px, 10px);
	}
	40% {
		transform: rotate(-45deg) translate(0, 0);
	}
}

#house-map { width: 780px; margin: 0 auto 100px auto; }
#house-map img { display: block; width: 100%; height: auto; }

/* 切り替えボタン */
.switching-tab { border-bottom: 5px solid #78882d; letter-spacing:-.40em; margin-bottom: 20px; }
.switching-tab li { background-color: #e5e5e5; display: inline-block; width: 230px; text-align: center; color: #333; font-weight: bold; padding: 16px 0 10px 0; margin: 0 20px 0 0; font-size: 14px; font-size: 1.4rem; letter-spacing: 0.1em; cursor: pointer; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; }
.switching-tab li.selected { background-color: #78882d; color: #fff; }
.switching-tab li:nth-of-type(4) { margin: 0; }
.switching-tab li:focus { outline-color: rgb(59, 153, 252); outline-offset: 0px; outline-style: auto; outline-width: 5px; }


/* コンテンツ */
.switching-postlist > li { display: block; letter-spacing:-.40em; }
.switching-postlist > li.hide { display: none; }
.switching-postlist > li article { display: inline-block; vertical-align: top; width: 230px; margin: 0 20px 20px 0; line-height: 1.4; letter-spacing: 0.05em; }
.switching-postlist > li article:nth-of-type(4n) { margin-right: 0; }
.switching-postlist > li article a { display: block; width: 100%; text-decoration: none; color: #333; }
.switching-postlist > li article a div { background-color: #000; display: block; margin-bottom: 10px; overflow: hidden; position: relative; }
.switching-postlist > li article a div img { display: block; width: 100%; height: auto; -webkit-transition: all .3s ease; transition: all .3s ease; }
.switching-postlist > li article a:hover div img { opacity:.4; -webkit-transform:scale(1.04); -ms-transform:scale(1.04); transform:scale(1.04); }
.switching-postlist > li article a ul > li h1 { font-weight: normal; }

#co-001 .switching-postlist { padding-bottom: 70px; }

/* コンテンツ：タグ */
.switching-postlist > li article a div.sp-tag::before  { display: inline-block; width: 120px; padding: 0.5em 0; font-size: 14px; font-size: 1.4rem; color: #fff; text-align: center; position: absolute; top: 50%; left: 50%; margin: -1.2em 0 0 -60px; /* transform: translate(-50%, -50%); */ z-index: 10; border: 1px solid #fff; }
.switching-postlist > li article a div.sp-tag.sp-contracted::before { content: "契約済み"; background-color: rgba(255, 3, 0, 0.5); } /* 契約済み */
.switching-postlist > li article a div.sp-tag.sp-negotiation::before { content: "交渉中"; background-color: rgba(0, 72, 255, 0.5); } /* 交渉中 */
.switching-postlist > li article a div.sp-tag.sp-rent::before        { content: "貸出中"; background-color: rgba(38, 145, 23, 0.5); } /* 貸出中 */



/**
 * 5.3 Page "house / detail"
 * ----------------------------------------------------------------------------
 */

body.house-detail .index-finding { padding-bottom: 10px; }

body.house-detail .split-half { margin-bottom: 40px; }
body.house-detail .split-half > div:nth-of-type(1) > a > img { display: block; width: 100%; height: auto; margin-bottom: 10px; }
body.house-detail .split-half > div:nth-of-type(1) ul::after { content: ""; display: block; clear: both; }
body.house-detail .split-half > div:nth-of-type(1) ul li { display: block; width: 150px; margin: 0 10px 10px 0; float: left; }
body.house-detail .split-half > div:nth-of-type(1) ul li:nth-of-type(3n) { margin-right: 0; }
body.house-detail .split-half > div:nth-of-type(1) ul li a { display: block; width: 100%; }
body.house-detail .split-half > div:nth-of-type(1) ul li a img { display: block; width: 100%; height: auto; }
body.house-detail .split-half > div:nth-of-type(1) > p { padding-top: 10px; font-size: 14px; font-size: 1.4rem; text-align: center; }

body.house-detail div  { text-align: center; }
body.house-detail div.sg-tag::before  { display: inline-block; width: 240px; margin-top: -20px; margin-bottom: 40px; padding: 0.8em 0; font-size: 14px; font-size: 1.4rem; color: #fff; text-align: center; }
body.house-detail div.sg-tag.sg-contracted::before { content: "契約済み"; background-color: rgba(255, 3, 0, 0.8); } /* 契約済み */
body.house-detail div.sg-tag.sg-negotiation::before { content: "交渉中"; background-color: rgba(0, 72, 255, 0.8); } /* 交渉中 */
body.house-detail div.sg-tag.sg-rent::before        { content: "貸出中"; background-color: rgba(38, 145, 23, 0.8); } /* 貸出中 */




/**
 * 5.3 Page "voice"
 * ----------------------------------------------------------------------------
 */

#voice-list { display: block; letter-spacing:-.40em; }
#voice-list > li { display: inline-block; vertical-align: top; width: 300px; margin: 0 40px 40px 0; line-height: 1.4; letter-spacing: 0.05em; }
#voice-list > li:nth-of-type(3n) { margin-right: 0; }
#voice-list > li section a { display: block; width: 100%; text-decoration: none; color: #333; }
#voice-list > li section a div { background-color: #000; display: block; margin-bottom: 15px; overflow: hidden; position: relative; }
#voice-list > li section a div p.vl-decoration { display: none; }
#voice-list > li section a:hover div p.vl-decoration { display: inline-block; padding-top: 55px; font-size: 14px; font-size: 1.4rem; color: #fff; position: absolute;	top: 60px; left: 50%; margin-left: -17px; /* transform: translateX(-50%); */ z-index: 2; }
#voice-list > li section a:hover div p.vl-decoration span { position: absolute; top: 0; left: 50%; width: 24px; height: 24px; margin-left: -12px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: clickdown 1.5s infinite; animation: clickdown 1.5s infinite; box-sizing: border-box; }
#voice-list > li section a div img { display: block; width: 100%; height: auto; -webkit-transition: all .3s ease; transition: all .3s ease; }
#voice-list > li section a:hover div img { opacity:.4; -webkit-transform:scale(1.04); -ms-transform:scale(1.04); transform:scale(1.04); }
#voice-list > li section a h1 { margin-bottom: 5px; font-size: 21px; font-size: 2.1rem; color: #78882d; letter-spacing: 0.2em; }



/**
 * 5.3 Page "voice / detail"
 * ----------------------------------------------------------------------------
 */

body.voice-detail .index-finding { padding-bottom: 10px; }

.split-64 { display: block; width: 100%; margin-left: auto; margin-right: auto; }
.split-64::after { content: ""; display: block; clear: both; }
.split-64 > div:nth-of-type(1) { width: 500px; float: left; }
.split-64 > div:nth-of-type(2) { width: 440px; float: right; }

#voic-image { margin-bottom: 20px; }
#voic-image::after { content: ""; display: block; clear: both; }
#voic-image > img { display: block; width: 330px; float: left; }
#voic-image > div { display: block; width: 160px; float: right; }
#voic-image > div img { display: block; width: 100%; }
#voic-image > div img:nth-of-type(1) { margin-bottom: 10px; }

body.voice-detail dl.dl-balloon dt { background-color: #78882d; padding: 0.7em; font-size: 16px; font-size: 1.6rem; text-align: center; font-weight: bold; color: #fff; }
body.voice-detail dl.dl-balloon dd { margin-bottom: 30px; padding: 1em 1.2em; font-size: 14px; font-size: 1.4rem; line-height: 1.4; border: 1px solid #78882d; border-top: none; position: relative; }
body.voice-detail dl.dl-balloon dd::before { content: ""; display: block; width: 0; height: 0; border: 15px solid transparent; border-top: 15px solid #78882d; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); z-index: 2; }
body.voice-detail dl.dl-balloon dd::after  { content: ""; display: block; width: 0; height: 0; border: 15px solid transparent; border-top: 15px solid #fff;    position: absolute; bottom: -29px; left: 50%; transform: translateX(-50%); z-index: 3; }
body.voice-detail dl.dl-balloon dd:last-child::before { display: none;}
body.voice-detail dl.dl-balloon dd:last-child::after  { display: none; }
body.voice-detail dl.dl-balloon dd p { margin-bottom: 1.2em; line-height: 1.6; }
body.voice-detail dl.dl-balloon dd p:last-child { margin-bottom: 0; }



/**
 * 5.3 Page "job"
 * ----------------------------------------------------------------------------
 */

body.job .index-finding { padding-bottom: 10px; }
#job-info p.basic-p { padding-bottom: 30px; }

.dl-jobentry { text-align: center; }
.dl-jobentry dl { display: inline-block; margin-bottom: 50px; font-size: 14px; font-size: 1.4rem; text-align: left; }
.dl-jobentry dl dt { font-weight: bold; color: #333; position: relative; }
.dl-jobentry dl dt:before { content: '・'; color: #4a4a4a; font-size: 30px; line-height: 10px; position: absolute; left: -25px; top: 4px; }
.dl-jobentry dl dd { padding: 0.4em 0 1.2em 0; line-height: 1.4; }

#job-list { padding-bottom: 40px; }
body.job #job-list .index-finding { margin-bottom: 10px; padding-bottom: 0px; }
.job-list-box { margin-bottom: 50px; }
.job-list-box::after { content: ""; display: block; clear: both; }
.job-list-box > p { background-color: #78882d; width: 220px; float: left; padding: 1.6em 20px; font-size: 18px; font-size: 1.8rem; text-align: center; font-weight: bold; color: #fff; line-height: 1.4; }
.job-list-box > table { width: 700px; float: right; }

body.job .more-info { width: 500px; }
body.job .more-info br { display: none; }



/**
 * 5.3 Page "faq"
 * ----------------------------------------------------------------------------
 */

body.faq dl.dl-balloon::after { content: ""; display: block; clear: both; }
body.faq dl.dl-balloon dt { background-color: #78882d; display: block; width: 278px; padding: 20px 20px; font-size: 16px; font-size: 1.6rem; line-height: 1.6; text-align: center; font-weight: bold; color: #fff; border: 1px solid #78882d; float: left; clear: both; }
body.faq dl.dl-balloon dd { display: block; width: 618px; padding: 20px 20px; margin-bottom: 40px; font-size: 14px; font-size: 1.4rem; line-height: 1.6; border: 1px solid #78882d; position: relative; float: left; }
body.faq dl.dl-balloon dd p { margin-bottom: 1.2em; }
body.faq dl.dl-balloon dd p:last-child { margin-bottom: 0; }
body.faq dl.dl-balloon dd::before { content: ""; display: block; width: 0; height: 0; border: 15px solid transparent; border-top: 15px solid #78882d; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); z-index: 2; }
body.faq dl.dl-balloon dd::after  { content: ""; display: block; width: 0; height: 0; border: 15px solid transparent; border-top: 15px solid #fff;    position: absolute; bottom: -29px; left: 50%; transform: translateX(-50%); z-index: 3; }
body.faq dl.dl-balloon dd:last-child::before { display: none;}
body.faq dl.dl-balloon dd:last-child::after  { display: none; }



/**
 * 5.3 Page "house / system"
 * ----------------------------------------------------------------------------
 */

body.house-system .index-finding { padding-bottom: 10px; }

body.house-system dl.hs-info { width: 700px; margin: 0 auto; padding: 20px 0 80px 0; }
body.house-system dl.hs-info dt { padding-bottom: 0.4em; font-size: 16px; font-size: 1.6rem; line-height: 1.6; text-align: center; font-weight: bold; color: #78882d; }
body.house-system dl.hs-info dd { font-size: 14px; font-size: 1.4rem; line-height: 1.6; }

body.house-system #co-001 ul.ul-tl  { width: 640px; margin: 20px auto 100px auto; }
body.house-system #co-001 ul.ul-tl li  { line-height: 1.4; }

body.house-system dl { padding-bottom: 60px; }
body.house-system dl.dl-balloon dt {  display: block; padding: 20px 20px 0px 20px; font-size: 16px; font-size: 1.6rem; line-height: 1.6; font-weight: bold; color: #78882d; border: 1px solid #b7c37e; border-bottom: none; position: relative; }
body.house-system dl.dl-balloon dt.hs-db-nodd { padding: 20px; margin-bottom: 40px; border-bottom: 1px solid #b7c37e; }
body.house-system dl.dl-balloon dd {  display: block; padding: 20px; margin-bottom: 40px; font-size: 14px; font-size: 1.4rem; line-height: 1.6; border: 1px solid #b7c37e; border-top: none; position: relative; }
body.house-system dl.dl-balloon dd p { margin-bottom: 1.2em; }
body.house-system dl.dl-balloon dd p:last-child { margin-bottom: 0; }

body.house-system dl.dl-balloon dt.hs-db-nodd::before { content: ""; display: block; width: 0; height: 0; border: 15px solid transparent; border-top: 15px solid #b7c37e; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); z-index: 2; }
body.house-system dl.dl-balloon dt.hs-db-nodd::after  { content: ""; display: block; width: 0; height: 0; border: 15px solid transparent; border-top: 15px solid #fff;    position: absolute; bottom: -29px; left: 50%; transform: translateX(-50%); z-index: 3; }
body.house-system dl.dl-balloon dt.hs-db-nodd:last-child::before { display: none;}
body.house-system dl.dl-balloon dt.hs-db-nodd:last-child::after  { display: none; }
body.house-system dl.dl-balloon dd::before { content: ""; display: block; width: 0; height: 0; border: 15px solid transparent; border-top: 15px solid #b7c37e; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); z-index: 2; }
body.house-system dl.dl-balloon dd::after  { content: ""; display: block; width: 0; height: 0; border: 15px solid transparent; border-top: 15px solid #fff;    position: absolute; bottom: -29px; left: 50%; transform: translateX(-50%); z-index: 3; }
body.house-system dl.dl-balloon dd:last-child::before { display: none;}
body.house-system dl.dl-balloon dd:last-child::after  { display: none; }

body.house-system .inline-box { text-align: center; }
body.house-system .inline-box > ul.basic-ul { display: inline-block; text-align: left; }



/**
 * 5.3 Page "house / system"
 * ----------------------------------------------------------------------------
 */

body.support .support-box .index-finding { padding-bottom: 10px; }
body.support .support-box { margin-bottom: 80px; font-size: 14px; font-size: 1.4rem; border: 1px solid #dbdbdb; border-top: 5px solid #78882d; padding: 25px 65px 10px 65px; }
body.support .support-box p { margin-bottom: 2em; line-height: 1.6; }
body.support .support-box .finding-h3 { margin-bottom: 5px; text-align: left; font-weight: normal; }

body.support .support-box ol.basic-ol { margin-bottom: 30px; }
body.support .support-box ol.basic-ol > li { margin-bottom: 8px; line-height: 1.6; }

body.support .support-box ul.ul-tl { margin-bottom: 30px; }

body.support .support-box dl.basic-dl { margin-bottom: 30px; }
body.support .support-box dl.basic-dl dd { padding: 0.5em 0 0 0.5em;}
body.support .support-box dl.basic-dl dd ul.basic-ul li  { margin-bottom: 10px; }




/**
 * 5.5 single
 * ----------------------------------------------------------------------------
 */

/*-----------------------
テンプレート内
-----------------------*/
/* 記事タイトル */
body.single.nofixwidth .entry-header .index-finding { margin: 0 auto 12px; line-height: 1.4; }
body.single.nofixwidth .entry-header .heading-time { font-size: 13px; font-size: 1.3rem; text-align: center; line-height: 1.5; padding: 0 0 80px 0; color:#999; }





/**
 * 5.5 single・page共用
 * ----------------------------------------------------------------------------
 */

/*-----------------------
ビジュアルエディター（投稿）用
-----------------------*/
/* 各要素 */
body.nofixwidth .entry-content h3 { padding: 10px 0 18px 0; font-size: 20px; font-size: 2.0rem; color: #78882d; letter-spacing: 0.02em; line-height: 1.4; font-weight: bold; font-family: "ＭＳ Ｐ明朝", "ＭＳ 明朝", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif; }
body.nofixwidth .entry-content h4 { padding: 10px 0 10px 0; font-size: 16px; font-size: 1.6rem; line-height: 1.5; font-family: "ＭＳ Ｐ明朝", "ＭＳ 明朝", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif; position: relative; }

	/* 見出しに下線を付ける場合 */
	body.nofixwidth .entry-content h3.decline { margin-bottom: 20px; border-bottom: 3px solid #ede9ea; }
	body.nofixwidth .entry-content h3.decline span { display: inline-block; padding: 0 0 3px 0; margin: 0 0 -3px 0; border-bottom: 3px solid #e5797b; }

	/* ルビの解消 */
	body.nofixwidth .entry-content h3 rp, body.nofixwidth .entry-content h3 rt { font-weight: normal; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }


body.nofixwidth .entry-content p { font-size: 14px; font-size: 1.4rem; line-height: 1.8; margin-bottom: 20px; }

body.nofixwidth .entry-content ul{ font-size: 14px; font-size: 1.4rem; line-height: 1.5; padding-left: 40px; margin-bottom: 10px; }
body.nofixwidth .entry-content ul > li { margin-bottom: 0.5em; position: relative; list-style: outside none none; line-height: 1.5; }
body.nofixwidth .entry-content ul > li:before { content: '・'; color: #6f6f6f; font-size: 30px; line-height: 10px; position: absolute; left: -25px; top: 7px; }

body.nofixwidth .entry-content ol { font-size: 14px; font-size: 1.4rem; line-height: 1.5; padding-left: 40px; margin-bottom: 10px; }
body.nofixwidth .entry-content ol > li { margin-bottom: 0.5em; position: relative; list-style: outside decimal none; line-height: 1.5; }

body.nofixwidth .entry-content dl { font-size: 14px; font-size: 1.4rem; line-height: 1.5; margin-bottom: 20px; }
body.nofixwidth .entry-content dt { font-weight: bold; line-height: 1.5; }
body.nofixwidth .entry-content dd { line-height: 1.5; }

/* ul：テキストリストマーク */
body.nofixwidth .entry-content ul.ul-tl { padding-left: 0px; }
body.nofixwidth .entry-content ul.ul-tl > li { text-indent: -1em; margin-left: 1em; }
body.nofixwidth .entry-content ul.ul-tl > li::before { display: none; }

	body.nofixwidth .entry-content ul.ul-tl-02 { padding-left: 0px; }
	body.nofixwidth .entry-content ul.ul-tl-02 > li { text-indent: -2em; margin-left: 2em; }
	body.nofixwidth .entry-content ul.ul-tl-02 > li::before { display: none; }


/* table */
body.nofixwidth .entry-content table { vertical-align: middle; font-size: 14px; font-size: 1.4rem;}
body.nofixwidth .entry-content table th {
	background: #f4f4f4; 
	font-weight: bold;
	text-align: center;
	padding: 0.5em 1em;
	border: 1px solid #c2c2c2;
	vertical-align: middle;
	white-space: nowrap;
}
body.nofixwidth .entry-content table td {
	background: #fff; 
	padding: 0.8em 0.8em;
	border: 1px solid #c2c2c2;
	line-height: 1.4;
	vertical-align: top;
}





























/**
 * 6.0 Sidebar(Navigation)
 * ----------------------------------------------------------------------------
 */

#secondary { width: 100%; margin: 30px auto 0 auto; padding: 20px; letter-spacing:-.40em; border: 1px solid #eaeaea; -webkit-box-sizing: border-box; box-sizing: border-box; }
	body.single #secondary { margin: 50px auto 0 auto; }
#secondary .widget-area { display: inline-block; letter-spacing: 0.02em; width: 32%; margin-right: 2%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; vertical-align: top; }
#secondary .widget-area:nth-child(3n) { margin-right: 0; }
#secondary .widget-area h1 { padding-bottom: 3px; margin-bottom: 10px; font-size: 14px; font-size: 1.4rem; line-height: 1.5; border-bottom: 3px solid #e5e5e5; font-family: "ＭＳ Ｐ明朝", "ＭＳ 明朝", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif; position: relative; }
#secondary .widget-area ul{ font-size: 14px; font-size: 1.4rem; line-height: 1.5; padding-left: 20px; }
#secondary .widget-area ul > li { position: relative; list-style: outside none none; line-height: 1.5; margin-bottom: 5px; }
#secondary .widget-area ul > li:before { content: '・'; color: #6f6f6f; font-size: 30px; line-height: 10px; position: absolute; left: -25px; top: 7px; }
#secondary .widget-area ul > li a { color: #333; -webkit-transition: color .3s ease; transition: color .3s ease; }
#secondary .widget-area ul > li a:hover { color: #909090; }
#secondary .widget-area ul > li a .iib-new { color: #fe0002; }



/**
 * 6.1 Widgets
 * ----------------------------------------------------------------------------
 */




/**
 * 7.0 Footer
 * ----------------------------------------------------------------------------
 */


#footer-wrapper { width: 100%; margin: 0 auto; position: relative; border-top: 1px solid #bbc396; }

#ft-logo { width: 568px; margin: 0 auto; padding: 60px 0 45px 0; position: relative; }
#ft-logo a { display: block; width: 204px; height: auto; margin: 0 auto; }
#ft-logo img { width: 100%; height: auto; vertical-align: middle; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; }
#ft-logo img:hover { opacity: 0.6; }
#ft-logo::before { background: url(images/image_leaf_footer.png) no-repeat top center scroll; content: ""; display: block; width: 172px; height: 109px; position: absolute; top: 0; left: 0; }

#ft-navi { display: block; width: 100%; padding: 0 0 80px 0; text-align: center; letter-spacing:-.40em; }
#ft-navi li { display: inline; letter-spacing: normal; font-size: 12px; font-size: 1.2rem; }
#ft-navi li a { padding: 0.5em 1.5em 0.5em 0; margin-right: 1.5em; border-right: 1px solid #ccc; color: #333; letter-spacing: 0.05em; text-decoration: none; -webkit-transition: color .3s ease; transition: color .3s ease; }
#ft-navi li:last-child a { padding-right: 0; margin-right: 0; border-right: none; }
#ft-navi li a:hover { color: #828282; }

#footer-info { background: url(images/bg_texture_gray.png) repeat center top scroll; text-align: center; padding: 54px 0 44px 0; }
#footer-info dl { display: inline-block; color: #333; }
#footer-info dt { margin-bottom: 12px; font-size: 16px; font-size: 1.6rem; }
#footer-info dt a { -webkit-transition: opacity .3s ease; transition: opacity .3s ease; }
#footer-info dt a:hover { opacity: 0.7; }
#footer-info dd p { margin-bottom: 9px; font-size: 14px; font-size: 1.4rem; }
#footer-info dd p br { display: none; }

#copyright { padding-top: 30px; letter-spacing: 0.02em; font-size: 13px; font-size: 1.3rem; color: #333; }

.to_top {
	width: 70px;
	height: 70px;
	display: block;
	background: #6a6a6a;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	position: fixed;
	bottom: 30px;
	right: 50px;
	cursor: pointer;
	text-align: center;
	display: none;
	opacity: 0.7;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	font-size: 370%;
	z-index: 100;
}
.to_top:hover,
.to_top:active { color: #fff; background-color: #ababab; }
.to_top i { display:inline-block; line-height: 1.4; position: relative; top: 50%; transform: translateY(-50%); }



/**
 * 10.0 Edit
 * ----------------------------------------------------------------------------
 */




/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */


/* @media screen and (max-device-width: 640px max-width: 640px){ */
@media screen and (max-width: 760px){


/*-----------------------
Edit
-----------------------*/
a { text-decoration : none; }
#global-navi    { display: none; }
#pankuzu-list   { display: none; }


/*-----------------------
Basic Structure
-----------------------*/
.wrapper { position: relative; }

.contents { width: 100%; padding: 38px 15px 50px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.index .contents { width: auto; padding: 0; }


/*-----------------------
Parts
-----------------------*/

/* more-info */
.more-info { width: 80%; font-size: 12px; font-size: 1.2rem; }
.more-info span { padding: 12px 0; }

/* smart */
.hide-smart { display: block; }

/*--------------------------
layout
--------------------------*/
/* 見出し（1） */
#page-category { background: #fff url(images/bg_texture_beige.png) repeat top center scroll; -webkit-background-size: 50% auto; background-size: 50% auto; height: 80px; margin-top: 38px; }
#page-category p { font-size: 24px; font-size: 2.4rem; }

/* 見出し（3） */
.finding-h3 { margin-bottom: 12px; font-size: 15px; font-size: 1.5rem; }

/* wp-pagenavi(plugin) */
.contents .wp-pagenavi { padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }

/***************
 ul 
***************/
/* テキストリストマーク */
ul.ul-tl { font-size: 13px; font-size: 1.3rem; }





/*-----------------------
Header
-----------------------*/
/* header */
#header { height: 40px; }
#header div { width: 100%; }
#header div::before { display: none; }
#header-logo { width: 153px; height: 21px; float: none; margin: 9px auto 0 auto; }

	/* fix後処理 */
	#main-image.fixed > .mic-left  { opacity: 0; }
	#main-image.fixed > .mic-right { opacity: 0; }


/* drawer slide menu / button */
#smart-navi { overflow-y: auto; }
body.drawer-opened { height: 100%; }

/* この1行を付けないと、メニュースクロール時にコンテンツもスクロールしてしまう。しかしするとメニュータップでページTOPに戻る*/
body.drawer-opened #sb-site { height: 100%; position: fixed; top: 0; }
  


/* サイドバー内での滑らかな動き */
#smart-navi {
  -webkit-overflow-scrolling: touch;
}
#smart-navi-inner {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}



#smart-navi { background: #f7f7f7; width: 240px; height: 100%; padding-top: 40px; color: #fff; position: fixed; top: 0; right: -240px; z-index: 300; -webkit-transition: all 400ms cubic-bezier(1, 0, 0, 1); transition: all 400ms cubic-bezier(1, 0, 0, 1); }
#smart-navi ul{ list-style: none; padding: 0; font-size: 14px; font-size: 1.4rem; }
#smart-navi ul li{  }
#smart-navi ul li a { display: block; padding: 15px 20px; color: #333; text-decoration: none; }
#smart-navi ul li a:hover { background: #9c9c9c; color: #fff; }
#smart-btn { width: 28px; padding: 12px 10px 0 0; position: fixed; top: 0; right: 0; z-index: 400; cursor: pointer; }
.smart-btn-bar{ background: #333; display: block; height: 2px; margin-bottom: 6px; -webkit-transition: all 400ms cubic-bezier(1, 0, 0, 1); transition: all 400ms cubic-bezier(1, 0, 0, 1); }
#overlay { background: #000; width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; z-index: -1; -webkit-transition: all 500ms cubic-bezier(1, 0, 0, 1); transition: all 500ms cubic-bezier(1, 0, 0, 1); }


/* メニュー表示時にコンテンツを横にスクロール
#sb-site{ background: #fff; position: relative; left: 0; z-index: 2; -webkit-transition: all 500ms cubic-bezier(1, 0, 0, 1); transition: all 500ms cubic-bezier(1, 0, 0, 1); }
body.drawer-opened #sb-site{ left: -240px; box-shadow: 1px 0 2px #000; -webkit-box-shadow: 1px 0 2px #000; }
 */

/** ドロワー開放時のスタイル **/
body.drawer-opened #smart-navi { right: 0; }
body.drawer-opened #smart-btn :nth-child(1) {
	transform:translate(0,8px) rotate(45deg);
	-webkit-transform:translate(0,8px) rotate(45deg);
}
body.drawer-opened #smart-btn :nth-child(2) {
	transform:translate(-20px ,0);
	-webkit-transform:translate(-20px ,0);
	opacity:0;
}
body.drawer-opened #smart-btn :nth-child(3) {
	transform:translate(0,-8px) rotate(-45deg);
	-webkit-transform:translate(0,-8px) rotate(-45deg);
}
body.drawer-opened #overlay { left: -240px; z-index: 250; opacity: 0.6; }


/*-----------------------
index
-----------------------*/
/* main-image */
#main-image { width: 100%; margin-top: 45px; }
#main-image > p { width: 100%; font-size: 18px; font-size: 1.8rem; position: absolute; top: 50%; transform: translateY(-50%); display: none; }
#main-image > .mic-left  { width: 120px; top:     -5px; right: 40px; }
#main-image > .mic-right { width: 120px; bottom: -20px; left:  40px; }

/* swiper */
.swiper-pagination-bullet { width: 5px; height: 5px; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 3px; }

/* 見出し：ライン装飾 */
.index-finding { margin: 0 auto 12px auto; font-size: 16px; font-size: 1.6rem; }

/* index-topics */
#index-topics { width: 100%; padding: 35px 0 40px 0; }
.blog-rss { width: 100%; min-height: inherit; margin: 0 auto 20px auto; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.blog-rss article a { padding: 10px 10px; }
.blog-rss header .iib-time { display: block; margin-bottom: 5px; padding-right: 0; font-size: 11px; font-size: 1.1rem; float: none; }
.blog-rss header h1 { margin-left: 0px; }

/* index-support */
#index-support-wrapper { background: url(images/bg_texture_beige.png) repeat top center scroll; -webkit-background-size: 50% auto; background-size: 50% auto; padding: 35px 0 10px 0; }
#index-support { width: 100%; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }
#index-support section { width: 48%; }
#index-support section:nth-child(odd)  { margin: 0; float: left; clear: both; }
#index-support section:nth-child(even) { margin: 0; float: right; }
#index-support section:nth-of-type(4) { clear: none; }
#index-support a img { width: 100%; height: auto; }
#index-support section h1 { padding: 4px 0 15px 0; font-size: 14px; font-size: 1.4rem; }

/* index-voice */
#index-voice-wrapper { width: 100%; padding: 30px 15px 20px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }
#index-voice-wrapper .index-finding { padding-bottom: 0px; }
#index-voice section { width: 100%; float: none; text-align: left; }
#index-voice section:nth-of-type(2) { margin: 0; }
#index-voice a { width: 100%; height: auto; padding: 10px 0; border-bottom: 1px dotted #ccc; }
#index-voice section:nth-of-type(3) a { border-bottom: none; }
#index-voice a::after { content: ""; display: block; clear: both; }
#index-voice .ivb-image { width: 140px; margin-right: 15px; float: left; }
#index-voice a img { width: 100%; height: auto; }
#index-voice section h1 { padding: 0px 0 8px 0; font-size: 14px; font-size: 1.4rem; }
#index-voice section p { display: block; font-size: 12px; font-size: 1.2rem; line-height: 1.4; }

/* index-banner */
#index-banner { background: url(images/bg_texture_beige.png) repeat top center scroll; -webkit-background-size: 50% auto; background-size: 50% auto; padding: 20px 0 10px 0; }
#index-banner ul { width: 100%; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }

#index-banner li { width: 48%; }
#index-banner li:nth-child(odd)  { margin: 0 0 10px 0; float: left; clear: both; }
#index-banner li:nth-child(even) { margin: 0 0 10px 0; float: right; }
#index-banner li:nth-of-type(2) { margin: 0 0 10px 0; }
#index-banner li a img { width: 100%; height: auto; }








/*-----------------------
page
-----------------------*/
/* ビジュアルエディター（投稿）用：split-half */
.split-half > div { width: 100%; }
.split-half > div:nth-of-type(1) { float: none; margin-bottom: 10px; }
.split-half > div:nth-of-type(2) { float: none; }

.page-catch { margin-bottom: 20px; font-size: 14px; font-size: 1.4rem; }
ul.basic-ul { font-size: 13px; font-size: 1.3rem; }
table.basic-table { font-size: 13px; font-size: 1.3rem; }


/* ol */
ol.basic-ol { font-size: 13px; font-size: 1.3rem; }

/* dl */
dl.basic-dl { font-size: 13px; font-size: 1.3rem; }



/*-----------------------
single・page共用
-----------------------*/
/* 各要素 */
body.nofixwidth .entry-content h3 { font-size: 16px; font-size: 1.6rem; }
	body.nofixwidth .entry-content h3.decline { margin-bottom: 15px; }
body.nofixwidth .entry-content h4 { font-size: 13px; font-size: 1.3rem; }
body.nofixwidth .entry-content p { font-size: 13px; font-size: 1.3rem; }
body.nofixwidth .entry-content ul{ font-size: 13px; font-size: 1.3rem; }
body.nofixwidth .entry-content ol { font-size: 13px; font-size: 1.3rem;  }
body.nofixwidth .entry-content dl { font-size: 13px; font-size: 1.3rem; }

/* table */
body.nofixwidth .entry-content table { width: 100%; font-size: 13px; font-size: 1.3rem; }







/*-----------------------
page：一覧
-----------------------*/


/*-----------------------
page：詳細
-----------------------*/
/* about */
body.about .index-finding { padding-bottom: 5px; }
body.about .split-half { padding-top: 20px; }
body.about .split-half > div:nth-of-type(1) p { margin-bottom: 1.6em; }
body.about .split-half > div:nth-of-type(2) img { width: 49%; }


/* house */
#house-pagelink { margin-bottom: 20px; }
#house-pagelink li { display: block; width: 100%; float: none; margin-bottom: 10px; }
#house-pagelink li:nth-of-type(2) { margin-left: 0; margin-right: 0; }
#house-pagelink li a div { display: none; }
#house-pagelink li a p.hp-title { padding: 10px 0; font-size: 14px; font-size: 1.4rem; position: relative; }
#house-pagelink li a p.hp-title::after { font-family: 'FontAwesome'; content: "\f107"; position: absolute; top: 50%; right: 15px; margin-top: 0; transform: translateY(-50%); -webkit-transition: margin-top .3s ease; transition: margin-top .3s ease; }
#house-pagelink li a:hover p.hp-title { background-color: #506d1c; }
#house-pagelink li a:hover p.hp-title::after { margin-top: 3px }
#house-pagelink li a p.hp-decoration { display: none; }
#house-pagelink li a:hover p.hp-decoration { display: none; }
#house-map { width: 100%; margin: 0 auto 50px auto; }

/* house：切り替えボタン */
.switching-tab { margin-bottom: 20px; }
.switching-tab::after { content: ""; display: block; clear: both; }
.switching-tab li { display: block; width: 49%;  padding: 10px 0 8px 0; margin: 0 0 10px 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.switching-tab li:nth-child(odd)  { float: left; clear: both; }
.switching-tab li:nth-child(even) { float: right; }

/* house：コンテンツ */
.switching-postlist > li::after { content: ""; display: block; clear: both; }
.switching-postlist > li article { display: block; width: 49%; margin: 0 0 15px 0; }
.switching-postlist > li article:nth-child(odd)  { float: left; clear: both; }
.switching-postlist > li article:nth-child(even) { float: right; }
#co-001 .switching-postlist { padding-bottom: 35px; }

/* house：コンテンツ：タグ */
.switching-postlist > li article a div.sp-tag::before  { display: inline-block; width: auto; padding: 0.5em 30px; font-size: 13px; font-size: 1.3rem; position: absolute; top: 50%; left: 50%; margin: 0; transform: translate(-50%, -50%); }


/* house / detail */
body.house-detail .index-finding { padding-bottom: 5px; }

body.house-detail .split-half { margin-bottom: 20px; }
body.house-detail .split-half > div:nth-of-type(1) ul li { display: block; width: 49%; margin: 0 0 10px 0; float: left; }
body.house-detail .split-half > div:nth-of-type(1) ul li:nth-child(odd)  { float: left; clear: both; }
body.house-detail .split-half > div:nth-of-type(1) ul li:nth-child(even) { float: right; }
body.house-detail .split-half > div:nth-of-type(1) > p { padding: 10px 0 20px 0; font-size: 13px; font-size: 1.3rem; }

body.house-detail div.sg-tag::before  { display: inline-block; width: 100%; margin-top: -10px; margin-bottom: 20px; padding: 0.6em 0; -webkit-box-sizing: border-box; box-sizing: border-box; }



/* voice */
#voice-list::after { content: ""; display: block; clear: both; }
#voice-list > li { display: block; width: 49%; margin: 0 0 15px 0; }
#voice-list > li:nth-child(odd)  { float: left; clear: both; }
#voice-list > li:nth-child(even) { float: right; }
#voice-list > li section a div { margin-bottom: 10px; }
#voice-list > li section a:hover div p.vl-decoration { position: absolute; top: 50%; left: 50%; margin: 0; transform: translate(-50%, -50%); }
#voice-list > li section a h1 { margin-bottom: 5px; font-size: 16px; font-size: 1.6rem; }


/* voice / detail */
body.voice-detail .index-finding { padding-bottom: 5px; }

.split-64 { margin-bottom: 20px; }
.split-64 > div:nth-of-type(1) { width: 100%; float: none; margin-bottom: 20px; }
.split-64 > div:nth-of-type(2) { width: 100%; float: none; }

#voic-image { margin-bottom: 10px; }
#voic-image > img { display: block; width: 100%; margin-bottom: 10px; float: none; }
#voic-image > div { display: block; width: 100%; float: none; }
#voic-image > div img { display: block; width: 49%; }
#voic-image > div img:nth-of-type(1) { float: left;  margin-bottom: 0; }
#voic-image > div img:nth-of-type(2) { float: right; margin-bottom: 0; }

body.voice-detail dl.dl-balloon dt { font-size: 14px; font-size: 1.4rem; }
body.voice-detail dl.dl-balloon dd { font-size: 13px; font-size: 1.3rem; }


/* 5.3 Page "job" */
body.job .index-finding { padding-bottom: 5px; }
#job-info p.basic-p { padding-bottom: 15px; }

.dl-jobentry dl { margin-bottom: 25px; padding: 0 0 0 15px; font-size: 13px; font-size: 1.3rem; }
.dl-jobentry dl dd { padding: 0.4em 0 1.2em 0; line-height: 1.4; }

#job-list { padding-bottom: 20px; }
body.job #job-list .index-finding { margin-bottom: 5px; }
.job-list-box { margin-bottom: 25px; }

.job-list-box > p { width: 100%; float: none; padding: 0.8em 10px; font-size: 13px; font-size: 1.3rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
.job-list-box > table { width: 100%; float: none; }
.job-list-box > table.basic-table tr:first-child th { border-top: none; }
.job-list-box > table.basic-table tr:first-child td { border-top: none; }

body.job .more-info { width: auto; }
body.job .more-info br { display: block; }


/* 5.3 Page "faq" */
body.faq dl.dl-balloon dt { width: 100%; height: auto!important; padding: 0.7em 15px; font-size: 14px; font-size: 1.4rem; text-align: left; float: none; -webkit-box-sizing: border-box; box-sizing: border-box; }
body.faq dl.dl-balloon dd { width: 100%; height: auto!important; padding: 0.8em 15px; margin-bottom: 40px; font-size: 13px; font-size: 1.3rem; float: none; -webkit-box-sizing: border-box; box-sizing: border-box; }
body.faq dl.dl-balloon dd p { margin-bottom: 1.2em; }


/* 5.3 Page "house / system" */
body.house-system .index-finding { padding-bottom: 5px; }

body.house-system dl.hs-info { width: 100%; padding: 10px 0 40px 0; }
body.house-system dl.hs-info dt { padding-bottom: 0.4em; font-size: 14px; font-size: 1.4rem; }
body.house-system dl.hs-info dd { font-size: 13px; font-size: 1.3rem; }

body.house-system #co-001 img { width: 100%; height: auto; }
body.house-system #co-001 ul.ul-tl  { width: 100%; margin: 10px auto 50px auto; }

body.house-system dl { padding-bottom: 30px; }
body.house-system dl.dl-balloon dt {  display: block; padding: 15px 15px 0px 15px; font-size: 14px; font-size: 1.4rem; }
body.house-system dl.dl-balloon dt.hs-db-nodd { padding: 15px; margin-bottom: 40px; }
body.house-system dl.dl-balloon dd {  display: block; padding: 10px 15px 15px 15px; margin-bottom: 40px; font-size: 13px; font-size: 1.3rem; }

body.house-system .inline-box { text-align: left; }
body.house-system .inline-box > ul.basic-ul { display:block; }


/* 5.3 Page "house / system" */
body.support .support-box .index-finding { padding-bottom: 5px; }
body.support .support-box { margin-bottom: 40px; font-size: 13px; font-size: 1.3rem; padding: 12px 15px 0px 15px; }
body.support .support-box p { margin-bottom: 1.6em; }

body.support .support-box ol.basic-ol { margin-bottom: 15px; }
body.support .support-box ol.basic-ol > li { margin-bottom: 6px; }

body.support .support-box ul.ul-tl { margin-bottom: 15px; }

body.support .support-box dl.basic-dl { margin-bottom: 15px; }
body.support .support-box dl.basic-dl dd { padding: 0.5em 0 0 0.5em;}
body.support .support-box dl.basic-dl dd ul.basic-ul li  { margin-bottom: 6px; }





















/*-----------------------
Sidebar(Navigation)
-----------------------*/
#secondary { width: 100%; margin: 20px auto 0 auto; padding: 10px 15px; }
#secondary .widget-area { display: block; width: 100%; margin-right: 0; }
#secondary .widget-area h1 { font-size: 13px; font-size: 1.3rem; }
#secondary .widget-area ul{ font-size: 13px; font-size: 1.3rem; line-height: 1.5; padding-left: 20px; margin-bottom: 20px; }
#secondary .widget-area:nth-child(3n) ul { margin-bottom: 0; }
#secondary .widget-area ul > li {  line-height: 1.5; margin-bottom: 5px; }
#secondary .widget-area ul > li:before { content: '・'; color: #6f6f6f; font-size: 30px; line-height: 10px; position: absolute; left: -25px; top: 7px; }







/*-----------------------
footer
-----------------------*/
#ft-logo        { display: none; }
#ft-navi        { display: none; }
#footer-info { background: url(images/bg_texture_gray.png) repeat center top scroll; -webkit-background-size: 50% auto; background-size: 50% auto; padding: 20px 0 14px 0; }
#footer-info dt { margin-bottom: 12px; font-size: 14px; font-size: 1.4rem; font-weight: bold; }
#footer-info dd p { margin-bottom: 4px; font-size: 12px; font-size: 1.2rem; line-height: 1.4; }
#footer-info dd p br { display: block; }
#copyright { padding-top: 15px; font-size: 11px; font-size: 1.1rem; }

.to_top { width: 35px; height: 35px; bottom: 10px; right: 15px; font-size: 280%; }
.to_top i { display:inline-block; line-height: 1.4; position: relative; top: 45%; transform: translateY(-50%); }

}


@media screen and (max-width: 600px){
	#main-image > .mic-left  { width: 100px; top:     -5px; right: 10px; }
	#main-image > .mic-right { width: 100px; bottom: -20px; left:  15px; }
}
@media screen and (max-width: 450px){
	#main-image > .mic-left  { width: 70px; top:     -5px; right: 10px; }
	#main-image > .mic-right { width: 70px; bottom: -20px; left:  15px; }
}
@media screen and (max-width: 400px){
	/* table */
	table.basic-table th { display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0.8em 0.8em; }
	table.basic-table td { display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0.8em 0.8em 1.4em 1.2em; }
	table.basic-table tr:first-child td { border-top: none; }
}














































































































































































































/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}