@charset "utf-8";

/*------------------------------------------------------------------------
◆設定リスト
--------------------------------------------------------------------------
共通
ヘッダー
コンテナ
ラッパー
グローバルナビ
	ドロップダウン
	トグル（モバイル）
パンくず
キービジュアル
カラム
	2カラム
	3カラム
	2/3カラム
	4カラム
	5カラム
	2/5カラム
	3/5カラム
コンテンツ
	共通
	インデックス
	新規登録
	パスワードを忘れた場合
	利用規約
	ダッシュボード
	プロフィール編集
	ユーザー退会
	追加登録
	会社登録
	事業者登録
	顧客管理
	顧客登録
	名刺スキャン
	書類登録
	書類削除
	書類複製
	営業所登録
	営業所削除
	見積書・請求書・領収書登録
	PDF出力
	営業所登録・編集
	ユーザー管理
	ユーザー管理（ユーザー権限）
	ユーザー管理（ユーザー追加）
	スケジュールメール一括送信
	DBバックアップ
	許認可更新管理

	固定ページ　共通レイアウト
	固定ページ（親ページ）共通レイアウト
	LPテンプレート
	サイドバー無しテンプレート（１カラムテンプレート）
	サイド&コンテンツ下部非表示　テンプレート
	投稿ページ　共通レイアウト
	共通モジュール

コンテンツ下部
コンテンツ下部メニュー
サブメニュー
サブコンテンツ
テーブル
カテゴリー
アーカイブ
タグ
ページ上部
フッター
フッターコンタクト
ボトム固定
サイトマップ
検索フォーム
検索
メールフォーム
	contact form 7 プラグイン
	MW WP Form プラグイン
◆WPプラグイン 関連記事（Yet Another Related Posts Pluginプラグイン）
◆WPプラグイン WordPress Popular Posts
◆WPプラグイン ソーシャルボタン
◆WPプラグイン Recent Post Extended
◆ウィジェット 最近の投稿
検索フォーム
検索結果
404
WordPressデフォルト
メディア画像
記事更新用
ユーティリティ
表示エフェクト
------------------------------------------------------------------------*/



/*------------------------------------------------------------------------
◆共通
------------------------------------------------------------------------*/
*{
	margin: 0;
	padding: 0;
	font-size: 100%;
	color: #333333;
	box-sizing: border-box;
}

html{
	-webkit-text-size-adjust:100%;
	height: 100%;
    background: #333;
}

body{
	width: auto;
	font: 100%/1.618 "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	word-break: break-word;
}

a{
	color: #0C3DBE;
	outline: none;
	text-decoration: underline;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

a *{
	color: inherit;
}

a:hover{
	text-decoration: none;
}

img{
	border: none;
	max-width: 100%;
	vertical-align: bottom;
}

h1,h2,h3,h4,h5,h6,p,ol,hr{
}

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

ol li{
	margin-left: 2em;
	margin-bottom: 0;
}

ul li{
	list-style-type: none;
}

table{
	border-collapse: collapse;
	text-align: center;
}

small{
	display: block;
	text-align: center;
}

input,
select,
textarea{
	font: 90%/1.618 Verdana, sans-serif;
	border: 1px solid #ddd;
	color: #333333;
	outline: 0;
	font-size: 100%;
}

input{
	padding: 2px;
	box-sizing: border-box;
}

select,
textarea{
	padding: 4px;
	box-sizing: border-box;
}

input:focus,
textarea:focus,
select:focus{
	/*border: 1px solid #0073B6;*/
	margin: 0;
}

input[type="submit"],
input[type="radio"],
input[type="range"]{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	margin: 1px;
}

input[type="submit"]:focus,
input[type="radio"]:focus,
input[type="range"]:focus{
	border: 1px solid #efefef;
}

input[type="file"]{
	border:none !important;
}

strong {
    font-weight: bold;
}

abbr{
	color: inherit;
	font-weight: bold;
}

hr{
	border:none;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-color: #999999;
}

i{
	color: #FFFFFF;
}

em{
    font-style: normal;
}

.lead{
	margin-top: 2em !important;
}

.endelement{
	margin-bottom:0 !important;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999;
}


/*------------------------------------------------------------------------
◆ヘッダー
------------------------------------------------------------------------*/
#header_wrap{
	margin: 0 auto;
	width: 100%;
	padding: 0 4%;
	box-sizing: border-box;
	position: relative;
}

#header_wrap:after{
	content: "";
	display: block;
	clear: both;
}

#header_wrap .desc{
	font-size: 72%;
	padding-top: 8px;
}

#header_wrap h1{
	float:left;
	margin: 24px 0;
	font-size: 176%;
    line-height: 1;
}

#header_wrap h1 a{
	text-decoration: none;
	color: #333;
}

#header_wrap h1 img{
	width: auto;
	width: 232px;
}

#header_right{
    float: right;
    right: 0;
    top: 28px;
    width: 74%;
    text-align: right;
    position: relative;
    font-size: 88%;
}

#header_right ul li{
	display: inline;
}

#header_right ul li form{
	display: inline-block;
}

#header_right ul li:before{
    content: "|";
    margin-right: 16px;
    margin-left: 12px;
}

#header_right ul li:first-child:before{
    content: "";
    margin-right: 0;
    margin-left: 0;
}

#header_right.nav{/* ロゴ横型 */
	position: absolute;
	float: none;
}

#hnav_sub_container{
	display: inline-block;
    position: absolute;
    top: 0;
    right: 4%;
}

#hnav_sub_container li{
	display: inline;
}

#hnav_sub_container li:first-child{
	margin-left: 0;
}

#hnav_sub_container li a{
	font-size: 80%;
	color: #fff;
    background: #333;
    padding: 4px 24px;
	position: relative;
	text-decoration: none;
}

#hnav_sub_container li a:hover{
	text-decoration: none;
	opacity: 0.8;
}

/*
#header_right #hnav_sub_container li a:before{
	position: absolute;
    content: "";
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-left: 4px solid #5bc0de;
    left: 0;
    top: 0.5em;
}
*/

#header_right .tel{
	display: inline-block;
	vertical-align: middle;
	margin-left: 0;
	text-align: center;
}

#header_right .tel a{
    color: #0C3DBE;
	position: relative;
	text-decoration: none;
}

#header_right .tel a:hover{
	text-decoration: none;
}

#header_right .tel a:hover > *{
	opacity:0.7;
}

#header_right .tel .tel_desc_top{
	display: block;
	font-size: 88%;
    line-height: 1;
    color: #333;
}

#header_right .tel_num{
    font-family: 'Noto Sans', sans-serif;
    font-size: 156%;
    font-weight: bold;
	line-height: 1;
}

#header_right .tel_num.icon-phone:before {
	display: none;
    content: '\e805';
    font-size: 88%;
    width: 10%;
    position: absolute;
    left: -32px;
    bottom: 6px;
}

#header_right .tel_desc_bottom{
	display: block;
	font-size: 72%;
    line-height: 1;
    color: #333;
}

#header_right .tel + .contact{
    border-left: 1px solid #ccc;
}

#header_right .contact{
	text-align: center;
	display: inline-block;
	vertical-align: middle;
    margin-left: 32px;
    padding-left: 32px;
}

#header_right .contact a{
	text-decoration: none;
}

#header_right .contact a:hover{
	text-decoration: none;
}

#header_right .contact a:hover > *{
	opacity:0.7;
}

#header_right .contact .contact_desc_top{
	display: block;
	font-size: 88%;
    line-height: 1;
    color: #333;
}

#header_right .contact .contact_text{
	/*float: right;*/
	display: inline-block;
	text-align: center;
    /*min-width: 192px;*/
	/*height: 40px;*/
    padding: 0;
    font-size: 112%;
	font-weight: bold;
	box-sizing: border-box;
/*
	background: #ff9a05;
	background: -moz-linear-gradient(top,  #ff9a05 0%, #e4931d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9a05), color-stop(100%,#e4931d));
	background: -webkit-linear-gradient(top,  #ff9a05 0%,#e4931d 100%);
	background: -o-linear-gradient(top,  #ff9a05 0%,#e4931d 100%);
	background: -ms-linear-gradient(top,  #ff9a05 0%,#e4931d 100%);
	background: linear-gradient(to bottom,  #ff9a05 0%,#e4931d 100%);
*/
}

#header_right .contact .contact_desc_bottom{
	display: block;
	font-size: 72%;
    line-height: 1;
    color: #333;
}



/*------------------------------------------------------------------------
◆コンテナ
------------------------------------------------------------------------*/
#header_container{
	width: 100%;
	max-width: 100%;
	position: relative;
	z-index: 99999;
	background: #fff;
	box-sizing: border-box;
}

#header_container:after{
	content:"";
	display:block;
	clear:both;
}

#header_container.header_right_nav{
	border-bottom: 1px solid #d3d3d3;
}

#nav_container{
	background: #fff;
	width: 100%;
}

#nav_container:after{
	content: "";
	display: block;
	clear: both;
}

#header_right #nav_container{
	border-bottom: none;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

#keyvisual_container{
	background-position: center top;
    background-size: cover;
}

#footer_container{
	clear: both;
	overflow: hidden;
	min-height: 132px;
	background: #333;
}


/*------------------------------------------------------------------------
◆ラッパー
------------------------------------------------------------------------*/
#contents_wrap{
	clear: both;
	width: 100%;
	max-width: 696px;
	min-height: 400px;
	margin: 0 auto;
	padding: 40px 0;
	overflow: hidden;
}

/*
#contents_wrap h1 {
	font-size: 140%;
	line-height:　120%;
	font-weight: bold;
	margin-bottom: 24px;
}

#contents_wrap h2 {
	font-size: 140%;
	line-height:　120%;
	font-weight: bold;
	margin-bottom: 24px;
}

#contents_wrap h3 {
	font-size: 108%;
	line-height: 130%;
	font-weight: bold;
	color: #333;
}

#contents_wrap h4{
	font-size: 110%;
	line-height: 130%;
	margin-top: 0.81em;
	margin-bottom: 0.81em;
	font-weight: bold;
	color: #333 !important;
	background: none !important;
	padding: 5px 0 0 0 !important;
}

#contents_wrap h5,
#contents_wrap h6 {
	font-size: 105%;
	margin-bottom: 0.5em;
	font-weight: bold !important;
}
*/

#contents_wrap p,
#contents_wrap ul,
#contents_wrap ol,
#contents_wrap dl,
#contents_wrap table,
#contents_wrap hr{
	margin-bottom: 1.618em;
}

#contents_wrap dd{
	margin-bottom: 1em;
}

#contents_wrap a.box:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#contents_wrap h1 + .column_wrap{
	margin-bottom:1.618em;
}

#contents_wrap h2 + .column_wrap{
	margin-top:1em;
}

#contents_wrap h3 + .column_wrap{
	margin-top: 1em;
}

#contents_wrap h1 + h2{
	margin-top: 0.4em;
}

#contents_wrap h2 + h3{
	margin-top: 1.618em;
}

#contents_wrap h1 + table{
	margin-top: 2.3em;
}

#contents_wrap table + h2{
	margin-top: 2.3em;
}

#main_wrap{
	float: right;
	float: none;
	width: 68%;
	width: 100%;
	margin: 0 auto 32px;
	padding: 0 0 24px;
	overflow: hidden;
	background: #fff;
	line-height: 1.8;
	box-sizing: border-box;
	order: 2;
}

#main_wrap > p,
#main_wrap > ul,
#main_wrap > ol,
#main_wrap > dl,
#main_wrap > table{
	padding-left: 0;
	padding-right: 0;
}

#main_wrap img{
	width: auto;
}

#main_wrap ifreme{
	z-index: 3;
	width: 100%;
}

#main_wrap .section{
	overflow: hidden;
}


#main_wrap h1,
#main_wrap h2,
#main_wrap h3,
#main_wrap h4,
#main_wrap h5,
#main_wrap h6{
}

#main_wrap h1 {
	font-size: 172%;
    line-height: 140%;
    padding: 8px 0;
    color: #333;
    font-weight: bold;
	margin-bottom: 0.8em;
}

#main_wrap h2 {
	font-size: 132%;
	font-weight: bold;
	line-height: 140%;
	margin-bottom: 0.81em;
	padding: 16px 0 8px;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #CCC;
}

#main_wrap h2:after{
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    z-index: 2;
	width: 40px;
    border-bottom: 1px solid #333;
}

#main_wrap h3 {
	font-size: 120%;
	line-height: 140%;
	margin-bottom: 0.81em;
	font-weight: bold;
}

#main_wrap h4{
	font-size: 112%;
	line-height: 140%;
	margin-top: 0.81em;
	margin-bottom: 0.81em;
	font-weight: bold;
	color: #333 !important;
	background: none !important;
	padding: 5px 0 0 0 !important;
}

#main_wrap h5,
#main_wrap h6 {
	font-size: 108%;
	margin-bottom: 0.5em;
	font-weight: bold !important;
}



#sub_wrap{
	float: left;
	/*width: 27%;*/
	width: 256px;
	background: rgba(0, 0, 0, 0.8);
	margin: 0px auto 32px;
	font-size: 90%;
	line-height: 160%;
	overflow: hidden;
	box-sizing: border-box;
	order: 1;
    flex: 0 0 auto;
}



/*------------------------------------------------------------------------
◆グローバルナビ
------------------------------------------------------------------------*/
#nav_wrap{
	clear: both;
	margin: 0px auto;
}

#nav_wrap .children{
	display:none;
}

#nav_wrap ul#gnav{
    width: 100%;
    table-layout: fixed;
    display: table;
    max-width: 980px;
    margin: 0 auto;
}

#nav_wrap ul#gnav > li{
	display: table-cell;
    width: 100%;
}

#nav_wrap ul li a {
	display: block;
	padding-top: 16px;
	padding-bottom: 16px;
	border-right: 1px solid #d3d3d3;
	color: #333;
	font-size: 90%;
	line-height: 1;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	box-sizing: border-box;
}

#nav_wrap ul li:first-child a {
	border-left: 1px solid #d3d3d3;
}

#header_right #nav_wrap ul li a {
	padding-top: 12px;
	padding-bottom: 12px;
	font-size: 88%;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* 英語併記*/
#nav_wrap ul li a span{
	display: block;
	font-size: 80%;
	margin-top: 4px;
	white-space: nowrap;
	font-weight: normal;
	color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
}

#header_right.nav #nav_wrap ul li a span{
	font-size: 72%;
}

#nav_wrap #gnav > li > ul.sub-menu li a span{
	display: none;
}

#nav_wrap ul li a:hover{
	background: #6ec1be;
	color: #fff;
	text-shadow: none;
}

#nav_wrap ul li a:hover span{
	color: #fff;
}

/* 現在の場所 */
body.dashboard #gnav li:nth-child(1) > a,
body.add_office #gnav li:nth-child(2) > a,
body.add_customer #gnav li:nth-child(2) > a,
body.office_register #gnav li:nth-child(2) > a,
body.add_document #gnav li:nth-child(2) > a,
body.document_register #gnav li:nth-child(2) > a,
body.add_company_user #gnav li:nth-child(2) > a,
body.user_register #gnav li:nth-child(3) > a{
	background: #289a96;
	color: #FFF;
}


#nav_wrap ul li.current-menu-item > a,
#nav_wrap ul li.current-menu-ancestor > a,
#nav_wrap ul li.current-post-ancestor > a,
#nav_wrap ul li.current-page-ancestor > a{
	background: #031e25;
	color: #FFF;
	text-shadow: none;
}


#nav_wrap ul#gnav > li.current-menu-item > a span,
#nav_wrap ul#gnav > li.current-menu-ancestor > a span,
#nav_wrap ul#gnav > li.current-post-ancestor > a span,
#nav_wrap ul#gnav > li.current-page-ancestor > a span,
#nav_wrap ul#gnav > li.current-page-ancestor > a span{
	color: #fff;
}

#rnav li,
#mnav li{
	display: none;
}

#nav_wrap #searchform{
	display: none;
}

.fixed{
	position: fixed;
	top: 0px;
	margin: 0 0 0 0;
	z-index: 9999;
}



/* ドロップダウン
------------------------------------------------------------------------*/
#gnav li{
	/*float: left;*/
	line-height: 0;	
}

/* 子ページ */
#gnav > li > ul.sub-menu{
	display: none;
	-moz-box-shadow: 0px 0px 2px 0 #aaabac;
	-webkit-box-shadow: 0px 0px 2px 0 #aaabac;
	box-shadow: 0px 0px 2px 0 #aaabac;
}

#gnav ul.sub-menu li{
	width: 100%;
	display: block;
}

#gnav ul.sub-menu li a{
	display: block;
	background: #031e25;
	color: #fff;
	height: auto;
	width: 272px;
	padding: 12px 16px;
	border-top: 1px dotted #999;
	border-right:none;
	border-bottom: none;
	border-left:none;
	text-align:left;
	font-size: 88%;
	line-height: 140%;
	font-weight: normal;
	text-shadow: none;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	box-sizing: border-box;
	opacity: 1;

}

#gnav ul.sub-menu li a:hover{
	display: block;
	background: #031e25;
	white-space: nowrap;
	color: #fff;
	text-overflow: ellipsis;
	overflow: hidden;
}

#gnav ul.sub-menu li:first-child a{
	border-top: none;
}

/* 孫ページ */
#gnav ul.sub-menu ul.sub-menu {
	width: 100% !important;
	position: relative !important;
}

#gnav ul.sub-menu ul.sub-menu a{
	padding-left: 2em;
	border-top: 1px dotted #999;
}

#gnav ul.sub-menu ul.sub-menu a:before{
	content: "-";
	float: left;
	display: block;
	font-weight: normal;
	margin-right: 0.5em;
}

/* ひ孫ページ */
#gnav ul.sub-menu ul.sub-menu ul.sub-menu a{
	padding-left:4em;
}

#gnav ul.sub-menu a:hover{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#gnav:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

#nav_wrap ul#gnav > li#menu_bt{
	display: none;
}



/* トグル（モバイル）
-----------------------------------------------------------*/
#gnav-switch{
	display: none;
	position: absolute;
	top: 0px;
	right: 0;
	z-index: 99999;
}

/* モバイル専用メニュー */
#nav_wrap ul#rnav,
#nav_wrap ul#mnav{
	display: none;
}



/*------------------------------------------------------------------------
◆パンくず
------------------------------------------------------------------------*/
.breadcrumbs{
	width: 100%;
	margin: 0px auto !important;
	text-align: left;
	font-size: 80%;
	overflow: hidden;
	padding: 0 0 16px;
	box-sizing: border-box;
}

.breadcrumbs ul{
	margin-bottom: 0 !important;
}

.breadcrumbs li{
	float: left;
    background: none !important;
    padding: 0 !important;
}

.breadcrumbs li:after{
	content: ">";
	margin: 0 1em;
}

.breadcrumbs li:last-child:after,
.breadcrumbs li.tail:after{
	content: none;
}
.breadcrumbs li a{
}

.breadcrumbs li a:hover{
	text-decoration: underline !important;
}

.breadcrumbs li a:after{
	display: none !important;
}


/*------------------------------------------------------------------------
◆キービジュアル
------------------------------------------------------------------------*/
.keyvisual_wrap{
	text-align: center;
	line-height:0;
	position: relative;
	width: 100%;
	margin: 0 auto;
}

.keyvisual_wrap a:hover{
	opacity: 0.9;
}

.keyvisual_wrap img{
	width: 100%;
}

.keyvisual_wrap.slider_back,
.keyvisual_wrap.slider_back #slides div{
    height: 600px;
}

.keyvisual_wrap.slider_back #slides div{
    position: absolute;
    margin: 0;
    padding: 0;
    background-position: center top;
    background-repeat: no-repeat;
}

.keyvisual_wrap.slider_back a{
	display: block;
    width: 100%;
    height: 100%;
}

.keyvisual_wrap.back a{
	display: block;
    width: 100%;
    height: 100%;
}

.keyvisual_wrap.back a:hover img{
	opacity: 0.8;
}

.keyvisual_wrap.text{
	display: table;
	line-height: 140%;
	font-size: 160%;
	color: #333;
	font-weight: bold;
	width: 1008px;
	padding: 40px 4%;
	box-sizing: border-box;
}

.keyvisual_wrap.text .va{
	display: table-cell;
    vertical-align: middle;
}

.keyvisual_wrap.text .maincopy,
.keyvisual_wrap.text .subcopy{
	font-feature-settings: "palt";
    font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "ＭＳ Ｐゴシック", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.keyvisual_wrap.text .maincopy{
	font-size: 64px;
    color: #fff;
    line-height: 1.4;
	text-shadow: 1px 1px 1px #333;
}

.keyvisual_wrap.text .subcopy{
	font-size: 30px;
    color: #fff;
    line-height: 1.4;
	text-shadow: 1px 1px 1px #333;
}

.keyvisual_wrap.text .button{
	min-width: 0;
	padding: 0;
	background: none;
}

.keyvisual_wrap.text .button.sp{
	display: none;
}

.keyvisual_wrap.text .button a{
    display: inline-block;
    background-color: #3caf28;
    color: #fff;
    text-decoration: none;
    padding: 12px 32px;
    border-radius: 8px;
    font-size: 18px;
    margin-top: 16px;
	text-align: center;
    opacity: 1;
    box-shadow: 1px 1px 1px #333;
}

.keyvisual_wrap.text .button a:hover{
	opacity: 0.9;
    box-shadow: none;
}

.keyvisual_wrap.text.tb .va{
	display: none;
}

.keyvisual_wrap.tb{
	display: none;
}

.keyvisual_wrap.text.sp .va{
	display: none;
}

.keyvisual_wrap.sp{
	display: none;
}

#mainimage_text {
	line-height: 140%;
	font-size: 160%;
	color: #333;
	font-weight: bold;
	width: 1008px;
	padding-top: 40px;
	padding-bottom: 40px;
	background: url(../images/common/key_white.png) repeat;
}



/*--------------------------------------------------------------------------
◆カラム
--------------------------------------------------------------------------*/
.column_wrap{
	clear:both;
	margin-top: 2em;
	margin: 2em 0;
}

.column_wrap + .column_wrap{
	margin-top: 0em;
}

.column_wrap:first-of-type{
	margin-top:0em;
}

.column_wrap:after{
	content: "";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	/*visibility: hidden;*/
}

p + .column_wrap{
	margin-top: 2em !important;
}

.column_wrap > div{
}

.column_wrap img{
	width:100%;
}

.column_wrap h1{
	clear:both;
}

.column_wrap h3{
	clear:both;
	margin-top:0 !important;
}

.column_wrap + hr{
	height: 0;
}

.column_wrap .box{
	background:#FFFFFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	overflow:hidden;
	padding: 1.5%;
	border:none !important;

}

.column_wrap .box p{
	margin-bottom:0 !important;
}

.column_wrap .column_left{
	float:left;
}

.column_wrap .column_center{
	float:left;
}

.column_wrap .column_right{
	float:right;
}


/* 2カラム
----------------------------------------------------------------*/
.column2{
	width:47.5%;
}

.column2.box{
	width:49%;
}

.column2_left h1,
.column2_right h1{
	font-size: 140%;
}

.column2_left h2,
.column2_right h2{
	font-size: 100%;
}

.column2_left h3,
.column2_right h3{
	font-size: 100%;
}


/* 3カラム
----------------------------------------------------------------*/
.column3{
	width:31.333%;
}

.column3.column_center{
	margin:0 3%;
}

.column3.box{
	width:32.666%;
}

.column3.column_center.box{
	margin:0 1%;
}

.column3 h1{
	font-size: 140%;
}

.column3 h2 {
	font-size: 100%;
}

.column3 h3 {
	font-size: 100%;
	margin-bottom: 0.81em !important;
}


/* 2/3カラム
----------------------------------------------------------------*/
.column3_2{
	width: 65.6%;
}

.column3_2.box{
	width:65.5%;
}

.column3_2:last-of-type{
	margin-bottom:0 !important;
}


/* 4カラム
----------------------------------------------------------------*/
.column4{
	width: 22.75%;
}

.column4.column_center_left{
	float:left;
	margin:0 0 0 3%;
}

.column4.column_center_right{
	float:left;
	margin:0 3%;
}

/* 3/4カラム
----------------------------------------------------------------*/
.column4_3{
	width: 73%
}

.column4_3 .column_wrap{
	width: 100%;
}


/* 5カラム
----------------------------------------------------------------*/
.column5{
	width: 18%;
	margin-left:2.5%;
}

.column5 *{
	font-size:95%;
}

.column5.column_left{
	margin-left:0;
}

.column5.column_center_left{
	float:left;
}

.column5.column_center{
	float:left;
}

.column5.column_center_right{
	float:left;
}


/* 2/5カラム
----------------------------------------------------------------*/
.column5_2{
	width: 37%
}


/* 3/5カラム
----------------------------------------------------------------*/
.column5_3{
	width: 56.5%
}

.column5_3 .column3{
	width: 32%;
}

.column5_3 .column3.column_center{
	margin:0 2%;
}



/*--------------------------------------------------------------------------
◆コンテンツ
--------------------------------------------------------------------------*/
#main_wrap .box{
}

#main_wrap img{
	width:auto;
	height:auto;
}

#main_wrap ul li ul{
	margin-bottom: 0 !important;
}

#main_wrap ol li ol{
	margin-bottom: 0 !important;
}

#main_wrap ul.catch li{
	padding-left: 16px;
	position: relative;
}

#main_wrap ul.catch li:before {
	font-family: "fontello";
    content: '\e828';
    font-size: 72%;
    width: auto;
    position: absolute;
    top: 0.25em;
    left: 0;
}

#main_wrap .box .message{
    position: static;
    top: auto;
    left: auto;
    color: #333;
    font-weight: normal;
    text-align: center;
    padding: 16px 0;
}

#main_wrap p.note{
	clear: both;
	display: block;
	font-size: 80%;
}

#main_wrap ul.note li{
	margin-left: 1.5em;
	text-indent: -1.3em;
}

#main_wrap ul.note li:before{
	content: "※";
	margin-right: 0.35em;
}

#main_wrap strong{
	font-size: 100%;
	color: #c00b0b;
}

#main_wrap .back {
    display: block;
    margin: 0 auto;
    background: #f4f4f4;
    color: #333;
    cursor: pointer;
    -webkit-appearance: none;
	text-decoration: none;
	text-align: center;
    padding: 8px 16px;
    width: 154px;
    white-space: nowrap;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font: 88%/1.8 "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
	box-shadow: 0 0 1px #999;
}

#main_wrap .back:hover {
	opacity: 0.8;
}

#today{
    margin-bottom: 0;
}

#today span{
	display: inline-block;
    color: #fff;
    background: #031e25;
    font-size: 80%;
    padding: 4px 8px;
    line-height: 1;
    position: relative;
    top: -2px;
    margin-right: 4px;
}

/* 許認可カテゴリー色 */
.kensetsu{
	background: #1d5993 !important;
}

.takken{
	background: #3f8b1d !important;
}

.kenchikushi{
	background: #7e2f1d !important;
}

.next_invoice{
	background: #70861d !important;
}

.message{
	position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99999;
    padding: 24px 0;
    text-align: center;
    color: #fff;
	font-weight: bold;
}

#message_blue{
    background: rgba(23, 166, 199, 0.9);
}

#message_red,
#message_error{
    background: rgba(214, 19, 19, 0.9);
}

#message_delete{
    background: rgba(145, 29, 98, 0.9);
}

.send_ok{
	background: #2F57EC;
	padding: 8px;
	color: #fff;
}

/* 最終更新日 */
.last_update_info{
	text-align: center;
    font-size: 88%;
    margin-top: 40px;
}

/* インデックス
------------------------------------------------------------------------*/
body.index{
	background-image: url(../images/background01.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

body.index,
body.index #main_wrap{
	height: 100%;
}

body.index #main_wrap{
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	background: none;
	margin: 0;
	padding: 0 4%;
}

body.index #main_wrap .box{
    width: 100%;
    max-width: 344px;
    margin-bottom: 80px;
    padding: 40px;
    background: rgba(255, 255, 255, 0.95);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

body.index #main_wrap h1{
    text-align: center;
}

body.index #main_wrap h1 img{
	width: 232px;
}

body.index #main_wrap dl > dt{
	margin-top: 12px;
}

body.index #main_wrap dl > dt:first-child{
	margin-top: 0;
}

body.index #main_wrap dl > dd.error{
	margin-top: 8px;
}

body.index #main_wrap input[type=submit]{
    margin: 16px auto;
	width: 100%;
	max-width: 280px;
}

body.index #main_wrap div#regist_button{
    text-align: center;
}

body.index #main_wrap div#regist_button a{
	display: inline-block;
    margin: 0 auto;
    background: #fff;
	box-shadow: 0px 0px 1px #c1c1c1;
    color: #333;
    cursor: pointer;
    -webkit-appearance: none;
    padding: 8px 56px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: bold;
	font-size: 90%;
	text-decoration: none;
	width: 100%;
	max-width: 280px;
}

body.index #main_wrap div#lost_mail_button{
    text-align: center;
	font-size: 80%;
	margin: 16px auto 0;
}

body.index #footer_container{
    clear: both;
    overflow: hidden;
    min-height: 132px;
    background: none;
    position: absolute;
    bottom: 0;
    width: 100%;
}

body.index #footer_container ul.fnav{
	text-align: center;
}

body.index #footer_container ul.fnav li{
	display: inline;
	margin-left: 0px;
}

body.index #footer_container ul.fnav li:first-child{
	margin-left: 0px;
}

/* ログインチェック */
body.index.login_check #main_wrap .box .error{
	margin-bottom: 0.81em;
}

/* ログアウト */
body.index.logout #main_wrap .box{
    text-align: center;
}


/* 新規登録
------------------------------------------------------------------------*/
body.registration{

}

body.registration,
body.registration #main_wrap{
	height: 100%;
}

body.registration #main_wrap{
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
    margin: 0;
	background-image: url(../images/background03.jpg);
	background-size: cover;
}

body.registration #main_wrap .box{
    padding: 40px;
    background: rgba(255, 255, 255, 0.95);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	width: 100%;
	max-width: 435.88px;
}

body.registration #main_wrap h1{
    text-align: center;
}

body.registration #main_wrap h1 img {
    width: 232px;
}

body.registration #main_wrap .box p{
	margin-bottom: 1.618em;
}

body.registration #main_wrap div#terms{
    height: 200px;
    overflow: auto;
    font-size: 72%;
    margin: 16px 0;
}

body.registration #main_wrap div#terms .box {
    padding: 16px;
}

body.registration #main_wrap div#terms .box .back{
	display: none;
}

body.registration #main_wrap input[type=submit]{
    margin: 16px auto;
}

body.registration #main_wrap div#login_button{
    text-align: center;
    font-size: 88%;
    margin: 16px auto 0;
}

body.registration #footer_container{
    clear: both;
    overflow: hidden;
    min-height: 132px;
    background: none;
    position: absolute;
    bottom: 0;
    width: 100%;
}

body.registration #footer_container ul.fnav{
	text-align: center;
}

body.registration #footer_container ul.fnav li{
	display: inline;
	margin-left: 0px;
}

body.registration #footer_container ul.fnav li:first-child{
	margin-left: 0px;
}

body.registration #main_wrap .box .error + p{
	margin-bottom: 0;
}

body.registration #main_wrap .box p.tologin{
	margin-bottom: 0;
}

/* パスワードを忘れた場合
------------------------------------------------------------------------*/
body.lost_mail{

}

body.lost_mail,
body.lost_mail #main_wrap{
	height: 100%;
}

body.lost_mail #main_wrap{
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	background-image: url(../images/background02.jpg);
	background-size: cover;
    padding: 0 4%;
	margin: 0;
}

body.lost_mail #main_wrap .box{
    padding: 40px;
    background: rgba(255, 255, 255, 0.8);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	width: 100%;
	max-width: 435.88px;
}

body.lost_mail #main_wrap h1{
    text-align: center;
}

body.lost_mail #main_wrap input[type=submit]{
    margin: 16px auto;
}

body.lost_mail #main_wrap div#login_button{
    text-align: center;
}

body.lost_mail #main_wrap .error{
	margin-bottom: 0.81em;
}

body.lost_mail.lost_mail_check #main_wrap p.message{
	margin-bottom: 0.81em;
}

body.lost_mail #footer_container{
    clear: both;
    overflow: hidden;
    min-height: 132px;
    background: none;
    position: absolute;
    bottom: 0;
    width: 100%;
}

body.lost_mail #footer_container ul.fnav{
	text-align: center;
}

body.lost_mail #footer_container ul.fnav li{
	display: inline;
	margin-left: 0px;
}

body.lost_mail #footer_container ul.fnav li:first-child{
	margin-left: 0px;
}



/* 利用規約
------------------------------------------------------------------------*/
body.terms{
	background-image: url(../images/background02.jpg);
	background-size: cover;
}

body.terms,
body.terms #main_wrap{
}

body.terms #main_wrap{
    width: 100%;
    max-width: 980px;
    background: none;
    padding: 40px 4%;
}

body.terms #main_wrap .box{
    padding: 40px;
    background: rgba(255, 255, 255, 0.95);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

body.terms #main_wrap h1{
    text-align: center;
}

body.terms #main_wrap .right{
    text-align: right;
}

/* ダッシュボード
------------------------------------------------------------------------*/
body.dashboard{
	background-color: #f4f4f4;
/*
	background-image: url(../images/background04.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
*/
}

body.dashboard .keyvisual_wrap{
	width: 100%;
}

body.dashboard #contents_wrap{
	width: 100%;
	max-width: 980px;
	padding: 0;
}

body.dashboard #company_select_wrap{
	margin: 40px auto;
	text-align: center;
}

body.dashboard #company_select_wrap .select_wrap{
	position: relative;
}

body.dashboard #company_select_wrap .select_wrap:before{
    font-family: "fontello";
    content: '\e836';
    font-size: 96%;
    width: 12px;
    position: absolute;
    top: 9px;
    right: 24px;
    color: #289a96;
	text-align: right;
}

body.dashboard #company_select_wrap select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding: 8px 16px;
    border: none;
    background: #ffffff;
    color: #289a96;
    border: 1px solid #ccc;
    border-radius: 24px;
    cursor: pointer;
}

body.dashboard #company_select_wrap select:hover{
	opacity: 0.8;
}

body.dashboard #company_select_wrap select option{
	background: #2f2f2f;
    color: #fff;
    padding: 8px;
	text-align: center;
}

body.dashboard #main_wrap{
	width: 100%;
	font-size: 100%;
	padding: 40px;
	margin: 40px auto;
	background: rgba(255, 255, 255, 1);
}

body.dashboard #main_wrap section{
	padding: 48px 0;
	overflow: hidden;
}

body.dashboard #main_wrap section.reverse *{
	color: #fff !important;
}

body.dashboard #main_wrap > *:first-child{
	padding-top: 0;
}

body.dashboard #main_wrap section:nth-child(even){
	background: none;
}

body.dashboard #main_wrap section > *:last-child{
	margin-bottom: 0;
}

body.dashboard #contents_container{
	overflow: auto;
}

body.dashboard #contents_container.sidebar_off #main_wrap > :not(section) {
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}

body.dashboard #contents_container.sidebar_on #main_wrap section{
	/*padding: 0 0 48px;*/
	padding: 0;
	overflow: hidden;
}

body.dashboard #contents_container.sidebar_on #main_wrap > *:first-child{
	padding-top: 0;
}

body.dashboard #contents_container.sidebar_on #main_wrap section:nth-child(even){
	background: none;
}

body.dashboard #contents_container.sidebar_on #main_wrap section > *:last-child{
	margin-bottom: 0;
}

body.dashboard #main_wrap [class^="icon-"]:before,
body.dashboard #main_wrap [class*=" icon-"]:before {
	margin-right: 0.4em;
}

body.dashboard #main_wrap h2{
    text-align: left;
	font-size: 144%;
	padding-top: 8px;
    padding-bottom: 24px;
    margin: 0 auto;
	border-bottom: none;
}

body.dashboard #main_wrap h2 span.en{
    font-size: 14px;
    display: block;
    line-height: 1.4;
    font-weight: normal;
	font-family: 'Source Sans Pro', sans-serif;
}

body.dashboard #main_wrap h2 span.company_name{
	font-size: 60%;
    font-weight: normal;
    margin-left: 16px;
}

body.dashboard #main_wrap h2:after{
	display: none;
}

body.dashboard #main_wrap #schedule_list{
	position: relative;
}


/* メインメニュー */
body.dashboard #main_wrap #main_menu{
    display: flex;
    gap: 0 4%;
}

body.dashboard #main_wrap #main_menu li{
    width: 100%;
}

body.dashboard #main_wrap #main_menu li a{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: #289a96;
    text-align: center;
    padding: 16px;
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none;
    border-radius: 16px;
}

body.dashboard #main_wrap #main_menu li a:hover{
	opacity: 0.8;
}

body.dashboard #main_wrap #main_menu li a img{
    display: block;
    margin: 0 auto;
}

body.dashboard #main_wrap #main_menu li span {
    display: block;
    width: 100%;
}




/* アドバイスコメント */
body.dashboard #main_wrap #advice_wrap{
	margin-bottom: 40px;
	position: relative;
	background: #fff;
    border: 1px solid #ccc;
    padding: 24px;
    border-radius: 24px;
}

body.dashboard #main_wrap #advice_wrap #comment_delete{
	position: absolute;
    right: 24px;
    top: 16px;
    font-size: 76%;
    color: #e61111;
}

body.dashboard #main_wrap #advice_wrap #comment_delete:before {
    font-family: "fontello";
    content: '\e831';
    font-size: 88%;
    width: 10%;
    position: absolute;
    top: 1px;
    left: -16px;
}

body.dashboard #main_wrap #advice_wrap p{
	display: block;
	margin-bottom: 0;
}

body.dashboard #main_wrap #advice_wrap ul.advice_wrap{
    background: #f4f4f4;
    padding: 16px;
    margin-top: 16px;
    margin-bottom: 0;
}

body.dashboard #main_wrap #advice_wrap ul.advice_wrap li{
    margin-top: 0px;
    background: #fff;
    padding: 12px;
    box-shadow: 0 0 2px #ccc;
    font-size: 92%;
    position: relative;
	overflow: hidden;
}

body.dashboard #main_wrap #advice_wrap ul.advice_wrap li:hover{
	cursor: pointer;
	opacity: 0.8;
}

body.dashboard #main_wrap #advice_wrap ul.advice_wrap li .body{
	display: block;
}

body.dashboard #main_wrap #advice_wrap ul.advice_wrap li.checked{
	background-color: #eee;
}

body.dashboard #main_wrap #advice_wrap ul.advice_wrap li.checked input[type="checkbox"] + label {
    background: #999;
}

body.dashboard #main_wrap #advice_wrap ul.advice_wrap li.checked span.cont {
	color: #999;
}

body.dashboard #main_wrap #advice_wrap ul.advice_wrap li:first-child{
	margin-top: 0;
}

body.dashboard #main_wrap #advice_wrap ul.advice_wrap li input[type="checkbox"]{
    display: none;
}

body.dashboard #main_wrap #advice_wrap ul.advice_wrap li input[type="checkbox"] + label {
    float: left;
    display: block;
    position: relative;
    background: #289a96;
    border: none;
    color: #fff;
    padding: 16px;
	margin-right: 12px;
    cursor: pointer;
    line-height: 1.4;
}

body.dashboard #main_wrap #advice_wrap ul.advice_wrap li input[type="checkbox"] + label:before{
	font-family: "fontello";
    content: '\e837';
    font-size: 96%;
    width: 12px;
    position: relative;
    top: 0px;
    right: 4px;
    color: #fff;
    text-align: right;
}

body.dashboard #main_wrap #advice_wrap ul.advice_wrap li input[type="checkbox"] + label:hover {
	opacity: 0.8;
}

body.dashboard #main_wrap #advice_wrap ul.advice_wrap li button{
    float: left;
    display: block;
    background: #911d62;
    border: none;
    color: #fff;
    padding: 16px;
	margin-right: 16px;
    cursor: pointer;
    line-height: 1.4;
}

body.dashboard #main_wrap #advice_wrap ul.advice_wrap li button:before{
	font-family: "fontello";
    content: '\e80d';
    font-size: 96%;
    width: 12px;
    position: relative;
    top: 0px;
    right: 4px;
    color: #fff;
    text-align: right;
}

body.dashboard #main_wrap #advice_wrap ul.advice_wrap li button:hover{
	opacity: 0.8;
}

body.dashboard #main_wrap #advice_wrap ul.advice_wrap li span.cont{
    display: inline-block;
    width: 60%;
}

body.dashboard #main_wrap #advice_wrap ul.advice_wrap li span.cont .company_name,
body.dashboard #main_wrap #advice_wrap ul.advice_wrap li span.cont .subject{
	text-decoration: underline;
	font-weight: bold;
}

body.dashboard #main_wrap #advice_wrap ul.advice_wrap li.checked span.cont .company_name,
body.dashboard #main_wrap #advice_wrap ul.advice_wrap li.checked span.cont .subject,
body.dashboard #main_wrap #advice_wrap ul.advice_wrap li.open span.cont .company_name,
body.dashboard #main_wrap #advice_wrap ul.advice_wrap li.open span.cont .subject{
	text-decoration: none;
	font-weight: normal;
}

body.dashboard #main_wrap #advice_wrap ul.advice_wrap li span.date{
	font-size: 84%;
    color: #999;
    position: absolute;
    top: 1.1em;
    right: 16px;
}

body.dashboard #main_wrap #advice_wrap ul.advice_wrap li span.date:before{
	content: "掲載日：";
}

body.dashboard #main_wrap #advice_wrap ul.advice_wrap li span.date .new{
    display: inline;
    color: #e61111;
    text-align: right;
    position: absolute;
    top: 2px;
    left: -30px;
    font-size: 88%;
}

/* 事業者リスト */
body.dashboard #company_list{
	margin-bottom: 40px;
}

body.dashboard #company_list .company_wrap{
    display: block;
    background: #fff;
    padding: 24px;
    border-radius: 16px;
	border: 1px solid #ccc;
    overflow: hidden;
	vertical-align: top;
	margin-top: 32px;
}

body.dashboard #company_list .select_wrap{
	position: relative;
}

body.dashboard #company_list .select_wrap:before{
	display: none;
    font-family: "fontello";
    content: '\e836';
    font-size: 96%;
    width: 12px;
    position: absolute;
    top: 9px;
    right: 24px;
    color: #289a96;
	text-align: right;
}

body.dashboard #company_list .company_wrap select.company_menu{
	display: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	padding: 8px 16px;
	border: none;
	background: #f4f4f4;
    color: #289a96;
    border-radius: 24px;
    cursor: pointer;
}

body.dashboard #company_list .company_wrap select.company_menu:hover{
	opacity: 0.8;
}

body.dashboard #company_list .company_wrap select.company_menu option{
    background: #2f2f2f;
    color: #fff;
    padding: 8px;
}

body.dashboard #company_list .company_wrap ul.company_menu{
    display: table;
    table-layout: fixed;
    width: 100%;
	margin-bottom: 2px;
	overflow: hidden;
	box-shadow: 0 0 1px #999;
    border-radius: 4px;
}

body.dashboard #company_list .company_wrap ul.company_menu li{
    display: table-cell;
    width: 100%;
}

body.dashboard #company_list .company_wrap ul.company_menu li a{
    display: block;
    width: auto;
    padding: 16px 0;
	background: #fff !important;
	background: rgb(255,255,255) !important;
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(249,249,249,1) 100%) !important;
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(249,249,249,1) 100%) !important;
	background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(249,249,249,1) 100%) !important;
	text-align: center;
	box-shadow: 0 0 2px #999;
	text-decoration: none;
	font-weight: bold;
	font-size: 92%;
	color: #333;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

body.dashboard #company_list .company_wrap ul.company_menu li a:hover{
	background: #333 !important;
	color: #fff;
}

body.dashboard #company_list .company_wrap ul.company_menu li.on a{
	background: #333 !important;
	color: #fff;
}

body.dashboard #company_list .company_wrap:first-of-type{
	margin-top: 0;
}



/* スケジュール */
body.dashboard #company_list .schedule_wrap{
    position: relative;
}

body.dashboard #company_list .schedule_wrap h3{
    display: block;
    width: 72%;
    padding: 32px 0 16px;
	margin-right: 4%;
	margin-bottom: 0;
	margin-left: 0;
    font-size: 136%;
}

body.dashboard #company_list .schedule_wrap h3 + *{
	clear: both;
}

body.dashboard #company_list .schedule_wrap h3 + form{
	position: absolute;
    top: 0;
    right: 0;
}

body.dashboard #company_list .schedule_wrap ul.wrap{
	display: block;
    border: 1px solid #ccc;
	overflow: hidden;
    margin-bottom: 0;
}

body.dashboard #company_list .schedule_wrap ul.wrap > li{
    clear: both;
	display: block;
    float: none;
    width: 100%;
    background: #fff;
    margin-left: 0;
	border-top: 1px solid #eee;
    overflow: hidden;
}

body.dashboard #company_list .schedule_wrap ul.wrap > li:first-child{
	border-top: none;
}

body.dashboard #company_list .schedule_wrap li a{
	text-decoration: none;
}

body.dashboard #company_list .schedule_wrap li a:hover{
	opacity: 0.8;
}

body.dashboard #company_list .schedule_wrap li:first-child {
    margin-left: 0;
}

body.dashboard #company_list .schedule_wrap li p {
    margin-bottom: 0;
}

body.dashboard #company_list .schedule_wrap .update_item,
body.dashboard #company_list .schedule_wrap li .limit_date,
body.dashboard #company_list .schedule_wrap li .limit_date + ul{
    height: 88px;
}

body.dashboard #company_list .schedule_wrap .update_item{
	display: block;
    padding: 24px 16px;
    text-align: center;
    margin-bottom: 0;
    font-size: 88%;
    background: #333;
    color: #fff;
    width: 120px;
    float: left;
    box-sizing: border-box;
}

body.dashboard #company_list .schedule_wrap .update_item span.document{
	display: block;
    padding: 0px 4px;
    font-size: 88%;
    background: #fff;
    color: #333;
	font-weight: bold;
}

body.dashboard #company_list .schedule_wrap .update_item span.item_name{
    color: #fff;
}

body.dashboard #company_list .schedule_wrap li .limit_date{
    display: block;
    padding: 16px 0;
    color: #333;
    float: left;
	margin-right: 16px;
}

body.dashboard #company_list .schedule_wrap li .limit_date .date_l {
    display: inline-block;
    line-height: 1;
    margin-bottom: 0;
    margin: 0 32px;
    text-align: right;
    white-space: nowrap;
}

body.dashboard #company_list .schedule_wrap li .limit_date .date_l .day_before{
    display: inline-block;
	font-size: 80%;
	font-weight: bold;
    white-space: nowrap;
    line-height: 1.4;
}

body.dashboard #company_list .schedule_wrap li .limit_date .date_l .interval_day{
    display: inline-block;
	font-size: 56px;
    width: 140px;
	font-weight: bold;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto', sans-serif;
    white-space: nowrap;
}

body.dashboard #company_list .schedule_wrap li .limit_date .date_l .day_after{
    display: inline-block;
	font-size: 80%;
	font-weight: bold;
    white-space: nowrap;
}

body.dashboard #company_list .schedule_wrap li .limit_date .date_l .interval_day.minus{
	color: #b92323;
}

body.dashboard #company_list .schedule_wrap li .limit_date + ul{
    float: left;
    display: block;
    overflow: hidden;
    padding: 19px 0;
    width: 28%;
}

body.dashboard #company_list .schedule_wrap li .limit_date + ul li{
	display: block;
    padding: 0;
    color: #333;
    box-shadow: none;
	color: #999;
	font-size: 88%;
}

body.dashboard #company_list .schedule_wrap li.register_date{
	display: inline-block;
}

body.dashboard #company_list .schedule_wrap li.date_s {
	display: inline-block;
}

body.dashboard #company_list .schedule_wrap li .limit_date + ul li span{
    display: inline-block;
    padding: 0px 4px;
    margin-right: 8px;
    color: #fff;
    font-size: 88%;
    width: 100px;
    text-align: center;
    margin-bottom: 0px;
}

body.dashboard #company_list .schedule_wrap li.register_date span{
    background-color: #333;
}

body.dashboard #company_list .schedule_wrap li.date_s span{
    background-color: #289a96;
}

body.dashboard #company_list .schedule_wrap li .invoice_update_btn_auto {
    display: block;
    float: right;
    top: 10px;
    right: 16px;
    position: relative;
    padding: 4px 16px;
    border-radius: 0;
    box-shadow: none;
    color: #999999;
    font-size: 80%;
    cursor: default;
    box-shadow: 0px 0px 1px #969696;
    width: 192px;
    height: auto;
    text-indent: 0;
    background: #ffffff;
    text-align: center;
}

body.dashboard #company_list .schedule_wrap li .invoice_update_btn_auto:hover {
	opacity: 1;
}

body.dashboard #company_list .schedule_wrap li .invoice_update_btn {
    display: block;
    float: right;
    top: 10px;
    right: 16px;
    position: relative;
    padding: 4px 16px;
    border-radius: 8px;
    box-shadow: none;
    color: #fff;
    font-size: 80%;
    cursor: pointer;
    box-shadow: 0px 0px 1px #969696;
	width: 192px;
    height: auto;
    text-indent: 0;
    background: #289a96;
	text-align: center;
}

body.dashboard #company_list .schedule_wrap li .invoice_update_box{
	display: none;
    position: fixed;
    top: 10%;
    left: 0;
    right: 0;
    margin: auto;
    border: 0;
    background: #fff;
    z-index: 1000000;
    padding: 24px;
    width: 364px;
    max-width: 92%;
    border-radius: 8px;
}

body.dashboard #company_list .schedule_wrap li .invoice_update_box p.message{
	position: static;
    color: #333;
    font-weight: normal;
    text-align: left;
    padding: 0;
    margin-bottom: 0.81em;
}

a.re_date_btn{
	margin-bottom: 8px;
}

body.dashboard #company_list .schedule_wrap li .invoice_update_box input[name="invoice_date"]{
	display: none;
	margin-bottom: 8px;
}

body.dashboard #company_list .schedule_wrap li .invoice_update_box input[type="submit"] {
    padding: 8px;
    width: 100%;
}

#black_filter{
	display: none;
    background: rgba(51, 51, 51, 0.8);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
}

body.dashboard #company_list .schedule_wrap li .contact_btn{
    display: block;
    float: right;
    top: 18px;
    right: 16px;
    left: auto;
    position: relative;
    padding: 4px 16px;
    border-radius: 8px;
    box-shadow: none;
	color: #289a96;
    font-size: 80%;
    cursor: pointer;
    box-shadow: 0px 0px 1px #969696;
	width: 192px;
    height: auto;
    text-indent: 0;
	background: #fff;
	text-align: center;
}

body.dashboard #company_list .schedule_wrap li .contact_btn:before{
	display: none;
}



/* 基本情報 */
body.dashboard #company_list .baseinfo_wrap{
	margin-top: 0px;
}

body.dashboard #company_list .baseinfo_wrap h3{
    display: block;
    width: 72%;
    padding: 32px 0 16px;
	margin-right: 4%;
	margin-bottom: 0;
	margin-left: 0;
    font-size: 136%;
	float: left;
}

body.dashboard #company_list .company_wrap a.company_edit{
    text-align: right;
    float: right;
    margin-top: 26px;
	display: block;
    padding: 8px 40px;
    font-size: 80%;
    background: #ffffff;
    color: #1d4091;
	box-shadow: 0 0 2px #999;
    border-radius: 24px;
	text-decoration: none;
	font-weight: bold;
}

body.dashboard #company_list .company_wrap a.company_edit:hover{
	opacity: 0.8;
}

/* 事業者の基本情報 */
body.dashboard #company_list .baseinfo_wrap table.company{
	margin-right: 0;
	margin-left: 0;
}

body.dashboard #company_list .baseinfo_wrap table.company th,
body.dashboard #company_list .baseinfo_wrap table.company td{
	padding: 8px;
    line-height: 1.4;
}

body.dashboard #company_list .baseinfo_wrap table.company th{
    background: #1d4091;
    color: #fff;
}

body.dashboard #company_list .baseinfo_wrap table#company_left{
	float: left;
}

body.dashboard #company_list .baseinfo_wrap table#company_right{
	float: right;
}

/* 商号又は名称（カタカナ） */
body.dashboard #company_list .baseinfo_wrap .company_name_kana{
	display: block;
	font-size: 76%;
}

/* 代表者 */
body.dashboard #company_list .baseinfo_wrap #representative li{
    border-top: 1px dotted #ccc;
    padding-top: 8px;
	margin-top: 8px;
}

body.dashboard #company_list .baseinfo_wrap #representative li:first-child{
    border-top: none;
    padding-top: 0;
	margin-top: 0;
}

body.dashboard #company_list .baseinfo_wrap #representative li span{
	display: block;
	margin-right: 1em;
}

body.dashboard #company_list .baseinfo_wrap #representative li span.representative_position{
	display: block;
}

body.dashboard #company_list .baseinfo_wrap #representative li span.name_kana{
	display: block;
	font-size: 76%;
}

body.dashboard #company_list .baseinfo_wrap span.postal_code,
body.dashboard #company_list .baseinfo_wrap span.city2{
	display: inline;
	margin-right: 1em;
}

/* 役員構成 */
body.dashboard #company_list .baseinfo_wrap #officer li{
    border-top: 1px dotted #ccc;
    padding-top: 8px;
	margin-top: 8px;
}

body.dashboard #company_list .baseinfo_wrap #officer li:first-child{
    border-top: none;
    padding-top: 0;
	margin-top: 0;
}

body.dashboard #company_list .baseinfo_wrap #officer li span{
	display: block;
}

body.dashboard #company_list .baseinfo_wrap #officer li span.officer_phonetic{
	display: block;
	font-size: 76%;
}

/* 株主構成（株式を５%以上保有している個人株主） */
body.dashboard #company_list .baseinfo_wrap #shareholder_person li{
    border-top: 1px dotted #ccc;
    padding-top: 8px;
	margin-top: 8px;
}

body.dashboard #company_list .baseinfo_wrap #shareholder_person li:first-child{
    border-top: none;
    padding-top: 0;
	margin-top: 0;
}

body.dashboard #company_list .baseinfo_wrap #shareholder_person li span{
	display: block;
}

body.dashboard #company_list .baseinfo_wrap #shareholder_person li span.shareholder_phonetic{
	display: block;
	font-size: 76%;
}

/* 株主構成（株式を５％以上保有している法人） */
body.dashboard #company_list .baseinfo_wrap #shareholder_company li{
    border-top: 1px dotted #ccc;
    padding-top: 8px;
	margin-top: 8px;
}

body.dashboard #company_list .baseinfo_wrap #shareholder_company li:first-child{
    border-top: none;
    padding-top: 0;
	margin-top: 0;
}

body.dashboard #company_list .baseinfo_wrap #shareholder_company li span{
	display: block;
}

/* 業種別情報 */
body.dashboard #company_list .document_wrap{
	background: #fff !important;
}

body.dashboard #company_list .document_wrap table{
	margin-right: 0;
	margin-left: 0;
}

body.dashboard #company_list .document_wrap table th,
body.dashboard #company_list .document_wrap table td{
	padding: 8px;
    line-height: 1.4;
}

body.dashboard #company_list .document_wrap table th{
    background: #289a96;
    color: #fff;
}

/* 経営業務の管理責任者 */
body.dashboard #company_list #admin li{
    border-top: 1px dotted #ccc;
    padding-top: 8px;
	margin-top: 8px;
}

body.dashboard #company_list #admin li:first-child{
    border-top: none;
    padding-top: 0;
	margin-top: 0;
}

body.dashboard #company_list #admin li span{
	display: block;
}

body.dashboard #company_list #admin li span.admin_phonetic{
	display: block;
	font-size: 76%;
}

/* 専任技術者 */
body.dashboard #company_list #engineer li{
    border-top: 1px dotted #ccc;
    padding-top: 8px;
	margin-top: 8px;
}

body.dashboard #company_list #engineer li:first-child{
    border-top: none;
    padding-top: 0;
	margin-top: 0;
}

body.dashboard #company_list #engineer li span{
	display: block;
}

body.dashboard #company_list #engineer li span.engineer_phonetic{
	display: block;
	font-size: 76%;
}

/* 担当者 */
body.dashboard #company_list #contact_person li{
    border-top: 1px dotted #ccc;
    padding-top: 8px;
	margin-top: 8px;
}

body.dashboard #company_list #contact_person li:first-child{
    border-top: none;
    padding-top: 0;
	margin-top: 0;
}

body.dashboard #company_list #contact_person li span{
	display: block;
}

/* 管理建築士フリガナ */
body.dashboard #company_list #manage_kenchikushi .manage_kenchikushi_phonetic{
	display: block;
	font-size: 76%;
}

/* 所属建築士フリガナ */
body.dashboard #company_list #kenchikushi .kenchikushi_phonetic{
	display: block;
	font-size: 76%;
}

body.dashboard #company_list .invoice_btn{
	margin-bottom: 0;
}

body.dashboard #company_list .invoice_btn.tab li{
	display: inline;
}

body.dashboard #company_list .invoice_btn.tab li a{
	display: inline-block;
    padding: 8px 16px;
	background: #cccccc;
    color: #fff;
    font-size: 88%;
    text-decoration: none;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
	margin-right: 8px;
}

body.dashboard #company_list .invoice_btn.tab li a:hover{
	background: #289a96;
	opacity: 0.8;
}

body.dashboard #company_list .invoice_btn.tab li a.on{
	background: #289a96;
	color: #fff;
}

body.dashboard #company_list .invoice_btn.tab li:first-child a{
	margin-left: 0;
}

body.dashboard #company_list .invoice_wrap{
	position: relative;
	margin-bottom: 0;
}

body.dashboard #company_list .invoice_wrap .invoice_list{
	top: 0;
	left: 0;
	width: 100%;
	margin-bottom: 24px;
}

body.dashboard #company_list .office_wrap{
	position: relative;
	margin-bottom: 0;
}

body.dashboard #company_list .office_wrap .office_list li{
	top: 0;
	left: 0;
	width: 100%;
	margin-bottom: 24px;
}

/* 業種 */
body.dashboard #company_list .document_wrap h3{
    display: block;
    width: 56%;
    padding: 32px 0 16px;
	margin-right: 4%;
	margin-bottom: 0;
	margin-left: 0;
    font-size: 136%;
	float: left;
}

body.dashboard #company_list .company_wrap a.document_edit{
    text-align: right;
    float: right;
    margin-top: 26px;
	display: block;
    padding: 8px 40px;
    font-size: 80%;
    background: #ffffff;
    color: #289a96;
	box-shadow: 0 0 2px #999;
    border-radius: 24px;
	text-decoration: none;
	font-weight: bold;
}

body.dashboard #company_list .company_wrap a.document_edit:hover{
	opacity: 0.8;
}

/* 許認可登録日 */
body.dashboard #company_list .invoice_wrap .invoice_date{

}

body.dashboard #company_list .invoice_wrap table th,
body.dashboard #company_list .invoice_wrap table td{
	padding:8px;
}

/* 許可業種 */
body.dashboard #company_list .invoice_wrap .invoice_document{
	width: 100%;
	margin-bottom: 0;
}

body.dashboard #company_list .invoice_wrap .invoice_document th,
body.dashboard #company_list .invoice_wrap .invoice_document td{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 1em !important;
	padding: 0px;
	text-align: center;
}

body.dashboard #company_list .invoice_wrap ul.invoice_document{
    font-size: 92%;
}

body.dashboard #company_list .invoice_wrap .invoice_document li{
    float: left;
    width: 5%;
}

body.dashboard #company_list .invoice_wrap .invoice_document li span.item_title{
    display: block;
    background: #289a96;
    color: #fff;
    text-align: center;
    box-shadow: 0px 0px 2px #999;
}

body.dashboard #company_list .invoice_wrap .invoice_document li span.cnt{
	display: block;
	background: #fff;
	color: #333;
	text-align: center;
    box-shadow: 0px 0px 2px #999;
}

/* 営業所 */
body.dashboard #company_list .company_wrap a.office_edit{
    text-align: right;
    float: right;
    margin-top: 26px;
	display: block;
    padding: 8px 40px;
    font-size: 80%;
    background: #ffffff;
    color: #198072;
	box-shadow: 0 0 2px #999;
    border-radius: 24px;
	text-decoration: none;
	font-weight: bold;
}

body.dashboard #company_list .company_wrap a.office_edit:hover{
	opacity: 0.8;
}

body.dashboard #company_list .office_btn.tab{
	margin-bottom: 0;
    clear: both;
}

body.dashboard #company_list .office_btn.tab li{
	display: inline;
}

body.dashboard #company_list .office_btn.tab li a{
	display: inline-block;
    padding: 8px 16px;
	background: #cccccc;
    color: #fff;
    font-size: 88%;
    text-decoration: none;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
	margin-right: 8px;
}

body.dashboard #company_list .office_btn.tab li a:hover{
	background: #198072;
	opacity: 0.8;
}

body.dashboard #company_list .office_btn.tab li a.on{
	background: #198072;
	color: #fff;
}

body.dashboard #company_list .office_btn.tab li:first-child a{
	margin-left: 0;
}

body.dashboard #company_list ul.office_list.target {
    position: relative;
    margin-bottom: 0;
}

body.dashboard #company_list ul.office_list li{
    top: 0;
    left: 0;
    width: 100%;
    margin-bottom: 24px;
}

body.dashboard #company_list table.office_info{
}

body.dashboard #company_list table.office_info th,
body.dashboard #company_list table.office_info td{
	line-height: 1.4;
	padding: 8px;
}

body.dashboard #company_list table.office_info th{
    background: #198072 !important;
}

body.dashboard #company_list table.office_info .office_postal_code{
	display: block;
	margin-right: 1em;
}

body.dashboard #company_list table.office_info .office_city2{
	display: inline-block;
}

body.dashboard #company_list table.office_info #office_servant li span {
    display: block;
}

body.dashboard #company_list table.office_info #office_servant li span.office_servant_phonetic {
	display: block;
    font-size: 76%;
}

body.dashboard #company_list table.office_info #office_engineer li span {
    display: block;
}

body.dashboard #company_list table.office_info #office_engineer li span.office_engineer_phonetic {
	display: block;
    font-size: 76%;
}

body.dashboard #company_list table.office_info #office_contact_person li span {
    display: block;
}

body.dashboard #company_list .office_invoice_document{
    margin-left: 0;
	margin-bottom: 0;
    margin-right: 0;
}

body.dashboard #company_list .office_invoice_document th,
body.dashboard #company_list .office_invoice_document td{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 1em !important;
	padding: 0px !important;
	text-align: center;
}

body.dashboard #company_list .office_invoice_document th{
    background: #198072 !important;
}

body.dashboard #company_list ul.office_invoice_document{
    font-size: 92%;
}

body.dashboard #company_list .office_invoice_document li{
    float: left;
    width: 5% !important;
	margin-bottom: 0 !important;
}

body.dashboard #company_list .office_invoice_document li span.item_title{
    display: block;
    background: #198072;
    color: #fff;
    text-align: center;
    box-shadow: 0px 0px 2px #999;
}

body.dashboard #company_list .office_invoice_document li span.cnt{
	display: block;
	background: #fff;
	color: #333;
	text-align: center;
    box-shadow: 0px 0px 2px #999;
}

/* 建築士事務所 */
body.dashboard #company_list ul#manage_kenchikushi li span{
    display: block;
}

body.dashboard #company_list ul#kenchikushi li span{
    display: block;
}

/* お知らせ */
body.dashboard #news{
	font-size: 88%;
}

body.dashboard #news span{
	display: block;
}

/* プロフィール編集
------------------------------------------------------------------------*/
body.profile_edit #main_wrap{
}

body.profile_edit,
body.profile_edit #main_wrap{
}

body.profile_edit #main_wrap{
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	padding: 80px 0;
	background-color: #f4f4f4;
	margin-bottom: 0;
}

body.profile_edit #main_wrap .box{
    padding: 40px;
    background: rgba(255, 255, 255, 0.95);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

body.profile_edit #main_wrap h1{
    text-align: center;
}

body.profile_edit #main_wrap input[type=submit]{
    margin: 16px auto;
}

body.profile_edit #main_wrap input[type=button]{
    margin: 16px auto;
}

body.profile_edit #main_wrap form#user_del input {
    background: none;
    padding: 0;
    border: none;
    color: #d21111;
}


/* ユーザー退会
------------------------------------------------------------------------*/
body.user_del #contents_container{
	background: #fff;
}

body.user_del #contents_container input[type=submit] {
    margin: 16px auto;
	background: #d21111;
}

/* 追加登録
------------------------------------------------------------------------*/
body.add_register #contents_container{
	background-image: url(../images/background05.jpg);
	background-size: cover;
}

body.add_register,
body.add_register #main_wrap{
	height: 100%;
}

body.add_register #main_wrap{
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	background: none;
}

body.add_register #main_wrap .box{
    padding: 40px;
    background: rgba(255, 255, 255, 0.8);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

body.add_register #main_wrap h1{
    text-align: center;
}

body.add_register #main_wrap input[type=submit]{
    margin: 16px auto;
}

body.add_register #main_wrap input[type=button]{
    margin: 16px auto;
}




/* 会社登録
------------------------------------------------------------------------*/
body.add_company #contents_container{
	background: #f4f4f4;
}

body.add_company,
body.add_company #main_wrap{
}

body.add_company #main_wrap{
	width: 100%;
}

body.add_company #main_wrap .box{
    padding: 40px;
    background: rgba(255, 255, 255, 0.95);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

body.add_company #main_wrap .note{
    clear: none;
    display: inline;
}

body.add_company #main_wrap h1{
    text-align: center;
}

body.add_company #main_wrap table th,
body.add_company #main_wrap table td{
    width: 50%;
}

body.add_company #main_wrap input[type=submit]{
    margin: 16px auto;
}

body.add_company #main_wrap input[type=button]{
    margin: 16px auto;
}

body.add_company #main_wrap a#company_register_form_btn,
body.add_company #main_wrap a#document_register_form_btn,
body.add_company #main_wrap a#office_register_form_btn{
    width: 292px;
    display: block;
    padding: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    margin: 16px auto;
    text-align: center;
	font-weight: bold;
	font-size: 90%;
}

body.add_company #main_wrap a#company_register_form_btn:hover,
body.add_company #main_wrap a#document_register_form_btn:hover,
body.add_company #main_wrap a#office_register_form_btn:hover{
	opacity: 0.8;
}

body.add_company #main_wrap a#company_register_form_btn{
    margin-top: 0;
	background: #1d4091;
}

body.add_company #main_wrap a#document_register_form_btn{
	background: #289a96;
}

body.add_company #main_wrap a#office_register_form_btn{
	background: #198072;
}

body.add_company #main_wrap form#company_del_btn{
    display: block;
    text-align: right;
    margin: 16px 0 0;
}

body.add_company #main_wrap form#company_del_btn input{
    background: none;
    padding: 0;
    border: none;
    color: #d21111;
}

body.company_del #contents_container{
	background: #fff;
}

body.company_del #contents_container input[type=submit] {
    margin: 16px auto;
	background: #d21111;
}

/* 事業者登録
------------------------------------------------------------------------*/
body.company_register #contents_container{
	background: #f4f4f4;
}

body.company_register,
body.company_register #main_wrap{
}

body.company_register #main_wrap{
	width: 100%;
	background: none;
}

body.company_register #main_wrap .box{
    padding: 40px;
    background: rgba(255, 255, 255, 0.95);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

body.company_register #main_wrap h1{
    text-align: center;
}

body.company_register #main_wrap h1 span{
	display: block;
    font-size: 64%;
    font-weight: normal;
}

body.company_register #main_wrap .share_user{
    text-align: center;
	font-size: 80%;
}

body.company_register #main_wrap .share_user li.base_info{
	display: block;
}

body.company_register #main_wrap .share_user li{
	display: inline-block;
	margin: 0 8px;
}

body.company_register #main_wrap .share_user .manager:before,
body.company_register #main_wrap .share_user .editor:before,
body.company_register #main_wrap .share_user .reader:before {
	font-family: "fontello";
    content: '\e821';
    font-size: 100%;
    width: auto;
    position: relative;
    top: 0px;
    left: -4px;
}

body.company_register #main_wrap h2 span{
    font-size: 64%;
    font-weight: normal;
}

body.company_register #main_wrap .group{
    margin-bottom: 12px;
}

body.company_register #main_wrap .group.radio .cont{
	background: rgba(255, 255, 255, 0.75);
    padding: 2px 4px;
    font-size: 92%;
}

body.company_register #main_wrap .group.radio .cont label{
	margin-right: 1em;
}

body.company_register #main_wrap input[type=submit]{
    margin: 16px auto;
}

body.company_register #main_wrap input[type="checkbox"]{
	margin-right: 4px;
}

body.company_register .gensen_check label,
body.company_register .sales_tax_check label{
    border: 1px solid #ccc;
    padding: 8px;
    border-radius: 8px;
}

body.company_register #main_wrap div#login_button{
    text-align: center;
}

body.company_register .input_append{
    border: 1px solid #ddd;
    display: block;
    text-align: center;
    text-decoration: none;
    background: #f4f4f4;
    padding: 4px 0;
	font-size: 96%;
    margin-bottom: 16px;
}

body.company_register .input_append:before {
    font-family: "fontello";
    content: '\e800';
    font-size: 88%;
    width: 10%;
    position: relative;
    top: -1px;
    left: -8px;
}

body.company_register .input_append:hover{
	opacity: 0.8;
}

body.company_register #bottom_controll{
	position: fixed;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    left: 0;
    z-index: 999;
}

body.company_register .append{
    margin-top: 16px;
    margin-bottom: 4px;
	padding: 16px;
    background: #fff;
}

body.company_register .list_wrap{
    margin-top: 16px;
    margin-bottom: 4px;
	padding: 16px;
    background: #fff;
}

body.company_register .list_wrap_open{
    border: 1px solid #ddd;
    display: block;
    text-align: center;
    text-decoration: none;
	font-size: 88%;
    line-height: 32px;
    background: #1d4091;
    padding: 8px 48px 8px 12px;
    min-height: 38px;
    color: #9dacce;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

body.company_register .list_wrap_open:before {
	font-family: "fontello";
    content: '\f0dc';
    font-size: 88%;
    display: block;
    min-height: 32px;
    float: left;
    width: 32px;
    position: relative;
    top: 0;
    left: -4px;
    margin-right: 8px;
    color: #1d4091;
    text-align: center;
    background: #fff;
    border-radius: 24px;
	cursor: move;
}

body.company_register .list_wrap_open:after {
    font-family: "fontello";
    content: '\e836';
    font-size: 96%;
    width: 12px;
    position: absolute;
	top: 8px;
    right: 4%;
    color: #fff;
    text-align: right;
}

body.company_register .list_wrap_open.on{
    background: #031e25;
	border: 1px solid #031e25;
	color: #fff;
}

body.company_register .list_wrap_open.on + div .list_wrap:first-of-type{
	margin-top: 0;
}

body.company_register .list_wrap_open:hover{
	opacity: 0.8;
}

body.company_register .group .list_wrap_open + .list_wrap{
	margin-top: 0;
}

body.company_register .group .group_list{
	position: relative;
}

body.company_register .group .group_list ul,
body.company_register .group .group_list dd{
	margin-bottom: 0 !important;
}

body.company_register .group .group_list dd.radio{
	background: rgba(255, 255, 255, 0.75);
	/* padding: 2px 4px;*/
    font-size: 92%;
}

body.company_register .group .group_list dd.radio label{
	margin-right: 1em;
}

body.company_register .group .group_list a.input_delete{
	position: absolute;
    right: 16px;
    top: 8px;
    font-size: 88%;
	color: #e61111;
	cursor: pointer;
}

body.company_register .group .group_list a.list_wrap_open.on + dl + a.input_delete{
    top: 52px;
}

body.company_register .group .group_list a.input_delete:before {
    font-family: "fontello";
    content: '\e831';
    font-size: 88%;
    width: 10%;
    position: absolute;
    top: 1px;
    left: -16px;
}

body.company_register .invoice_document li,
body.company_register .office_invoice_document li{
    padding: 4px 8px;
}

body.company_register .invoice_document li:nth-child(odd),
body.company_register .office_invoice_document li:nth-child(odd){
	background: #f4f4f4;
}

body.company_register .invoice_document li:nth-child(even),
body.company_register .office_invoice_document li:nth-child(even){
	background: #fff;
}

body.company_register .invoice_document li span.item_title,
body.company_register .office_invoice_document li span.item_title{
    display: inline-block;
    width: 40%;
}

body.company_register .invoice_document li label,
body.company_register .office_invoice_document li label{
    display: inline-block;
	width: 16%;
}

body.company_register .invoice_document li a.radio_cancel,
body.company_register .office_invoice_document li a.radio_cancel{
    display: inline-block;
	width: 16%;
	font-size: 80%;
}






/* 印鑑画像アップロード */
body.company_register #signature_upload_btn{
    display: inline-block;
    text-decoration: none;
    margin: 0 auto;
    width: 200px;
    text-align: center;
    background: #0C3DBE;
    color: #FFFFFF;
    cursor: pointer;
    -webkit-appearance: none;
    border: 1px solid #ddd;
    padding: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font: 90%/1.8 "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
}

body.company_register #signature_resize_btn{
    display: inline-block;
    text-decoration: none;
    margin: 0 auto;
    width: 200px;
    text-align: center;
    background: #0C3DBE;
    color: #FFFFFF;
    cursor: pointer;
    -webkit-appearance: none;
    border: 1px solid #ddd;
    padding: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font: 90%/1.8 "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
}

body.company_register #signature_upload{
    position: fixed;
    top: 10%;
    left: 0;
    right: 0;
    /* border: 0; */
    background: #fff;
    z-index: 1000000;
    border-radius: 8px;
    border-style: dotted;
    background-color: #fff;
    height: 52%;
    width: auto;
    margin: auto;
    padding: 100px;
    max-width: 72%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: none;
    overflow: hidden;
}

body.company_register #signature_upload button.btn {
    display: block;
    margin: 0 auto;
    background: #0C3DBE;
    color: #FFFFFF;
    cursor: pointer;
    -webkit-appearance: none;
    border: 1px solid #ddd;
    padding: 8px 56px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font: 90%/1.8 "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
}


body.company_register #pdf_file img{
	background: #fff;
}

body.company_register button.btn{
	display: block;
    margin: 0 auto;
    background: #0C3DBE;
    color: #FFFFFF;
    cursor: pointer;
    -webkit-appearance: none;
	border: 1px solid #ddd;
    padding: 8px 56px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font: 90%/1.8 "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
}

body.company_register button.btn:hover{
	opacity: 0.8;
}

body.company_register #progress_bar_wrap{
	display: none;
	width: 300px;
    margin: 0 auto;
}

body.company_register #progress_bar{
    height: 8px;
    background: #0C3DBE;
}

body.company_register #signature_wrap {
    margin: 0 0 8px;
}

body.company_register #signature_wrap p{
	margin-bottom: 0;
}

body.company_register #signature_wrap p + img{
	margin-top: 4px;
}




/* 顧客管理
------------------------------------------------------------------------*/
body.add_customer #contents_container{
	background: #f1f1f3;
}

body.add_customer #contents_wrap{
	max-width: 980px;
}

body.add_customer #main_wrap{
	width: 100%;
}

body.add_customer #main_wrap .box{
    padding: 40px;
    background: rgba(255, 255, 255, 0.8);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

body.add_customer #main_wrap .note{
    clear: none;
    display: inline;
}

body.add_customer #main_wrap h1{
    text-align: center;
}

body.add_customer #main_wrap table th,
body.add_customer #main_wrap table td{
    width: 24%;
}

body.add_customer #main_wrap table td{
    width: 76%;
}

body.add_customer #main_wrap input[type=submit]{
    margin: 16px auto;
}

body.add_customer #main_wrap input[type=button]{
    margin: 16px auto;
}

body.add_customer #main_wrap table#customer_list tr#new_customer{
	opacity: 0;
	display: none;
}

body.add_customer #main_wrap a#company_register_form_btn,
body.add_customer #main_wrap a#customer_register_form_btn,
body.add_customer #main_wrap a#document_register_form_btn,
body.add_customer #main_wrap form#customer_del_btn input,
body.add_customer #main_wrap a#office_register_form_btn{
	width: 204px;
    display: block;
	float: left;
    padding: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    margin: 0 auto;
	margin-left: 8px;
    text-align: center;
	font-weight: bold;
	font-size: 90%;
}

body.add_customer #main_wrap form#customer_del_btn{
	display: block;
    float: right;
    margin: 0;
}

body.add_customer #main_wrap form#customer_del_btn input{
    background: #f4f4f4;
    border: none;
    color: #d21111;
    float: none;
    min-width: 0;
}

body.add_customer #main_wrap a#company_register_form_btn:hover,
body.add_customer #main_wrap a#customer_register_form_btn:hover,
body.add_customer #main_wrap a#document_register_form_btn:hover,
body.add_customer #main_wrap form#customer_del_btn input:hover,
body.add_customer #main_wrap a#office_register_form_btn:hover{
	opacity: 0.8;
}

body.add_customer #main_wrap a#company_register_form_btn{
    margin-top: 0;
	background: #1d4091;
}

body.add_customer #main_wrap a#customer_register_form_btn{
	background: #1d5091;
}

body.add_customer #main_wrap a#document_register_form_btn{
	background: #289a96;
}

body.add_customer #main_wrap form#company_del_btn input{
	background: #f4f4f4;
}

body.add_customer #main_wrap a#office_register_form_btn{
	background: #198072;
}

body.add_customer #main_wrap form#company_del_btn{
    display: block;
    text-align: right;
    margin: 0;
}

body.add_customer #main_wrap form#company_del_btn input{
    background: none;
    padding: 0;
    border: none;
    color: #d21111;
}

body.customer_del #contents_container{
	background: #fff;
}

body.customer_del #contents_container input[type=submit] {
    margin: 16px auto;
	background: #d21111;
}

/* 顧客登録
------------------------------------------------------------------------*/
body.customer_register #contents_container{
	background: #f4f4f4;
}

body.customer_register,
body.customer_register #main_wrap{
}

body.customer_register #main_wrap{
	width: 100%;
	background: none;
}

body.customer_register #main_wrap .box{
    padding: 40px;
    background: rgba(255, 255, 255, 0.95);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

body.customer_register #main_wrap h1{
    text-align: center;
}

body.customer_register #main_wrap h1 span{
	display: block;
    font-size: 64%;
    font-weight: normal;
}

body.customer_register #main_wrap .share_user{
    text-align: center;
	font-size: 80%;
}

body.customer_register #main_wrap .share_user li.base_info{
	display: block;
}

body.customer_register #main_wrap .share_user li{
	display: inline-block;
	margin: 0 8px;
}

body.customer_register #main_wrap .share_user .manager:before,
body.customer_register #main_wrap .share_user .editor:before,
body.customer_register #main_wrap .share_user .reader:before {
	font-family: "fontello";
    content: '\e821';
    font-size: 100%;
    width: auto;
    position: relative;
    top: 0px;
    left: -4px;
}

body.customer_register #main_wrap h2 span{
    font-size: 64%;
    font-weight: normal;
}

body.customer_register #main_wrap .group{
    margin-bottom: 12px;
}

body.customer_register #main_wrap .group.radio .cont{
	background: rgba(255, 255, 255, 0.75);
    padding: 2px 4px;
    font-size: 92%;
}

body.customer_register #main_wrap .group.radio .cont label{
	margin-right: 1em;
}

body.customer_register #main_wrap input[type=submit]{
    margin: 16px auto;
}

body.customer_register #main_wrap div#login_button{
    text-align: center;
}

body.customer_register .input_append{
    border: 1px solid #ddd;
    display: block;
    text-align: center;
    text-decoration: none;
    background: #f4f4f4;
    padding: 4px 0;
	font-size: 96%;
    margin-bottom: 16px;
}

body.customer_register .input_append:before {
    font-family: "fontello";
    content: '\e800';
    font-size: 88%;
    width: 10%;
    position: relative;
    top: -1px;
    left: -8px;
}

body.customer_register .input_append:hover{
	opacity: 0.8;
}

body.customer_register #bottom_controll{
	position: fixed;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    left: 0;
    z-index: 999;
}

body.customer_register .append{
    margin-top: 16px;
    margin-bottom: 4px;
	padding: 16px;
    background: #fff;
}

body.customer_register .list_wrap{
    margin-top: 16px;
    margin-bottom: 4px;
	padding: 16px;
	background: #f4f4f4;
    border: 1px solid #ddd;
}

body.customer_register .list_wrap_open{
    border: 1px solid #ddd;
    display: block;
    text-align: center;
    text-decoration: none;
	font-size: 88%;
    line-height: 32px;
    background: #1d4091;
    padding: 8px 48px 8px 12px;
    min-height: 38px;
    color: #9dacce;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

body.customer_register .list_wrap_open:before {
	font-family: "fontello";
    content: '\f0dc';
    font-size: 88%;
    display: block;
    min-height: 32px;
    float: left;
    width: 32px;
    position: relative;
    top: 0;
    left: -4px;
    margin-right: 8px;
    color: #1d4091;
    text-align: center;
    background: #fff;
    border-radius: 24px;
	cursor: move;
}

body.customer_register .list_wrap_open:after {
    font-family: "fontello";
    content: '\e836';
    font-size: 96%;
    width: 12px;
    position: absolute;
	top: 8px;
    right: 4%;
    color: #fff;
    text-align: right;
}

body.customer_register .list_wrap_open.on{
    background: #031e25;
	border: 1px solid #031e25;
	color: #fff;
}

body.customer_register .list_wrap_open.on + div .list_wrap:first-of-type{
	margin-top: 0;
}

body.customer_register .list_wrap_open:hover{
	opacity: 0.8;
}

body.customer_register .group .list_wrap_open + .list_wrap{
	margin-top: 0;
}

body.customer_register .group .group_list{
	position: relative;
}

body.customer_register .group .group_list ul,
body.customer_register .group .group_list dd{
	margin-bottom: 0 !important;
}

body.customer_register .group .group_list dd.radio{
	background: rgba(255, 255, 255, 0.75);
	/* padding: 2px 4px;*/
    font-size: 92%;
}

body.customer_register .group .group_list dd.radio label{
	margin-right: 1em;
}

body.customer_register .group .group_list a.input_delete{
	position: absolute;
    right: 16px;
    top: 8px;
    font-size: 88%;
	color: #e61111;
	cursor: pointer;
}

body.customer_register .group .group_list a.list_wrap_open.on + dl + a.input_delete{
    top: 52px;
}

body.customer_register .group .group_list a.input_delete:before {
    font-family: "fontello";
    content: '\e831';
    font-size: 88%;
    width: 10%;
    position: absolute;
    top: 1px;
    left: -16px;
}

body.customer_register .invoice_document li,
body.customer_register .office_invoice_document li{
    padding: 4px 8px;
}

body.customer_register .invoice_document li:nth-child(odd),
body.customer_register .office_invoice_document li:nth-child(odd){
	background: #f4f4f4;
}

body.customer_register .invoice_document li:nth-child(even),
body.customer_register .office_invoice_document li:nth-child(even){
	background: #fff;
}

body.customer_register .invoice_document li span.item_title,
body.customer_register .office_invoice_document li span.item_title{
    display: inline-block;
    width: 40%;
}

body.customer_register .invoice_document li label,
body.customer_register .office_invoice_document li label{
    display: inline-block;
	width: 16%;
}

body.customer_register .invoice_document li a.radio_cancel,
body.customer_register .office_invoice_document li a.radio_cancel{
    display: inline-block;
	width: 16%;
	font-size: 80%;
}











/* 名刺スキャン
------------------------------------------------------------------------*/
body.add_customer.card_scan #main_wrap .img_input a#image_upload_button{
	position: relative;
	z-index: 999;
	display: block;
	overflow: hidden;
}

body.add_customer.card_scan #main_wrap .img_input a#image_upload_button:hover {
	opacity: 0.8;
}

body.add_customer.card_scan #main_wrap .img_input .image_wrap{
	display: block;
    width: 400px;
    height: 300px;
	background-color: #aeaeae;
}

body.add_customer.card_scan #main_wrap .img_input .image_wrap img{
    max-width: 400px;
    max-height: 300px;
}

body.add_customer.card_scan #main_wrap .img_input span.image_select{
	display: block;
    margin: 0 auto;
	background: #0C3DBE;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-appearance: none;
	padding: 8px 56px;
	font: 90%/1.8 "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
}

body.add_customer.card_scan #main_wrap input[type=submit]{
    margin: 16px auto;
}

body.add_customer.card_scan #main_wrap .btn_upload{
	margin-top: 3em;
}

body.add_customer.card_scan #main_wrap .btn_upload input[type="submit"]{
	width: 72%;
}

body.add_customer.card_scan #main_wrap div#regist_button{
    text-align: center;
}

body.add_customer.card_scan #main_wrap div#regist_button a{
	display: inline-block;
    margin: 0 auto;
    background: #f4f4f4;
    color: #333;
    cursor: pointer;
    -webkit-appearance: none;
    padding: 8px 56px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: bold;
	font-size: 90%;
	text-decoration: none;
}

body.add_customer.card_scan #main_wrap div#lost_mail_button{
    text-align: center;
	font-size: 90%;
	margin: 16px auto 0;
}




/* 書類登録
------------------------------------------------------------------------*/
body.add_document #contents_container{
	background: #f4f4f4;
}

body.add_document #contents_wrap {
	max-width: 980px;
	width: 100%;
}

body.add_document #main_wrap{
	width: 100%;
}

body.add_document #main_wrap .box{
    padding: 40px;
    background: rgba(255, 255, 255, 0.8);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

body.add_document #main_wrap .note{
    clear: none;
    display: inline;
    font-weight: normal;
}

body.add_document #main_wrap h1{
    text-align: center;
}

body.add_document #main_wrap h1 span{
	display: block;
    font-size: 64%;
    font-weight: normal;
}

body.add_document #main_wrap table th,
body.add_document #main_wrap table td{
    width: 50%;
}

body.add_document #main_wrap input[type=submit]{
    margin: 16px auto;
}

body.add_document #main_wrap .menu_wrap input[type=submit]{
    margin: 0 auto;
}

body.add_document #main_wrap input[type=button]{
    margin: 0 auto;
}

body.add_document #main_wrap a#company_register_form_btn,
body.add_document #main_wrap a#document_register_form_btn,
body.add_document #main_wrap a#office_register_form_btn{
    width: 184px;
    display: inline-block;
    padding: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    margin: 16px auto;
    text-align: center;
	font-weight: bold;
	font-size: 90%;
}

body.add_document #main_wrap a#company_register_form_btn:hover,
body.add_document #main_wrap a#document_register_form_btn:hover,
body.add_document #main_wrap a#office_register_form_btn:hover{
	opacity: 0.8;
}

body.add_document #main_wrap a#company_register_form_btn{
    margin-top: 0;
	background: #1d4091;
}

body.add_document #main_wrap a#document_register_form_btn{
	background: #289a96;
    margin: 0 auto;
}

body.add_document #main_wrap .document_list form{
    display: inline-block;
	margin-left: 8px;
}

body.add_document #main_wrap .document_list form:first-child{
	margin-left: 0;
}

body.add_document #main_wrap a#office_register_form_btn{
	background: #198072;
}

body.add_document #main_wrap form#document_del_btn{
    display: inline-block;
    text-align: right;
}

body.add_document #main_wrap form#document_del_btn input{
	display: inline-block;
    background: #f4f4f4;
    border: none;
    color: #d21111;
	margin-bottom: 8px !important;
}

ul.document_list{
    display: table;
    width: 100%;
	border-collapse: collapse;
    font-size: 90%;
	margin: 40px auto 0;
	line-height: 160%;
}

ul.document_list li{
	display: table-row;
}

ul.document_list li span.document_name,
ul.document_list li span.cnt,
ul.document_list li .menu_wrap{
    display: table-cell;
	border: 1px solid #E6E6E6;
    padding: 16px;
}

ul.document_list li span.document_name{
    background: #f4f4f4;
    width: 30%;
    vertical-align: middle;
    font-weight: bold;
}

ul.document_list li span.document_name span{
	display: block;
}

ul.document_list li span.document_name span.schedule{
    display: inline-block;
    margin-left: 0;
    padding: 2px 8px;
    font-size: 80%;
    line-height: 1.6;
    color: #289a96;
    border: 1px solid #289a96;
    background: #fff;
    white-space: nowrap;
}

ul.document_list li span.document_name span.status{
	display: inline-block;
    background: #333;
    color: #fff;
    padding: 0 8px;
    font-size: 88%;
    letter-spacing: 1px;
}

ul.document_list li span.document_name span.status.estimate_already{
    background: #0c3dbe;
}

ul.document_list li span.document_name span.status.invoice_already{
    background: #289a96;
}

ul.document_list li span.document_name span.status.payment_already{
	background: #c7c7c7;
    color: #fff;
}

ul.document_list li span.document_name span.register_date,
ul.document_list li span.document_name span.update_date{
    font-weight: normal;
}

ul.document_list li .menu_wrap {
    padding: 16px;
}

ul.document_list li .menu_wrap input[type="submit"] {
    min-width: 0px;
	width: 184px;
}

ul.document_list li .menu_wrap .create_wrap,
ul.document_list li .menu_wrap .estimation_wrap,
ul.document_list li .menu_wrap .invoice_wrap,
ul.document_list li .menu_wrap .receipt_wrap,
ul.document_list li .menu_wrap .other_wrap{
	display: block;
	overflow: hidden;
}


ul.document_list.sort li span.document_name{
	cursor: move;
}

ul.document_list.sort li span.document_name:before {
    font-family: "fontello";
    content: '\f0dc';
    font-size: 88%;
    width: 10%;
    position: relative;
    top: -1px;
    left: 0;
    margin-right: 8px;
    color: #289a96;
}

ul.document_list li span.cnt{
    width: 60%;
}



/* PDF取り込み */
.pdf-import-area {
    position: fixed;
    right: auto;
    left: calc(4% + 72px);
    bottom: 4%;
    z-index: 9999;
}

.pdf-import-area .btn {
    padding: 10px 16px;
    cursor: pointer;
    border: 3px solid #289a96;
    color: #289a96;
    font-weight: bold;
}




/* 書類削除
------------------------------------------------------------------------*/
body.document_del #contents_container{
	background: #fff;
}

body.document_del #contents_container input[type=submit] {
    margin: 16px auto;
	background: #d21111;
}


/* 書類複製
------------------------------------------------------------------------*/
body.document_duplicate #contents_container{
	background: #fff;
}

body.document_duplicate #contents_container input[type=submit] {
    margin: 16px auto;
}



/* 営業所登録
------------------------------------------------------------------------*/
body.add_office #contents_container{
	background: #f4f4f4;
}

body.add_office,
body.add_office #main_wrap{
}

body.add_office #main_wrap{
	width: 100%;
	background: none;
}

body.add_office #main_wrap .box{
    padding: 40px;
    background: rgba(255, 255, 255, 0.95);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

body.add_office #main_wrap h1{
    text-align: center;
}

body.add_office #main_wrap h1 span{
	display: block;
    font-size: 64%;
    font-weight: normal;
}

body.add_office #main_wrap h2 span{
    font-size: 64%;
    font-weight: normal;
}

body.add_office #main_wrap .group{
    margin-bottom: 12px;
}

body.add_office #main_wrap .group.radio .cont{
	background: rgba(255, 255, 255, 0.75);
    padding: 2px 4px;
    font-size: 92%;
}

body.add_office #main_wrap .group.radio .cont label{
	margin-right: 1em;
}

body.add_office #main_wrap input[type=submit]{
    margin: 16px auto;
}

body.add_office ul.office_list li span.office_name{
	text-align: left;
    display: inline-block;
    background: #f4f4f4;
    color: #333333;
    font-weight: bold;
    width: 32%;
    padding: 24px 8px;
    margin-right: 24px;
    cursor: move;
}

body.add_office ul.office_list li span.office_name:before {
    font-family: "fontello";
    content: '\f0dc';
    font-size: 88%;
    width: 10%;
    position: relative;
    top: -1px;
    left: 0;
    margin-right: 8px;
	color: #289a96;
}

body.add_office ul.office_list li span.office_name:hover{
	opacity: 0.8;
}

body.add_office ul.office_list li a.office_edit{
    display: inline-block;
    margin: 0px auto;
	background: #0C3DBE;
    width: 200px;
    padding: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-size: 88%;
}

body.add_office ul.office_list li a.office_edit:hover{
	opacity: 0.8;
}

body.add_office ul.office_list li form.office_del{
    display: inline-block;
    float: right;
    top: 10px;
    padding: 0;
    margin: 0px auto;
    position: relative;
    top: 10px;
    right: 24px;
}

body.add_office ul.office_list li form.office_del input[type="submit"]{
	background: none;
    padding: 0;
    margin: 0px auto;
    border: none;
    color: #d21111;
}

body.add_office .input_append{
    border: 1px solid #ddd;
    display: block;
    text-align: center;
    text-decoration: none;
    background: #f4f4f4;
    padding: 4px 0;
	font-size: 96%;
    margin-top: 12px;
}

body.add_office .input_append:before {
    font-family: "fontello";
    content: '\e800';
    font-size: 88%;
    width: 10%;
    position: relative;
    top: -1px;
    left: -8px;
}

body.add_office .input_append:hover{
	opacity: 0.8;
}

body.add_office ul.office_list{
	border: 1px solid #E6E6E6;
}

body.add_office ul.office_list li{
	border-top: 1px solid #E6E6E6;
}

body.add_office ul.office_list li:first-child{
	border-top: none;
}

body.add_office #office_sort{
	display: none;
}

/* 営業所削除
------------------------------------------------------------------------*/
body.office_del #contents_container{
	background: #fff;
}

body.office_del #contents_container input[type=submit] {
    margin: 16px auto;
	background: #d21111;
}


/* 見積書・請求書・領収書登録
------------------------------------------------------------------------*/
body.document_register #contents_container{
	background: #f4f4f4;
}

body.document_register #main_wrap{
	width: 100%;
	background: none;
}

body.document_register #main_wrap .box{
    padding: 40px;
    background: rgba(255, 255, 255, 0.95);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

body.document_register #main_wrap h1{
    text-align: center;
}

body.document_register #main_wrap h1 span{
	display: block;
    font-size: 64%;
    font-weight: normal;
}

body.document_register #main_wrap h2 span{
    font-size: 64%;
    font-weight: normal;
}

body.document_register #main_wrap .share_user{
    text-align: center;
	font-size: 80%;
}

body.document_register #main_wrap .share_user li.base_info{
	display: block;
}

body.document_register #main_wrap .share_user li{
	display: inline-block;
	margin: 0 8px;
}

body.document_register #main_wrap .share_user .manager:before,
body.document_register #main_wrap .share_user .editor:before,
body.document_register #main_wrap .share_user .reader:before {
	font-family: "fontello";
    content: '\e821';
    font-size: 100%;
    width: auto;
    position: relative;
    top: 0px;
    left: -4px;
}

body.document_register #main_wrap .group{
    margin-bottom: 12px;
}

body.document_register #main_wrap .group.radio .cont{
	background: rgba(255, 255, 255, 0.75);
    padding: 2px 4px;
    font-size: 92%;
}

body.document_register #main_wrap .group.radio .cont label{
	margin-right: 2em;
}

body.document_register #main_wrap .group.radio .cont label input{
	margin-right: 8px;
}



body.document_register #main_wrap .items_head{
	background: #333;
	overflow: hidden;
	margin-bottom: 0;
}


body.document_register #main_wrap .group.items{

}

body.document_register #main_wrap .group.items dl.list_wrap{
	overflow: hidden;
    padding: 0;
	margin: 0;
	background: none;
}

body.document_register #main_wrap .group.items dt{
	display: none;
}

body.document_register #main_wrap .group.items dd{
	display: inline;
}

body.document_register #main_wrap .group.items dd input{
	-webkit-appearance: none;
	border-radius: 0;
}

body.document_register #main_wrap .items_head li{
	display: inline-block;
	text-align: center;
	color: #fff;
    height: 32px;
	padding: 2px 0;
}

body.document_register ul.items_list.list_wrap li{
	display: inline-block;
	border: 1px solid #ccc;
	border-left: none;
	vertical-align: top;
}

body.document_register ul.items_list.list_wrap li:first-child{
	border-left: 1px solid #ccc;
}

body.document_register ul.items_list.list_wrap li input,
body.document_register ul.items_list.list_wrap li select{
	border: none;
    height: 32px;
}

/* 基本フォーマット */
body.document_register form.base ul li.num{
	width: 8%;
}

body.document_register form.base ul li.name{
	width: 32%;
}

body.document_register form.base ul li.quantity{
	width: 8%;
}

body.document_register form.base ul li.unit_price{
	width: 16%;
}

body.document_register form.base ul li.unit_price.minus input{
	color: #e61111;
}

body.document_register form.base ul li.tax_class{
	width: 12%;
}

body.document_register form.base ul li.price{
	width: 16%;
}

body.document_register form.base ul li.price.minus input{
	color: #e61111;
}

body.document_register form.base.tax_8_mode ul li.note{
	width: 20%;
}

body.document_register form.base ul li.note{
	width: 8%;
}

body.document_register form.base ul li.num *,
body.document_register form.base ul li.quantity *,
body.document_register form.base ul li.unit_price *,
body.document_register form.base ul li.price *{
	text-align: right;
}

body.document_register #main_wrap .group.items a.note_edit{
    height: 32px;
    display: inline-block;
    padding: 2px 0;
    font: 90%/1.618 Verdana, sans-serif;
    width: 100%;
    outline: 0;
    background: #fff;
    font-size: 100%;
    text-align: center;
    text-decoration: none;
}

body.document_register #main_wrap .group.items a.note_edit.in{
    background: #f4f4f4;
}

body.document_register #main_wrap .group.items a.note_edit:hover{
    opacity: 0.8;
    background: #fff;
}



/* 消費税８％時 */
body.document_register form.tax_8_date ul li.num{
	width: 8%;
}

body.document_register form.tax_8_date ul li.name{
	width: 32%;
}

body.document_register form.tax_8_date ul li.quantity{
	width: 8%;
}

body.document_register form.tax_8_date ul li.unit_price{
	width: 16%;
}

body.document_register form.tax_8_date ul li.tax_class{
	width: 0px;
}

body.document_register form.tax_8_date ul li.price{
	width: 16%;
}

body.document_register form.tax_8_date ul li.note{
	width: 20%;
}

body.document_register #main_wrap form.tax_8_date .items_keigen{
	display: none;
}



/* 司法書士フォーマット */
body.document_register form.shihou ul li.num{
	width: 8%;
}

body.document_register form.shihou ul li.name{
	width: 36%;
}

body.document_register form.shihou ul li.price{
	width: 28%;
}

body.document_register form.shihou ul li.actual_cost{
	width: 28%;
}

body.document_register form.shihou ul li.num *,
body.document_register form.shihou ul li.quantity *,
body.document_register form.shihou ul li.price *,
body.document_register form.shihou ul li.actual_cost *{
	text-align: right;
}

body.document_register #main_wrap form.shihou .group.items a.note_edit{
	display: none;
}

body.document_register #main_wrap form.shihou .items_keigen{
	display: none;
}



/* その他費用 */
body.document_register form.shihou ul.items_other_list li{
    display: inline-block;
    border: 1px solid #ccc;
    border-left: none;
    vertical-align: top;
}

body.document_register form.shihou ul.items_other_list li:first-child{
	border-left: 1px solid #ccc;
}

body.document_register form.shihou ul.items_other li input,
body.document_register form.shihou ul.items_other li select{
	border: none;
    height: 32px;
}

#main_wrap input[type="number"]{
    width: 100%;
    box-sizing: border-box;
}

body.document_register form.shihou ul.items_other li.num{
	width: 16%;
}

body.document_register form.shihou ul.items_other li.name{
	width: 48%;
}

body.document_register form.shihou ul.items_other li.price{
	width: 36%;
}

body.document_register #main_wrap form.shihou .group.items_other a.note_edit{
    display: none;
}

body.document_register #main_wrap form.shihou input[name="advance_payment_deposit"],
body.document_register #main_wrap form.shihou input[name="advance_payment_deduction"]{
	text-align: right;
}






/* 行政書士フォーマット */
body.document_register form.gyosei ul li.num{
	width: 8%;
}

body.document_register form.gyosei ul li.name{
	width: 36%;
}

body.document_register form.gyosei ul li.price{
	width: 28%;
}

body.document_register form.gyosei ul li.actual_cost{
	width: 28%;
}

body.document_register form.gyosei ul li.num *,
body.document_register form.gyosei ul li.quantity *,
body.document_register form.gyosei ul li.price *,
body.document_register form.gyosei ul li.actual_cost *{
	text-align: right;
}

body.document_register #main_wrap form.gyosei .group.items a.note_edit{
	display: none;
}

body.document_register #main_wrap form.gyosei .items_keigen{
	display: none;
}



/* その他費用 */
body.document_register form.gyosei ul.items_other_list li{
    display: inline-block;
    border: 1px solid #ccc;
    border-left: none;
    vertical-align: top;
}

body.document_register form.gyosei ul.items_other_list li:first-child{
	border-left: 1px solid #ccc;
}

body.document_register form.gyosei ul.items_other li input,
body.document_register form.gyosei ul.items_other li select{
	border: none;
    height: 32px;
}

#main_wrap input[type="number"]{
    width: 100%;
    box-sizing: border-box;
}

body.document_register form.gyosei ul.items_other li.num{
	width: 16%;
}

body.document_register form.gyosei ul.items_other li.name{
	width: 48%;
}

body.document_register form.gyosei ul.items_other li.price{
	width: 36%;
}

body.document_register #main_wrap form.gyosei .group.items_other a.note_edit{
    width: 44%;
}

body.document_register #main_wrap form.gyosei input[name="advance_payment_deposit"],
body.document_register #main_wrap form.gyosei input[name="advance_payment_deduction"]{
	text-align: right;
}














body.document_register #main_wrap .group.items dl *:nth-child(4) input{
	text-align: left;
}





body.document_register #main_wrap input[type=submit]{
    margin: 16px auto;
}

body.document_register #main_wrap div#login_button{
    text-align: center;
}

body.document_register .input_append{
    border: 1px solid #ddd;
    display: block;
    text-align: center;
    text-decoration: none;
    background: #f4f4f4;
    padding: 4px 0;
	font-size: 96%;
    margin-bottom: 16px;
	position: relative;
}

body.document_register .input_append:before {
    font-family: "fontello";
    content: '\e800';
    font-size: 88%;
    width: 10%;
    position: relative;
    top: -1px;
    left: -8px;
}

body.document_register .input_append:hover{
	opacity: 0.8;
}

body.document_register #bottom_controll{
	position: fixed;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    left: 0;
    z-index: 999;
}

body.document_register .append{
    margin-top: 16px;
    margin-bottom: 4px;
	padding: 16px;
    background: #fff;
}

body.document_register .list_wrap{
    margin-top: 0;
    margin-bottom: 4px;
	padding: 0;
    background: #fff;
}

body.document_register .list_wrap_open{
    border: 1px solid #ddd;
    display: block;
    text-align: center;
    text-decoration: none;
	font-size: 88%;
    line-height: 32px;
    background: #289a96;
    padding: 8px 48px 8px 12px;
	min-height: 38px;
	color: #b8d7de;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

body.document_register .list_wrap_open:before {
	font-family: "fontello";
    content: '\f0dc';
    font-size: 88%;
    display: block;
    min-height: 32px;
    float: left;
    width: 32px;
    position: relative;
    top: 0;
    left: -4px;
    margin-right: 8px;
    color: #289a96;
    text-align: center;
    background: #fff;
    border-radius: 24px;
	cursor: move;
}

body.document_register .list_wrap_open:after {
    font-family: "fontello";
    content: '\e836';
    font-size: 96%;
    width: 12px;
    position: absolute;
	top: 8px;
    right: 4%;
    color: #fff;
    text-align: right;
}

body.document_register .list_wrap_open.on{
    background: #031e25;
	border: 1px solid #031e25;
	color: #fff;
}

body.document_register .list_wrap_open.on + div .list_wrap:first-of-type{
	margin-top: 0;
}

body.document_register .list_wrap_open:hover{
	opacity: 0.8;
}

body.document_register .group .list_wrap_open + .list_wrap{
	margin-top: 0;
}

body.document_register .group .group_list{
	position: relative;
}

body.document_register .group .group_list dt{
	margin-top: 16px;
}

body.document_register .group .group_list dt:first-child{
	margin-top: 0;
}

body.document_register .group .group_list ul,
body.document_register .group .group_list dd{
	margin-bottom: 0 !important;
}

body.document_register .group .group_list dd label{
	display: inline-block;
	margin-right: 16px;
}

body.document_register .group .group_list a.input_delete{
	position: absolute;
    top: 4px;
    right: -112px;
    font-size: 88%;
	color: #e61111;
	cursor: pointer;
	text-indent: -9999px;
}

body.document_register .group .group_list a.list_wrap_open.on + dl + a.input_delete{
    top: 52px;
}

body.document_register .group .group_list a.input_delete:before {
    font-family: "fontello";
    content: '\e831';
    font-size: 88%;
    width: 10%;
    position: absolute;
    top: 1px;
    left: -16px;
	text-indent: -88px;
}

body.document_register .invoice_document li,
body.document_register .office_invoice_document li{
    padding: 4px 8px;
}

body.document_register .invoice_document li:nth-child(odd),
body.document_register .office_invoice_document li:nth-child(odd){
	background: #f4f4f4;
}

body.document_register .invoice_document li:nth-child(even),
body.document_register .office_invoice_document li:nth-child(even){
	background: #fff;
}

body.document_register .invoice_document li span.item_title,
body.document_register .office_invoice_document li span.item_title{
    display: inline-block;
    width: 40%;
}

body.document_register .invoice_document li label,
body.document_register .office_invoice_document li label{
    display: inline-block;
	width: 16%;
}

body.document_register .invoice_document li a.radio_cancel,
body.document_register .office_invoice_document li a.radio_cancel{
    display: inline-block;
	width: 16%;
	font-size: 80%;
}


body.document_register #main_wrap .items_foot{
	background: #fff;
	border: 2px solid #333;
	overflow: hidden;
	margin-bottom: 16px;
    padding: 8px;
}

body.document_register #main_wrap .items_foot li{
    float: left;
	color: #333;
}

body.document_register #main_wrap .items_foot li.title{
	clear: both;
	width: 64%;
	text-align: right;
    padding-right: 16px;
}

body.document_register #main_wrap .items_foot li#total_title{
    padding-top: 12px;
    font-weight: bold;
    line-height: 1;
}

body.document_register #main_wrap .items_foot li.money{
	width: 36%;
	text-align: right;
}

body.document_register #main_wrap .items_foot li.money:after{
	content: "円";
}

ul.items_foot.items_other_foot #subtotal_price:before{
	content: "①";
	margin-right: 1em;
}

ul.items_foot.items_other_foot #subtotal_actual_cost:before{
	content: "②";
	margin-right: 1em;
}

ul.items_foot.items_other_foot #subtotal_items_other:before{
	content: "③";
	margin-right: 1em;
}

ul.items_foot.items_other_foot #subtotal_all:before{
	content: "④";
	margin-right: 1em;
}

ul.items_foot.items_other_foot #tax:before{
	content: "⑤";
	margin-right: 1em;
}

ul.items_foot.items_other_foot #gensen:before{
	content: "⑥";
	margin-right: 1em;
}

body.document_register #main_wrap .items_foot li#total_price{
	font-size: 144%;
    font-weight: bold;
    line-height: 1;
    padding-top: 8px;
}



/* 軽減税率 */
body.document_register #main_wrap .items_keigen{
	background: #fff;
	border: 2px solid #333;
	overflow: hidden;
	margin-bottom: 16px;
    padding: 8px;
}

body.document_register #main_wrap .items_keigen li{
	color: #333;
    display: grid;
    grid-gap: 24px;
    grid-template-columns: 1fr 64px 1fr 64px 1fr;
	justify-content: center;
    border-top: 1px dotted #999;
	padding: 4px 0;
	display: -ms-grid;
    -ms-grid-columns: 1fr 24px 64px 24px 1fr 24px 64px 24px 1fr;
    -ms-grid-rows: auto;
}

body.document_register #main_wrap .items_keigen li:first-child{
    border-top: none;
	padding-top: 0;
}

body.document_register #main_wrap .items_keigen li:last-child{
	padding-bottom: 0;
}

body.document_register #main_wrap .items_keigen li > *{
	display: block;
}

body.document_register #main_wrap .items_keigen li > *:nth-child(1){
	-ms-grid-column: 1; /* IE11 */
    -ms-grid-row: 1; /* IE11 */
}

body.document_register #main_wrap .items_keigen li > *:nth-child(2){
	-ms-grid-column: 3; /* IE11 */
    -ms-grid-row: 1; /* IE11 */
}

body.document_register #main_wrap .items_keigen li > *:nth-child(3){
	-ms-grid-column: 5; /* IE11 */
    -ms-grid-row: 1; /* IE11 */
}

body.document_register #main_wrap .items_keigen li > *:nth-child(4){
	-ms-grid-column: 7; /* IE11 */
    -ms-grid-row: 1; /* IE11 */
}

body.document_register #main_wrap .items_keigen li > *:nth-child(5){
	-ms-grid-column: 9; /* IE11 */
    -ms-grid-row: 1; /* IE11 */
}

body.document_register #main_wrap .items_keigen li .title{
	display: inline-block;
    text-align: center;
    border: 1px solid #ccc;
    color: #333;
}

body.document_register #main_wrap .items_keigen li #tax_10_title,
body.document_register #main_wrap .items_keigen li #tax_8_title{
	display: inline-block;
    text-align: center;
    background: #333;
    border: none;
    color: #fff;
}

body.document_register #main_wrap .items_keigen li #total_title{
    padding-top: 12px;
    font-weight: bold;
    line-height: 1;
}

body.document_register #main_wrap .items_keigen li .money{
	text-align: right;
}

body.document_register #main_wrap .items_keigen li .money:after{
	content: "円";
}

body.document_register input[type="checkbox"]{
	margin-right: 4px;
}

body.document_register .gensen{
	text-align: right;
}

body.document_register .gensen label{
    border: 1px solid #ccc;
    padding: 8px;
    border-radius: 8px;
}

body.document_register #note_edit_box{
    display: none;
    position: fixed;
    top: 10%;
    left: 0;
    right: 0;
    margin: auto;
    border: 0;
    background: #fff;
    z-index: 1000000;
    padding: 24px;
    width: 432px;
    max-width: 92%;
    border-radius: 8px;
}

body.document_register #note_edit_textarea{
	width: 100%;
	height: 10em;
}






/* スケジュールパネル全体 */
button#btn_schedule_toggle{
    display: block;
    margin: 0 auto;
    background: #000;
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    padding: 8px;
    min-width: 240px;
    margin: 16px auto 24px;
    border: none;
    border-radius: 4px;
    font: 90% / 1.8 "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    position: relative;
}

form#document_register_form:has(#schedule_panel.is-hidden) button#btn_schedule_toggle{
    background: #f4f4f4;
    color: #333;
}

button#btn_schedule_toggle:hover{
	opacity: 0.8;
}

button#btn_schedule_toggle::before {
    font-family: "fontello";
    content: '\2795';
    font-size: 100%;
    text-indent: 0;
    position: static;
    margin-right: 8px;
    color: #fff;
}

form#document_register_form:has(#schedule_panel.is-hidden) button#btn_schedule_toggle::before{
    color: #333;
}

.schedule-panel {
  display: block;
  margin: 12px 0;
  padding: 16px;
  border: 1px solid #ccc;
  background: #fff;
}

/* 非表示ユーティリティ */
.is-hidden { display: none !important; }

/* 行間・並び */
.schedule-row { margin-top: 8px; }
.schedule-row .ml-10 { margin-left: 10px; }

/* フィールドセット */
.schedule-fieldset { margin-top: 12px; }
.schedule-fieldset legend { font-weight: 600; }
.help-text { font-size: 12px; color: #666; margin-top: 6px; }

/* 表示ユーティリティ */
.block { display: block; }
.mb-8 { margin-bottom: 8px; }

/* 幅ユーティリティ */
.w-100 { width: 100%; }
.w-auto { width: auto !important; }
.w-6em { width: 6em !important; }

/* 管理者CC表示 */
.admin-cc-preview { font-size: 12px; color: #666; margin-top: 6px; }
.admin-cc-item { display: inline-block; min-width: 320px; margin: 4px 12px 4px 0; }

div#admin_cc_box {
    background: #f4f4f4;
    padding: 0 12px;
}

#main_wrap form .help-text {
    font-size: 80%;
    margin-bottom: 0;
    background: #f4f4f4;
    padding: 16px;
}

#main_wrap form .help-text > *:last-child{
	margin-bottom: 0 !important;
}

#main_wrap form .help-text code{
    font: 100% / 1.618 "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#main_wrap form .help-text .columns{
    display: flex;
}

#main_wrap form .help-text .columns > .column{
	width: 50%;
}


/* PDF出力
------------------------------------------------------------------------*/
body.document_pdf_output #contents_container{
	background: #f4f4f4;
}

body.document_pdf_output #main_wrap{
	width: 100%;
	background: none;
}

body.document_pdf_output #main_wrap .box{
    padding: 40px;
    background: rgba(255, 255, 255, 0.95);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

body.document_pdf_output #main_wrap h1{
    text-align: center;
}

body.document_pdf_output #main_wrap h1 span{
	display: block;
    font-size: 64%;
    font-weight: normal;
}

body.document_pdf_output #main_wrap h2 span{
    font-size: 64%;
    font-weight: normal;
}

body.document_pdf_output #main_wrap .share_user{
    text-align: center;
	font-size: 80%;
}

body.document_pdf_output #main_wrap .share_user li.base_info{
	display: block;
}

body.document_pdf_output #main_wrap .share_user li{
	display: inline-block;
	margin: 0 8px;
}

body.document_pdf_output #main_wrap .share_user .manager:before,
body.document_pdf_output #main_wrap .share_user .editor:before,
body.document_pdf_output #main_wrap .share_user .reader:before {
	font-family: "fontello";
    content: '\e821';
    font-size: 100%;
    width: auto;
    position: relative;
    top: 0px;
    left: -4px;
}

body.document_pdf_output #main_wrap .group{
    margin-bottom: 12px;
}

body.document_pdf_output #main_wrap .group.radio .cont{
	background: rgba(255, 255, 255, 0.75);
    padding: 2px 4px;
    font-size: 92%;
}

body.document_pdf_output #main_wrap .group.radio .cont label{
	margin-right: 2em;
}

body.document_pdf_output #main_wrap .group.radio .cont label input{
	margin-right: 8px;
}



body.document_pdf_output #main_wrap .items_head{
	background: #333;
	overflow: hidden;
	margin-bottom: 0;
}

body.document_pdf_output #main_wrap .items_head li{
	color: #fff;
}

body.document_pdf_output #main_wrap .group.items{

}

body.document_pdf_output #main_wrap .group.items dl.list_wrap{
	overflow: hidden;
    padding: 0;
	margin: 0;
	background: none;
}

body.document_pdf_output #main_wrap .group.items dt{
	display: none;
}

body.document_pdf_output #main_wrap .group.items dd{
	display: inline;
}

body.document_pdf_output #main_wrap .group.items dd input{
	float: left;
}

body.document_pdf_output #main_wrap .items_head li{
	float: left;
}

body.document_pdf_output #main_wrap .items_head li:nth-child(1),
body.document_pdf_output #main_wrap .group.items *:nth-child(2) input{
	width: 8%;
}

body.document_pdf_output #main_wrap .items_head li:nth-child(2),
body.document_pdf_output #main_wrap .group.items *:nth-child(4) input{
	width: 24%;
}

body.document_pdf_output #main_wrap .items_head li:nth-child(3),
body.document_pdf_output #main_wrap .group.items *:nth-child(6) input{
	width: 16%;
}

body.document_pdf_output #main_wrap .items_head li:nth-child(4),
body.document_pdf_output #main_wrap .group.items *:nth-child(8) input{
	width: 16%;
}

body.document_pdf_output #main_wrap .items_head li:nth-child(5),
body.document_pdf_output #main_wrap .group.items *:nth-child(10) input{
	width: 16%;
}

body.document_pdf_output #main_wrap .items_head li:nth-child(6),
body.document_pdf_output #main_wrap .group.items *:nth-child(12) input{
	width: 16%;
}

body.document_pdf_output #main_wrap input[type=submit]{
    margin: 16px auto;
}

body.document_pdf_output #main_wrap input[type=submit].orderform {
    color: #0C3DBE;
    background: #fff;
}

body.document_pdf_output #main_wrap div#login_button{
    text-align: center;
}

body.document_pdf_output .input_append{
    border: 1px solid #ddd;
    display: block;
    text-align: center;
    text-decoration: none;
    background: #f4f4f4;
    padding: 4px 0;
	font-size: 96%;
    margin-bottom: 16px;
	position: relative;
}

body.document_pdf_output .input_append:before {
    font-family: "fontello";
    content: '\e800';
    font-size: 88%;
    width: 10%;
    position: relative;
    top: -1px;
    left: -8px;
}

body.document_pdf_output .input_append:hover{
	opacity: 0.8;
}

body.document_pdf_output #bottom_controll{
	position: fixed;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    left: 0;
    z-index: 999;
}

body.document_pdf_output .append{
    margin-top: 16px;
    margin-bottom: 4px;
	padding: 16px;
    background: #fff;
}

body.document_pdf_output .list_wrap{
    margin-top: 16px;
    margin-bottom: 4px;
	padding: 16px;
    background: #fff;
}

body.document_pdf_output .list_wrap_open{
    border: 1px solid #ddd;
    display: block;
    text-align: center;
    text-decoration: none;
	font-size: 88%;
    line-height: 32px;
    background: #289a96;
    padding: 8px 48px 8px 12px;
	min-height: 38px;
	color: #b8d7de;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

body.document_pdf_output .list_wrap_open:before {
	font-family: "fontello";
    content: '\f0dc';
    font-size: 88%;
    display: block;
    min-height: 32px;
    float: left;
    width: 32px;
    position: relative;
    top: 0;
    left: -4px;
    margin-right: 8px;
    color: #289a96;
    text-align: center;
    background: #fff;
    border-radius: 24px;
	cursor: move;
}

body.document_pdf_output .list_wrap_open:after {
    font-family: "fontello";
    content: '\e836';
    font-size: 96%;
    width: 12px;
    position: absolute;
	top: 8px;
    right: 4%;
    color: #fff;
    text-align: right;
}

body.document_pdf_output .list_wrap_open.on{
    background: #031e25;
	border: 1px solid #031e25;
	color: #fff;
}

body.document_pdf_output .list_wrap_open.on + div .list_wrap:first-of-type{
	margin-top: 0;
}

body.document_pdf_output .list_wrap_open:hover{
	opacity: 0.8;
}

body.document_pdf_output .group .list_wrap_open + .list_wrap{
	margin-top: 0;
}

body.document_pdf_output .group .group_list{
	position: relative;
}

body.document_pdf_output .group .group_list dt{
	margin-top: 16px;
}

body.document_pdf_output .group .group_list dt:first-child{
	margin-top: 0;
}

body.document_pdf_output .group .group_list ul,
body.document_pdf_output .group .group_list dd{
	margin-bottom: 0 !important;
}

body.document_pdf_output .group .group_list dd label{
	display: inline-block;
	margin-right: 16px;
}

body.document_pdf_output .group .group_list a.input_delete{
	position: absolute;
    right: 16px;
    top: 8px;
    font-size: 88%;
	color: #e61111;
	cursor: pointer;
}

body.document_pdf_output .group .group_list a.list_wrap_open.on + dl + a.input_delete{
    top: 52px;
}

body.document_pdf_output .group .group_list a.input_delete:before {
    font-family: "fontello";
    content: '\e831';
    font-size: 88%;
    width: 10%;
    position: absolute;
    top: 1px;
    left: -16px;
}

body.document_pdf_output .invoice_document li,
body.document_pdf_output .office_invoice_document li{
    padding: 4px 8px;
}

body.document_pdf_output .invoice_document li:nth-child(odd),
body.document_pdf_output .office_invoice_document li:nth-child(odd){
	background: #f4f4f4;
}

body.document_pdf_output .invoice_document li:nth-child(even),
body.document_pdf_output .office_invoice_document li:nth-child(even){
	background: #fff;
}

body.document_pdf_output .invoice_document li span.item_title,
body.document_pdf_output .office_invoice_document li span.item_title{
    display: inline-block;
    width: 40%;
}

body.document_pdf_output .invoice_document li label,
body.document_pdf_output .office_invoice_document li label{
    display: inline-block;
	width: 16%;
}

body.document_pdf_output .invoice_document li a.radio_cancel,
body.document_pdf_output .office_invoice_document li a.radio_cancel{
    display: inline-block;
	width: 16%;
	font-size: 80%;
}



/* メール送信
------------------------------------------------------------------------*/
body.document_send_mail #contents_container{
	background: #f4f4f4;
}

body.document_send_mail,
body.document_send_mail #main_wrap{
}

body.document_send_mail #main_wrap{
	width: 100%;
	background: none;
}

body.document_send_mail #main_wrap .box{
    padding: 40px;
    background: rgba(255, 255, 255, 0.95);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

body.document_send_mail #contents_container input[type=submit] {
    margin: 16px auto;
}




/* 営業所登録・編集
------------------------------------------------------------------------*/
body.office_register #contents_container{
	background: #198072;
}

body.office_register,
body.office_register #main_wrap{
}

body.office_register #main_wrap{
	width: 100%;
	background: none;
}

body.office_register #main_wrap .box{
    padding: 40px;
    background: rgba(255, 255, 255, 0.95);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

body.office_register #main_wrap h1{
    text-align: center;
}

body.office_register #main_wrap h1 span{
	display: block;
    font-size: 64%;
    font-weight: normal;
}

body.office_register #main_wrap .share_user{
    text-align: center;
	font-size: 80%;
}

body.office_register #main_wrap .share_user li.base_info{
	display: block;
}

body.office_register #main_wrap .share_user li{
	display: inline-block;
	margin: 0 8px;
}

body.office_register #main_wrap .share_user .manager:before,
body.office_register #main_wrap .share_user .editor:before,
body.office_register #main_wrap .share_user .reader:before {
	font-family: "fontello";
    content: '\e821';
    font-size: 100%;
    width: auto;
    position: relative;
    top: 0px;
    left: -4px;
}

body.office_register #main_wrap h2 span{
    font-size: 64%;
    font-weight: normal;
}

body.office_register #main_wrap .group{
    margin-bottom: 12px;
}

body.office_register #main_wrap .group.radio .cont{
	background: rgba(255, 255, 255, 0.75);
    padding: 2px 4px;
    font-size: 92%;
}

body.office_register #main_wrap .group.radio .cont label{
	margin-right: 1em;
}

body.office_register #main_wrap input[type=submit]{
    margin: 16px auto;
}

body.office_register #main_wrap div#login_button{
    text-align: center;
}

body.office_register .input_append{
    border: 1px solid #ddd;
    display: block;
    text-align: center;
    text-decoration: none;
    background: #f4f4f4;
    padding: 4px 0;
	font-size: 96%;
    margin-bottom: 16px;
}

body.office_register .input_append:before {
    font-family: "fontello";
    content: '\e800';
    font-size: 88%;
    width: 10%;
    position: relative;
    top: -1px;
    left: -8px;
}

body.office_register .input_append:hover{
	opacity: 0.8;
}

body.office_register #bottom_controll{
	position: fixed;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    left: 0;
    z-index: 999;
}

body.office_register .append{
    margin-top: 16px;
    margin-bottom: 4px;
	padding: 16px;
    background: #fff;
}

body.office_register .list_wrap{
    margin-top: 16px;
    margin-bottom: 4px;
	padding: 16px;
    background: #fff;
}

body.office_register .list_wrap_open{
    border: 1px solid #ddd;
    display: block;
    text-align: center;
    text-decoration: none;
	font-size: 88%;
    line-height: 32px;
    background: #198072;
    padding: 8px 48px 8px 12px;
	min-height: 38px;
	color: #a3d8d1;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

body.office_register .list_wrap_open:before {
	font-family: "fontello";
    content: '\f0dc';
    font-size: 88%;
    display: block;
    min-height: 32px;
    float: left;
    width: 32px;
    position: relative;
    top: 0;
    left: -4px;
    margin-right: 8px;
    color: #198072;
    text-align: center;
    background: #fff;
    border-radius: 24px;
	cursor: move;
}

body.office_register .list_wrap_open:after {
    font-family: "fontello";
    content: '\e836';
    font-size: 96%;
    width: 12px;
    position: absolute;
	top: 8px;
    right: 4%;
    color: #fff;
    text-align: right;
}

body.office_register .list_wrap_open.on{
    background: #031e25;
	border: 1px solid #031e25;
	color: #fff;
}

body.office_register .list_wrap_open.on + div .list_wrap:first-of-type{
	margin-top: 0;
}

body.office_register .list_wrap_open:hover{
	opacity: 0.8;
}

body.office_register .group .list_wrap_open + .list_wrap{
	margin-top: 0;
}

body.office_register .group .group_list{
	position: relative;
}

body.office_register .group .group_list ul,
body.office_register .group .group_list dd{
	margin-bottom: 0 !important;
}

body.office_register .group .group_list a.input_delete{
	position: absolute;
    right: 16px;
    top: 8px;
    font-size: 88%;
	color: #e61111;
	cursor: pointer;
}

body.office_register .group .group_list a.list_wrap_open.on + dl + a.input_delete{
    top: 52px;
}

body.office_register .group .group_list a.input_delete:before {
    font-family: "fontello";
    content: '\e831';
    font-size: 88%;
    width: 10%;
    position: absolute;
    top: 1px;
    left: -16px;
}

body.office_register .invoice_document li,
body.office_register .office_invoice_document li{
    padding: 4px 8px;
}

body.office_register .invoice_document li:nth-child(odd),
body.office_register .office_invoice_document li:nth-child(odd){
	background: #f4f4f4;
}

body.office_register .invoice_document li:nth-child(even),
body.office_register .office_invoice_document li:nth-child(even){
	background: #fff;
}

body.office_register .invoice_document li span.item_title,
body.office_register .office_invoice_document li span.item_title{
    display: inline-block;
    width: 40%;
}

body.office_register .invoice_document li label,
body.office_register .office_invoice_document li label{
    display: inline-block;
	width: 16%;
}

body.office_register .invoice_document li a.radio_cancel,
body.office_register .office_invoice_document li a.radio_cancel{
    display: inline-block;
	width: 16%;
	font-size: 80%;
}




/* ユーザー管理
------------------------------------------------------------------------*/
body.add_company_user #contents_container{
	background: #f4f4f4;
}

body.add_company_user,
body.add_company_user #main_wrap{
}

body.add_company_user #main_wrap{
	width: 100%;
}

body.add_company_user #main_wrap .box{
    padding: 40px;
    background: rgba(255, 255, 255, 0.8);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

body.add_company_user #main_wrap h1{
    text-align: center;
}

body.add_company_user #main_wrap table th{
	width: 42%;
}

body.add_company_user #main_wrap form input[type=submit]{
    margin: 0 auto;
}

body.add_company_user #main_wrap input[type=button]{
    margin: 16px auto;
}
	
/* ユーザー管理（ユーザー権限）
------------------------------------------------------------------------*/
body.user_authority #contents_container{
	background: #fff;
}

body.user_authority #contents_container input[type=submit] {
    margin: 16px auto;
}


/* ユーザー管理（ユーザー追加）
------------------------------------------------------------------------*/
body.user_register #contents_container{
	background: #f4f4f4;
}

body.user_register,
body.user_register #main_wrap{
}

body.user_register #main_wrap{
	width: 100%;
}

body.user_register #main_wrap .box{
    padding: 40px;
    background: rgba(255, 255, 255, 0.8);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	max-width: 100%;
}

body.user_register #main_wrap h1{
    text-align: center;
}

body.user_register #main_wrap h1 span{
	display: block;
    font-size: 64%;
    font-weight: normal;
}

body.user_register #main_wrap table {
    margin-top: 1em;
}

body.user_register #main_wrap table th,
body.user_register #main_wrap table td{
	width: 25%;
	text-align: center;
	padding: 8px;
}

body.user_register #main_wrap table th .note,
body.user_register #main_wrap table td .note{
	line-height: 1.6;
	margin-top: 4px;
}

body.user_register #main_wrap input[type=submit]{
    margin: 16px auto;
}

body.user_register #main_wrap input[type=button]{
    margin: 16px auto;
}

/* スケジュールメール一括送信
------------------------------------------------------------------------*/
body.schedule_mail #contents_container{
	background-image: url(../images/background07.jpg);
	background-size: cover;
}


body.schedule_mail,
body.schedule_mail #main_wrap{
}

body.schedule_mail #main_wrap{
	width: 100%;
	justify-content: center;
	align-items: center;
	background: none;
}

body.schedule_mail #main_wrap .box{
    padding: 40px;
    background: rgba(255, 255, 255, 0.95);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

body.schedule_mail #main_wrap h1{
    text-align: center;
}

body.schedule_mail #main_wrap input[type=submit]{
    margin: 16px auto;
}

body.schedule_mail #main_wrap div#login_button{
    text-align: center;
}




/* DBバックアップ
------------------------------------------------------------------------*/
body.db_backup #contents_container{
	background-image: url(../images/background07.jpg);
	background-size: cover;
}


body.db_backup,
body.db_backup #main_wrap{
}

body.db_backup #main_wrap{
	width: 100%;
	justify-content: center;
	align-items: center;
	background: none;
}

body.db_backup #main_wrap .box{
    padding: 40px;
    background: rgba(255, 255, 255, 0.95);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

body.db_backup #main_wrap h1{
    text-align: center;
}

body.db_backup #main_wrap input[type=submit]{
    margin: 16px auto;
}

body.db_backup #main_wrap div#login_button{
    text-align: center;
}




/* 許認可更新管理
------------------------------------------------------------------------*/
body.invoice_status{
	/*background-image: url(../images/background06.jpg);*/
	background: #f4f4f4;
	background-size: cover;
}

body.invoice_status,
body.invoice_status #main_wrap{
}

body.invoice_status #main_wrap{
	width: 1200px;
	font-size: 100%;
	padding: 40px;
	margin: 40px auto;
}

body.invoice_status #main_wrap .box{
    background: rgba(255, 255, 255, 1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	max-width: 100%;
}

body.invoice_status #main_wrap h1{
    text-align: center;
}

body.invoice_status #main_wrap input[type=submit]{
    margin: 0 auto;
	width: auto;
}

body.invoice_status #main_wrap input[type=submit]#invoice_status_check_button{
    margin: 16px auto;
}

body.invoice_status #main_wrap .updated td{
	background-color: #f4f4f4;
    color: #999;
}











/* サイドバー有 */
.home #contents_container.sidebar_on #contents_wrap > *:first-child{
	padding-top: 48px;
}

.home #contents_container.sidebar_on #main_wrap{
	float: left;
    width: 68%;
	padding: 0 0 24px;
	margin: 48px auto 32px;
}

.home #contents_container.sidebar_on #sub_wrap{
	margin: 48px auto 32px;
}

.home #contents_container.sidebar_on #main_wrap h2{
    text-align: left;
    font-size: 140%;
    padding: 16px 0 8px;
    margin: 48px auto 0.81em;
    border-bottom: 1px solid #CCC;
}

.home #contents_container.sidebar_on #main_wrap h2:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    z-index: 2;
    width: 40px;
}

.home #contents_container.sidebar_on #main_wrap h2:first-child{
    margin-top: 0;
}

.home #contents_container.sidebar_on #main_wrap h2 span {
    display: none;
}

.home #contents_container.sidebar_on #main_wrap h2#news_h{
	margin: 0 auto !important;
}

.home #contents_container.sidebar_on #main_wrap .news{
	border-top: none;
}




/* news */
.home #main_wrap .news{
	margin-bottom: 0;
}

.home #main_wrap .news li a{
    display: block;
	font-size: 92%;
	padding: 16px 0;
	border-bottom: 1px dotted #ccc;
	overflow: hidden;
	text-decoration: none;
}

.home #main_wrap .news li:first-child a{
	border-top: 1px dotted #ccc;
}

.home #contents_container.sidebar_on #main_wrap .news li:first-child a{
	border-top: none;
}

.home #main_wrap .news li a *{
	color: #333;
}

.home #main_wrap .news li a:hover{
	opacity: 0.8;
}

.home #main_wrap .news li a .title{
	font-weight: normal;
    display: block;
	overflow: hidden;
}

.home #main_wrap .news li a .categories{
    display: none;
	margin-bottom: 0;
}

.home #main_wrap .news li a .category{
    display: none;
    padding: 4px 8px;
    background: #333;
    color: #fff;
    font-size: 64%;
    line-height: 1;
	margin-right: 8px;
}

.home #main_wrap .news li a .category:last-child{
	margin-right: 0;
}

.home #main_wrap .news li a .tag{
    display: inline-block;
    padding: 4px 8px;
    background: #666;
    color: #fff;
    font-size: 64%;
    line-height: 1;
	margin-right: 8px;
}

.home #main_wrap .news li a .tag:last-child{
	margin-right: 0;
}

.home #main_wrap .news li a .newmark{
    margin-left: 0.8em;
    position: relative;
}

.home #main_wrap .news li a .excerpt{
	display: block;
}

.home #main_wrap .news li a .time{
	display: block;
	float: left;
	width: 8em;
}

.home #main_wrap .news li a .thumb{
	float: right;
	max-width: 160px;
	width: 100%;
	margin-left: 16px;
}

.home #main_wrap .news li a .thumb img{
    vertical-align: bottom;
	width: 100%;
	height: 100%;
}

/* column_pr_wrap */
.home #contents_wrap .column_pr_wrap{
	margin-top: 0;
	margin-bottom: 0;
}

.home #contents_wrap h2 + .column_wrap{
	margin-top: 0;
}

.home #contents_wrap .column_pr_wrap .column_pr_h{

}

.home #contents_wrap .column_pr_wrap a:hover{
	text-decoration: none;
}

.home #contents_wrap .column_pr_wrap a:hover > *{
	opacity: 0.8;
}

.home #contents_wrap .column_pr_wrap img{
	width: 100%;
}

.home #contents_wrap .column_pr_wrap h3{
	font-size: 112%;
    padding: 16px 0;
	border-bottom: none;
    margin-bottom: 0 !important;
	box-sizing: border-box;
}

.home #contents_wrap .column_pr_wrap a > h3:first-child{
	font-size: 136%;
	line-height: 1.4;
	position: relative;
    z-index: 1;
	border-bottom: 1px solid #CCC;
    padding: 0 0 8px;
    margin-top: 0 !important;
    margin-bottom: 16px !important;
}

.home #contents_wrap .column_pr_wrap a > h3:first-child:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    z-index: 2;
    width: 40px;
    border-bottom: 1px solid #ff0000;
}

.home #contents_wrap .column_pr_wrap p.desc{
    font-size: 88%;
	margin-bottom: 8px;
}

.home #contents_wrap .column_pr_wrap img + p.desc{
	margin-top: 16px;
    margin-bottom: 16px;
}

.home #contents_wrap .column_pr_wrap p.button{
	display: block;
    background: #999;
    padding: 10px;
    margin-top: 4px;
	margin-bottom: 0;
	min-width: 0;
    border-radius: 4px;
    text-align: center;
	font-weight: bold;
    color: #fff;
    font-size: 80%;
}

.home #contents_wrap .column_pr_wrap img + p.button{
    margin-top: 16px;
}

.home #contents_wrap .column_pr_wrap > div{
    border-right: 1px solid #ccc;
    box-sizing: border-box;
}

.home #contents_wrap .column_pr_wrap > div > a{
	display: block;
	overflow: hidden;
	text-decoration: none;
}

.home #contents_wrap .column_pr_wrap > div > a *{
	color: #333;
}

.home #contents_wrap .column_pr_wrap > div:first-child{
    border-left: 1px solid #ccc;
}

.home #contents_wrap .column_pr_wrap .column3{
    padding: 0 2%;
	width: 33.333%;
}

.home #contents_wrap .column_pr_wrap .column4{
    padding: 0 16px;
	width: 25%;
}

.home #main_wrap .column_wrap.column_pr_wrap img + p{
	margin-top: 16px;
}

.home #contents_wrap .column_pr_wrap .column_center{
	margin: 0;
}

.home #contents_wrap .column_pr_wrap .column4.column_center_left{
	margin: 0;
}

.home #contents_wrap .column_pr_wrap .column4.column_center_right{
	margin: 0;
}



.home #main_wrap .column_wrap.contact{
	width: 64%;
	margin: 0 auto;
}

.home #main_wrap .column_wrap.contact .column_left > p{
	text-align: right;
}

.home #main_wrap .column_wrap.contact .column_right > p{
	text-align: left;
}

/* blog */
.home #main_wrap #blog_h{
}

.home #main_wrap .blog{
	overflow: hidden;
	margin-bottom: 0;
}

.home #main_wrap .blog li{
}



.home #main_wrap .blog li a{
    display: block;
	padding: 0 0 16px;
	border: 1px solid #ccc;
	background: #fff;
	overflow: hidden;
	float: left;
	width: 23.5%;
	margin-top: 1.3em;
    margin-left: 2%;
	text-decoration: none;
	box-sizing: border-box;
}

.home #main_wrap .blog li:nth-child(1) a,
.home #main_wrap .blog li:nth-child(2) a,
.home #main_wrap .blog li:nth-child(3) a,
.home #main_wrap .blog li:nth-child(4) a{
	margin-top: 0;
}

.home #main_wrap .blog li a *{
	color: #333;
}

.home #main_wrap .blog li a > *{
	padding: 0 16px;
}

.home #main_wrap .blog li a:hover{
	text-decoration: none;
	opacity: 0.8;
}

.home #main_wrap .blog li:nth-child(4n+1) a{
	clear: both;
	margin-left: 0;
}

.home #main_wrap .blog li a .thumb{
	width: 100%;
	padding: 0;
}

.home #main_wrap .blog li a .thumb img{
    vertical-align: bottom;
	width: 100%;
	background: #f4f4f4;
}

.home #main_wrap .blog li a .thumb.icon img{
    padding: 64px;
    box-sizing: border-box;
}

.home #main_wrap .blog li a .title{
	display: block;
	font-weight: bold;
	margin: 0;
    line-height: 1.4;
}

.home #main_wrap .blog li a ul{
	margin-bottom: 0;
}

.home #main_wrap .blog li a .categories{
    line-height: 1.6;
}

.home #main_wrap .blog li a .category{
    display: inline-block;
    padding: 4px 8px;
    background: #333;
    color: #fff;
    font-size: 68%;
    line-height: 1;
	margin-right: 8px;
}

.home #main_wrap .blog li a .category:last-child{
	margin-right: 0;
}

.home #main_wrap .blog li a .tag{
    display: inline-block;
    padding: 4px 8px;
    background: #666;
    color: #fff;
    font-size: 64%;
    line-height: 1;
	margin-right: 8px;
}

.home #main_wrap .blog li a .tag:last-child{
	margin-right: 0;
}

.home #main_wrap .blog li a .newmark{
    margin-left: 0.8em;
    position: relative;
}

.home #main_wrap .blog li a .excerpt{
	display: none;
	font-size: 80%;
}

.home #main_wrap .blog li a .time{
	display: block;
	margin-top: 16px;
	margin-right: 0;
	font-size: 80%;
}

.home #main_wrap .tel{
    font-family: 'Noto Sans', sans-serif;
    font-size: 176%;
    font-weight: bold;
    line-height: 1;
}

.home #main_wrap .tel:before{
	margin-right: 0.1em;
}

.home #main_wrap a.tel:hover{
	text-decoration: none;
}

/*
.home a.button{
	display: inline-block;
	border-radius: 4px;
	box-shadow:0px 1px 1px 1px rgba(145, 145, 145, 0.2);
	min-width: 256px;
    padding: 16px 32px;
    box-sizing: border-box;
	margin-bottom: 8px;
	font-size: 20px;
	line-height: 140%;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background: #ff9a05;
}

.home a.button:before{
	color: #fff !important;
}

.home a.button:hover{
	text-decoration: none;
	opacity: 0.8;
}
*/

/* 固定ページ　共通レイアウト
------------------------------------------------------------------------*/





/* 固定ページ（親ページ）共通レイアウト
------------------------------------------------------------------------*/
.page-parent article ul.children{
	margin-bottom: 0 !important;
}

.page-parent article ul{
	margin-bottom: 0;
	margin-left: 0px !important;
}

.page-parent article ul:after{
	content: "";
	clear: both;
	display: block;
}

.page-parent article ul.box li{
	display: inline;
}

.page-parent article ul.box a{
	display: block;
	float: left;
	width: 49%;
	height: auto;
	margin-top: 16px;
	overflow:hidden;
	color:#333;
	text-decoration:none;
	background:#FFFFFF;
	border: 1px solid #DCDCDC;
    box-sizing: border-box;
}

.page-parent #main_wrap ul.box a:hover{
	opacity: 0.8;
}

.page-parent article ul.box li:nth-child(1) a{
	margin-top: 0px;
}

.page-parent article ul.box li:nth-child(2) a{
	margin-top: 0px;
}

.page-parent article ul.box li:nth-child(even) a{
	margin-left: 2%;
}


.page-parent #main_wrap ul.box a .imgleft{
	float: left;
	margin-right: 16px;
	line-height: 0;
	max-width: 133px;
}

.page-parent #main_wrap ul.box a .imgleft img{
    width: 100%;
    display: block;
    background: #f4f4f4;
    box-sizing: border-box;
}

.page-parent #main_wrap ul.box a .info_wrap{
	margin-left: 16px;
	margin-right: 16px;
	display: table;
	height: 96px;
}

.page-parent #main_wrap ul.box a .imgleft .info_wrap{
	margin-left: 8px;
}

.page-parent #main_wrap ul.box a .info_wrap h1{
	clear: none;
	font-size: 112%;
	line-height: 136%;
	border: none;
	display: table-cell;
	vertical-align: middle;
}

.page-parent #main_wrap ul.box a .info_wrap h1:after{
	display: none !important;
}

.page-parent #main_wrap ul.box a .info_wrap h1 + p{
	margin-top: 1em;
	text-align: justify;
	max-height: 6em;
	font-size: 90% !important;
	overflow: hidden;
	display: none;
}

.page-parent #main_wrap ul.box a p{
	overflow: auto;
	margin-bottom:0 !important;
}



/* LPテンプレート
------------------------------------------------------------------------*/
.page-template-page-lp #contents_wrap{
	padding: 0;
	max-width: 100%;
}

.page-template-page-lp #main_wrap{
	width: 100%;
	float: none;
	font-size: 100%;
	margin-bottom: 0;
}

.page-template-page-lp #contents_wrap > #main_wrap:first-child{
	padding: 0;
}

.page-template-page-lp #contents_wrap > #main_wrap > :not(section){
	margin-right: auto;
	margin-left: auto;
	max-width: 980px;
}

.page-template-page-lp #main_wrap section:nth-child(even){
	background: #f4f4f4;
}

.page-template-page-lp #main_wrap section{
    padding-top: 56px;
    padding-bottom: 56px;
    overflow: hidden;
}

.page-template-page-lp #main_wrap section > *{
	width: 1008px;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}

.page-template-page-lp #main_wrap section > *:first-child{
	margin-top: 0;
}

.page-template-page-lp #main_wrap section > *:last-child{
	margin-bottom: 0;
}

.page-template-page-lp #main_wrap section.reverse{
	background: #031e25;
	color: #fff;
}

.page-template-page-lp #main_wrap section.reverse *{
	color: #fff;
}

.page-template-page-lp #main_wrap section.reverse h2{
	padding: 12px 0 0;
	background: none;
}

.page-template-page-lp #main_wrap section.wide{
    padding-top: 0;
    padding-bottom: 0;
}

.page-template-page-lp #main_wrap section.wide > *{
	width: 100%;
    max-width: 100%;
}

.page-template-page-lp #main_wrap section.wide > .column_wrap > div{
}

.page-template-page-lp #main_wrap section.wide > .column_wrap .column2{
	width: 50%;
}

.page-template-page-lp #main_wrap section.wide > .column_wrap .column3{
	width: calc(100%/3);
}

.page-template-page-lp #main_wrap section.wide > .column_wrap .column3.column_center{
	margin: 0;
}

.page-template-page-lp #main_wrap section ul.mod_flow{
	padding: 8px 0;
	font-size: 100%;
}

.page-template-page-lp #main_wrap section ul.mod_flow li{
	padding: 12px 16px;
}

.page-template-page-lp #main_wrap .reverse{
	background: #031e25;
	color: #fff;
}

.page-template-page-lp #main_wrap .reverse *{
	color: #fff;
}

.page-template-page-lp #footer_container {
    margin-top: 0px;
}

.page-template-page-lp .check{
	font-size: 120%;
    padding-top: 24px;
}

.page-template-page-lp ul.check li:before{
	content: url(../images/home/check.png);
	vertical-align: -4px;
	margin-right: 8px;
}

.page-template-page-lp dt.check{
	font-weight:bold;
}

.page-template-page-lp dt.check:before{
	content: url(../images/home/check.png);
	vertical-align: -4px;
	margin-right: 8px;
}

.page-template-page-lp .embox{
	background:url(../images/common/em_back.jpg) repeat;
	font-size: 152%;
	line-height: 1.44;
	font-weight: bold;
	text-align: center;
	padding: 40px;
}

.page-template-page-lp a.button{
	display: inline-block;
	border-radius: 8px;
	box-shadow: 0px 1px 1px 1px rgba(145, 145, 145, 0.2);
	min-width: 388px;
    padding: 24px 4%;
	text-decoration: none;
    box-sizing: border-box;
	font-size: 20px;
	line-height: 140%;
	color: #333;
	font-weight: bold;
	text-align: center;
	background: #fff;
}

.page-template-page-lp .button:before{
	margin-right: 12px;
	vertical-align: 3px;
}

.page-template-page-lp a.button:hover{
	text-decoration:none;
	opacity:0.7;
}

.page-template-page-lp .box a.button{
	display: block;
	width: 100%;
	padding: 3px 0;
	margin-top: 16px;
	font-size: 80%;
	border-radius: 0;
	box-shadow: none;
}

.page-template-page-lp .box .button:before{
	content: url(../images/common/catch_white.png);
	margin-right: 12px;
	vertical-align: 3px;
}

.page-template-page-lp #main_wrap h2{
	display: block;
	padding: 12px 24px;
	margin-top: 40px;
	color: #fff;
	font-size: 140% !important;
	font-weight: bold;
	box-shadow:0px 1px 1px 1px rgba(145, 145, 145, 0.2);
	background: #333;
}

.page-template-page-lp #main_wrap h2:before,
.page-template-page-lp #main_wrap h2:after{
	display: none;
}

.page-template-page-lp h3{
	margin: 0 0 8px;
	border-bottom: 1px solid #aaa;
	padding-bottom: 4px;
}

.page-template-page-lp #contents_wrap h2 + h3{
	margin-top: 2em;
}

.page-template-page-lp #contents_wrap h2 + .column_wrap{
	margin-top: 2em;
}

.page-template-page-lp .font_large_most{
	font-size: 224%;
	font-weight: bold;
}

.page-template-page-lp div.box{
	background:url(../images/common/box_back.jpg) repeat;
	padding: 32px;
	overflow: hidden;
}

.page-template-page-lp .wlist{
	clear:both;
}

.page-template-page-lp .wlist li:before{
	content:url(../images/common/catch02.png);
	margin-right: 16px;
}

.page-template-page-lp dl.tablelayout{
	background:url(../images/common/box_back.jpg) repeat;
	font-size: 86%;
	padding: 16px 24px;
	margin-left: 24px;
	margin-right: 24px;
}

.page-template-page-lp dl.tablelayout dt{
	float: left;
	font-weight:bold;
	padding: 1em 0;
	white-space: nowrap;
}

.page-template-page-lp dl.tablelayout dd{
	border-bottom: 1px solid #aaa;
	padding: 1em 0 1em 26%;
	margin-bottom: 0 !important;
}

.page-template-page-lp dl.tablelayout dd *{
	margin-bottom:0 !important;
}

.page-template-page-lp dt.question:before{
	content: "Q.";
	margin-right:16px;
	font-weight: bold;
	color: #4b8823;
}

.page-template-page-lp dd.answer:before{
	content: "A.";
	margin-right:16px;
	font-weight: bold;
	color: #B22626;
}

.page-template-page-lp .voice:before{
	content:url(../images/home/catch01.png);
	margin-right: 16px;
}

.page-template-page-lp hr{
	margin-left: 24px;
	margin-right: 24px;
	height: 0;
	margin-bottom: 2em;
}

.page-template-page-lp .area dt:before{
	content: "◆";
	color: #4b8823;
}

.page-template-page-lp .area li{
	display: inline;
	margin-left: 8px;
}

.page-template-page-lp .area li:first-child{
	margin-left: 0;
}




/* サイドバー無しテンプレート（１カラムテンプレート）
------------------------------------------------------------------------*/
.page-template-page-no-sidebar #main_wrap{
	width: 816px;
	float: none;
	font-size: 100%;
}

/* サイド&コンテンツ下部非表示　テンプレート
------------------------------------------------------------------------*/
.page-template-page-no-sidebar-bottom #main_wrap{
	width: 816px;
	float: none;
	font-size: 100%;
}

/* 投稿ページ　共通レイアウト
------------------------------------------------------------------------*/
.single #main_wrap .section.mainimage{
	background-size: cover !important;
}

.single #main_wrap .section.mainimage .section_wrap{
	display: table;
}

.single #main_wrap .section.mainimage .section_wrap h1{
	display: table-cell;
	vertical-align: middle;
	color: #333;
}

.single #main_wrap + .section_wrap > h1{
	font-size: 240% !important;
	margin-top: 24px !important;
	margin-bottom: 24px !important;
}

.single #main_wrap .section.mainimage h1{
	font-size: 168%;
	font-weight: bold;
	line-height: 1;
	padding: 8px 24px;
	line-height: 124%;
}

.single #main_wrap > h1{
	margin-top: 0.3em;
	margin-bottom: 1.1em;
}

.single #main_wrap .status{
	text-align: right;
}

.single #main_wrap .status + *{
	clear: both;
}

.single #main_wrap .status .newmark{
	margin-right: 8px;
}

.single #main_wrap ul.term{
	width: 72%;
    float: left;
	overflow: hidden;
}

.single #main_wrap ul.term.bottom{
	margin-top: 32px;
	width: 100%;
    float: none;
	overflow: hidden;
	display: none;
}

.single #main_wrap ul.tags{
	margin-bottom: 0;
}

.single #main_wrap ul.tags li.tag{
	display: inline;
}

.single #main_wrap ul.tags li.tag a{
	margin-bottom: 8px;
}

.single dl.status_event{
	margin-top:1.618em;
}

.single dl.status_event dt{
	font-weight:bold;
}

.single #main_wrap dd{
	margin-bottom:1.618em;
}

.single #main_wrap .lead{
	margin-top:1.618em !important;
}

/* アイキャッチ画像 */
.single #main_wrap .eyecatch img{
	width: 100% !important;
}

.single #main_wrap .eyecatch,
.single #main_wrap .eyecatch.small{
	float:right;
	width: 38.2% !important;
	margin-top: 0em !important;
	margin-left: 4% !important;
	margin-bottom: 20px;
	margin-right: 0 !important;
	min-width: 0px;
}

.single #main_wrap .eyecatch.middle{
	width: 48% !important;
	margin-left: 4% !important;
}

.single #main_wrap .eyecatch.full{
	float:none;
	width: 100% !important;
	margin-top: 0em !important;
	margin-left: 0 !important;
}

/* 見出し */
.single #main_wrap h1 {
	margin: 16px 0 !important;
}

.single #main_wrap #breadcrumbs + h1 {
	margin-bottom: 0 !important;
	border-bottom: none;
}

/* タグ */
.single #main_wrap ul.tags {
    width: 80%;
    float: left;
}

.single #main_wrap ul.tags .tag a{
	text-decoration: none;
}

.single #main_wrap ul.tags .tag a:hover{
	background: #ccc;
	color: #fff;
}

/* 各要素 */
.single #main_wrap ol li {
	margin-left:2em;
}

.single #main_wrap hr {
	height: auto;
	margin-bottom: 1.618em;
}



/* 共通モジュール
------------------------------------------------------------------------*/

/* フロー図 */
#main_wrap ul.mod_flow{
	background: #f4f4f4;
    padding: 8px 2%;
	font-size: 90%;
}

#main_wrap ul.mod_flow li {
    position: relative;
    padding: 0;
    margin-top: 32px;
    background: #fff;
    margin-bottom: 4px;
    text-align: left;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	align-items: stretch;
	width: 100%;
}

#main_wrap ul.mod_flow li:before {
	content: "";
    position: absolute;
    display: block;
	text-align: left;
	top: -24px;
	left : -webkit-calc(50% - 40px);
	left : calc(50% - 40px);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 40px 0 40px;
	border-color: #7bd1ce;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;

}

#main_wrap ul.mod_flow li:first-child {
    margin-top: 8px;
}

#main_wrap ul.mod_flow li:first-child:before {
	display: none;
}

#main_wrap ul.mod_flow li:last-child {
    margin-bottom: 8px;
}

#main_wrap ul.mod_flow li .num{
    color: #fff;
    background-color: #7bd1ce;
    display: block;
    padding: 12px;
	font-weight: bold;
    text-align: center;
	white-space: nowrap;
    display: grid;
	align-items: stretch;
}

#main_wrap ul.mod_flow li > dl{
	margin-bottom: 0;
}

#main_wrap ul.mod_flow li dd{
	margin-bottom: 0;
}

#main_wrap ul.mod_flow li .head{
	font-weight: bold;
	display: block;
}

#main_wrap ul.mod_flow li .cont{
	display: block;
    padding: 12px;
}

#main_wrap ul.mod_flow li > dl{
	display: block;
    padding: 12px;
}

#main_wrap ul.mod_flow li > dl .head,
#main_wrap ul.mod_flow li > dl .cont{
    padding: 0;
}

/* 悩み、トラブル */
#main_wrap ul.mod_trouble{
    padding: 16px;
    border: 8px solid #ebebeb;
	background-color: rgba(255, 255, 255, 0.8);
}

#main_wrap ul.mod_trouble li:before {
    font-family: "fontello";
    content: '\e827';
    font-size: 72%;
    width: auto;
    position: absolute;
    top: 0.25em;
    left: 0;
}

#main_wrap ul.mod_trouble li {
    padding-left: 24px;
    position: relative;
}

/* 解決 */
#main_wrap .mod_solution{
    text-align: center;
}

#main_wrap .mod_solution:before{
	content: "";
    display: block;
    margin: 0 auto 16px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 24px 80px 0 80px;
    border-color: #7bd1ce transparent transparent transparent;
}

/* メリット */
#main_wrap ul.mod_merit li:before {
    font-family: "fontello";
    content: '\e82c';
    font-size: 72%;
    width: auto;
    position: absolute;
    top: 0.25em;
    left: 0;
}

#main_wrap ul.mod_feature li {
    padding-left: 24px;
    position: relative;
}

/* 特長 */
#main_wrap ul.mod_feature{
	overflow: hidden;
}

#main_wrap ul.mod_feature li:before {
    font-family: "fontello";
    content: '\e809';
    font-size: 72%;
    width: auto;
    position: absolute;
    top: 0.25em;
    left: 0;
	padding: 8px 0 8px 16px;
}

#main_wrap ul.mod_feature li {
    display: block;
    float: left;
    width: 49%;
    padding: 8px 8px 8px 40px;
    margin-bottom: 8px;
    position: relative;
    border: 1px solid #bdbdbd;
}

#main_wrap ul.mod_feature li:nth-child(even) {
    float: right;
}

#main_wrap dl.mod_feature{
	overflow: hidden;
}

#main_wrap dl.mod_feature dt{
	position: relative;
    padding-left: 16px;
	font-weight: bold;
}

#main_wrap dl.mod_feature dt:before{
    font-family: "fontello";
    content: '\e809';
    font-size: 72%;
    width: auto;
    position: absolute;
    top: 0.25em;
    left: 0;
}
/*
#main_wrap *.mod_feature{
	display: block;
    border: 1px solid #bdbdbd;
    padding: 8px 8px 8px 40px;
    margin-bottom: 8px;
	position: relative;
}

#main_wrap *.mod_feature:before {
    font-family: "fontello";
    content: '\e809';
    font-size: 72%;
    width: auto;
    position: relative;
	top: -0.2em;
    left: 0;
	margin-right: 8px;
}
*/

/* お客様の声 */
#main_wrap ul.mod_review li:before {
    font-family: "fontello";
    content: '\e82d';
    font-size: 72%;
    width: auto;
    position: absolute;
    top: 0.25em;
    left: 0;
}

#main_wrap ul.mod_review li {
    padding-left: 24px;
    position: relative;
}

#main_wrap p.mod_review{
    padding-left: 24px;
    position: relative;
}

#main_wrap p.mod_review:before {
    font-family: "fontello";
    content: '\e82d';
    font-size: 72%;
    width: auto;
    position: absolute;
    top: 0.25em;
    left: 0;
}

#main_wrap p.mod_review strong {
	color: #333;
}

strong.mod_voice:before {
    font-family: "fontello";
    content: '\e82d';
    font-size: 72%;
    width: auto;
    position: relative;
    top: -0.2em;
    left: 0;
	margin-right: 8px;
}

/* ボックスリスト */
#main_wrap ul.mod_boxlist{
	overflow: hidden;
}

#main_wrap ul.mod_boxlist li:before {
    font-family: "fontello";
    content: '\e828';
    font-size: 72%;
    width: auto;
    position: absolute;
    top: 0.25em;
    left: 0;
	padding: 8px 0 8px 16px;
}

#main_wrap ul.mod_boxlist li {
    display: block;
    float: left;
    width: 49%;
    padding: 8px 8px 8px 32px;
    margin-bottom: 8px;
    position: relative;
    border: 1px solid #bdbdbd;
}

#main_wrap ul.mod_boxlist li:nth-child(even) {
    float: right;
}

/* ボックスリスト　リンク */
#main_wrap ul.mod_boxlist.link li a:before{
    font-family: "fontello";
    content: '\e828';
    font-size: 72%;
    width: auto;
    position: absolute;
    top: 0.25em;
    left: 0;
	padding: 8px 0 8px 16px;
}

#main_wrap ul.mod_boxlist.link li:before {
    display: none;
}

#main_wrap ul.mod_boxlist.link li{
    display: inline;
    float: none;
    width: auto;
    padding: 0;
    margin-bottom: 0;
    position: relative;
    border: none;
}

#main_wrap ul.mod_boxlist.link li a{
    display: block;
    float: left;
    width: 49%;
    padding: 8px 8px 8px 32px;
    margin-bottom: 8px;
    position: relative;
    border: 1px solid #bdbdbd;
    color: #333;
    text-decoration: none;
}

#main_wrap ul.mod_boxlist.link li:nth-child(even) {
    float: none;
}

#main_wrap ul.mod_boxlist.link li:nth-child(even) a{
    float: right;
}

#main_wrap ul.mod_boxlist.link li a:hover{
	background-color: #f4f4f4;
}

/* ボックス */
.mod_box{
	border: 1px solid #ccc;
	padding: 16px;
}

div.mod_box{
	padding: 24px;
	margin-bottom: 1.618em;
}

table + div.mod_box{
	margin-top: 40px;
}

div.mod_box > *:first-child{
	padding-top: 0 !important;
	margin-top: 0 !important;
}

div.mod_box > *:last-child{
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

/* 電話番号表示 */
.mod_tel{
	font-size: 176%;
	margin-bottom: 0 !important;
	color: #7bd1ce;
	font-weight: bold;
	text-decoration: none;
}

.mod_tel a{
	text-decoration: none;
}

/* ボタン */
.button{
	display: inline-block;
	border-radius: 4px;
	box-shadow:0px 1px 1px 1px rgba(145, 145, 145, 0.2);
	min-width: 256px;
	max-width: 100%;
    padding: 16px 32px;
    box-sizing: border-box;
	font-size: 100%;
	line-height: 140%;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background: #ff9a05;
}

.button:before{
	margin-right: 12px;
	vertical-align: 3px;
}

.button:hover{
	text-decoration: none;
	opacity: 0.7;
}

/* 拡張 */
#main_wrap .ex{
    padding: 8px 0;
	margin-left: 0px;
}

#main_wrap .ex li{
	margin-top: 0.4em;
}

#main_wrap .ex li:first-child{
	margin-top: 0em;
}

#main_wrap .ex span.cat{
	display: inline-block;
	background: #999;
    color: #fff;
    font-size: 88%;
    padding: 0 8px;
    margin-right: 8px;
}



/* ボックスリンク */
#main_wrap .box_link a{
	display:block;
	background: #f4f4f4;
	overflow: hidden;
	padding: 24px;
	margin-bottom: 24px;
	text-decoration: none;
}

#main_wrap .box_link a:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	background: #F4F4F4;
}

#main_wrap .box_link h2{
	padding-top: 0;
}

#main_wrap .box_link img{
	float: left;
	margin-right: 16px;
}

#main_wrap .box_link p{
	margin-top: 0.81em;
	margin-bottom: 0;
}



/* ページ別レイアウト（メインイメージ）
------------------------------------------------------------------------*/

/* 共通 */
#mainimage{
	background: #999;
	background-position: center 50%;
	background-size: cover;
}

#mainimage .section_wrap{
	display: table;
	width: 100%;
	height: 144px;
	margin: 0 auto;
	padding: 0 2%;
	box-sizing: border-box;
}

#mainimage .section_wrap.image{
	line-height: 0;
    font-size: 0;
	padding: 0;
}

#mainimage h1{
	display: table-cell;
    vertical-align: middle;
    position: relative;
    font-size: 160%;
}

#mainimage h1 span {
    font-size: 48%;
    font-weight: normal;
    line-height: 1;
    padding: 0;
    text-shadow: none;
    vertical-align: 0;
    margin-left: 8px;
}



/* ページ別レイアウト
------------------------------------------------------------------------*/

/* 事例 */
.jirei{
	overflow: hidden;
}

.jirei li a{
    display: block;
    border: 1px solid #2448A8;
    width:31.333%;
    text-align: center;
    padding: 24px;
    box-sizing: border-box;
    float: left;
    margin-left: 3%;
}

.jirei li:nth-child(3n+1) a{
    margin-left: 0;
}

.jirei li a:hover{
	background: #2448A8;
	color: #FFF;
	text-decoration: none;
}


/* プロフィール */
.profile_box{
	padding: 24px;
	margin-bottom: 1.618em;
	border: 1px solid #0C3DBE;
	background: #f8f8f8;
	box-sizing: border-box;
}

.profile_box dt{
	border: none;
	font-weight: bold;
}

.profile_box dd{
	border: none;
	padding: 0;
	line-height: 150%;
}

.profile_box dd.pic{
	padding: 0 !important;
	vertical-align: top;
}

.profile_box dd.pic img{
	margin-top: 4px;
}

.profile_box .profile_name{
	letter-spacing: 0.1em;
}

.profile_box .profile_name span{
	font-size: 40%;
	margin-left: 1em;
	letter-spacing: 0em;
	display: inline-block;
}

/* ご相談 */
.page-contact #main_wrap a.tel{
	font-family: 'Noto Sans', sans-serif;
    font-size: 160%;
    font-weight: bold;
    line-height: 1;
}


/*------------------------------------------------------------------------
◆コンテンツ下部
------------------------------------------------------------------------*/
aside.contents_bottom{
	clear: both;
	margin-top: 32px;
	line-height: 1.618;
}



/*--------------------------------------------------------------------------
◆コンテンツ下部メニュー
--------------------------------------------------------------------------*/
ul#contents_bottom_menu{
	clear: both;
	background: #f4f4f4;
    padding: 24px;
    margin-top: 24px;
}

ul#contents_bottom_menu li a {
	color: #333 !important;
	text-decoration: none;
}

ul#contents_bottom_menu li a:hover {
	text-decoration: underline;
}

ul#contents_bottom_menu li.current_page_item > a {
	color: #333 !important;
	text-decoration: none;
}

ul#contents_bottom_menu li.current_page_item > a:after {
	content: "※現在閲覧中";
    color: #fff;
    font-size: 64%;
    margin-left: 0.8em;
    padding: 4px;
    line-height: 1;
    display: inline-block;
    white-space: nowrap;
    background: #333;
    position: relative;
    top: -3px;
}

ul#contents_bottom_menu ul.children{
	margin-bottom: 0;
}

/*------------------------------------------------------------------------
◆サブメニュー
------------------------------------------------------------------------*/
#sidenav_wrap{
	margin-bottom: 32px;
}

#sidenav_wrap h2#sidenav_parent{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
    font-size: 100%;
}

#sidenav_wrap h2#sidenav_parent a{
    padding: 14px 16px;
    font-weight: normal;
    font-size: 100%;
	line-height: 140%;
    color: #fff;
    background: #031e25;
    box-sizing: border-box;
}

#sidenav_wrap h2#sidenav_parent.current a {
    background: #031e25;
    color: #fff;
}
#sidenav_wrap h2#sidenav_parent a:hover {
    background: #031e25;
    color: #fff;
}

#sidenav_wrap h2 a{
	display: block;
	color: #333333;
	border-top: none;
    border-bottom: none;
	text-decoration: none;
	overflow: hidden;
	line-height: 140%;
	padding: 12px 12px 12px 32px;
	position: relative;
    font-size: 90%;
    border-bottom: 1px solid #ccc;
}

#sidenav ul{
	margin-bottom: 0px !important;
	font-size: 100%;
}

#sidenav li{
	/*display:none;*/
}

#sidenav li a{
	display: block;
	color: #333333;
	border-top: none;
    border-bottom: none;
	text-decoration: none;
	overflow: hidden;
	padding: 12px 12px 12px 32px;
	position: relative;
    font-size: 100%;
	line-height: 140%;
    border-bottom: 1px solid #ccc;
}

#sidenav li a:before{
	font-family: "fontello";
    content: '\e828';
    font-size: 88%;
    width: 10%;
    position: absolute;
    top: 0.85em;
    left: 16px;
}

#sidenav li a:hover{
	background: #031e25;
	color: #fff;
}

#sidenav li a:hover:before{
}

#sidenav ul.children li a{
	padding: 12px 12px 12px 44px;
}

#sidenav ul.children li a:before{
	content: "-";
	position: absolute;
    top: 0.95em;
    left: 32px;
}

#sidenav ul.children ul.children li a{
	padding: 12px 12px 12px 56px;
}

#sidenav ul.children ul.children li a:before{
	content: "-";
	position: absolute;
    top: 0.95em;
    left: 44px;
}

/* 今いる階層内のメニューのみ表示 */
#sidenav li.current-menu-ancestor,
#sidenav li.current-menu-ancestor ul.sub-menu li,
#sidenav li.current-menu-item ul.sub-menu li,
#sidenav li.menu-parent-item.current-menu-item,
#sidenav li.current-post-ancestor,
#sidenav li.current-post-ancestor ul.sub-menu li,
#sidenav li.current-menu-item,
#sidenav li.current-post-ancestor ul.sub-menu,
#sidenav li.current-category-parent ul.sub-menu,
#sidenav li.menu-item-object-category.current-menu-item ul.sub-menu{
	display: block;
}

/* 親ページ */
#sidenav > li.menu-parent-item.current-menu-item > a,
#sidenav > li.menu-parent-item > a{
    display: block;
    color: #333333;
    border-top: 1px solid #E2E2E2;
    border-bottom: 1px solid #E2E2E2;
    text-decoration: none;
    overflow: hidden;
    padding: 12px 1em;
    font-size: 104%;
    font-weight: bold;
    text-shadow: none;
}

#sidenav > li.menu-parent-item.current-menu-item > a{
	color: #FFF;
	background: #E2E9FC;
	display: block;
}

#sidenav > li.menu-parent-item.current-menu-item > a:hover,
#sidenav > li.menu-parent-item > a:hover{
	color: #FFF;
	background: #E2E9FC;
}


#sidenav > li.menu-parent-item.current-menu-item > a:before,
#sidenav > li.menu-parent-item > a:before{
	display: none;
}


/* 起点ページ(親ページ) */
#sidenav .current_page_parent > a{
}

#sidenav .current_page_parent > a:before{
	/*display: none;*/
}

/* 子ページ */
#sidenav > li > ul.sub-menu{
	display: none;
	margin-bottom: 0 !important;
}

#sidenav > li > ul.sub-menu > li > a{
	padding: 10px 1em 10px 2em;
}

#sidenav > li.current_page_ancestor > ul.sub-menu,
#sidenav > li.current_page_item > ul.sub-menu{
	display: block;
}

#sidenav > li > ul.sub-menu > li > a:hover:before{
	content: url(../images/common/catch_white.png);
}

/* 孫ページ */
#sidenav > li > ul.sub-menu > li > ul.sub-menu{
	background: #f4f4f4;
}

#sidenav > li > ul.sub-menu > li > ul.sub-menu > li > a{
	position: relative;
	padding: 10px 1em 10px 2em;
}

#sidenav > li > ul.sub-menu > li > ul.sub-menu > li > a:before{
    content: "-";
    display: block;
    position: absolute;
    top: 10px;
    left: 1em;
}

#sidenav > li > ul.sub-menu > li > ul.sub-menu > li > a:before{
	content:"-";
	display:block;
	position: absolute;
    top: 10px;
    left: 1em;
}

/* ひ孫ページ */
#sidenav ul.sub-menu ul.sub-menu{
	display:none;
}

/* 今いる階層内のひ孫ページのみ表示 */
#sidenav li.current-menu-ancestor li.current-menu-ancestor ul.sub-menu,
#sidenav li.current-menu-ancestor li.current-menu-ancestor ul.sub-menu li ul.sub-menu,
#sidenav li.current-menu-parent li.menu-parent-item.current-menu-item ul.sub-menu,
#sidenav li.current-post-ancestor li.current-post-ancestor ul.sub-menu,
#sidenav li.current-post-ancestor li.current-post-ancestor ul.sub-menu li ul.sub-menu,
#sidenav li.current-menu-item{
	display:block;
}

/* 現在のページ */
#sidenav li.current-menu-item > a,
#sidenav li.current-post-parent > a{
	background: #E2E9FC;
	border-top: none !important;
	color:#FFFFFF !important;
}

#sidenav li.current-menu-item > a:hover,
#sidenav li.current-post-parent > a:hover{
	border-top: none !important;
}

#sidenav li.current_page_item > a:before,
#sidenav li.menu-item-object-category.current-menu-item > a:before,
#sidenav li.menu-item-object-category.current-post-parent > a:before{

}

#sidenav li.current_page_item > a{
	background: #999;
	border-top: none !important;
	color: #fff !important;
}



/*--------------------------------------------------------------------------
◆サブコンテンツ
--------------------------------------------------------------------------*/
#sub_wrap h2{
	clear: both;
	margin-top: 0 !important;
    padding: 0 0 8px;
	/*border-bottom: 1px solid #ccc;*/
    background: none;
    box-shadow: none;
    color: #333;
    font-size: 110%;
}

#sub_wrap h2:before{
	display: none;
}

#sub_wrap > * {
	margin-bottom: 16px;
}

#sub_wrap a:hover img{
	opacity: 0.8;
}

#sub_wrap > div img{
	max-width: 100%;
	width: auto;
	height: auto;
}

#sub_wrap > div > img{
	vertical-align: bottom;
	margin-bottom: 24px;
}

#sub_wrap > div > a img{
	vertical-align: bottom;
	margin-bottom: 24px;
}

#sub_wrap .sidebar_bottom_widget .simple-image img{
	width: auto;
    margin-right: auto;
    margin-left: auto;
    display: block;
}

#sub_wrap .sidebar_bottom_widget li {
    overflow: visible !important;
    line-height: 150%;
    padding: 8px 0;
    border-bottom: 1px solid #ccc;
}

#sub_wrap .sidebar_bottom_widget li:first-child {
    border-top: 1px solid #ccc;
}

#sub_wrap .sidebar_bottom_widget li span{
	display: block;
    font-size: 80%;
}

/* プロフィール */
#sub_wrap .profile{
    margin-bottom: 24px;
	padding: 16px;
	border: 1px solid #ccc;
}

#sub_wrap .profile img{
	float: right;
	width: auto;
}

#sub_wrap .profile dt{
	font-weight: bold;
	color: #333;
	margin-top: 0.8em;
}

#sub_wrap .profile dl,
#sub_wrap .profile dd{
    margin-bottom: 0px !important;
	font-size: 96%;
}

#sub_wrap .profile dl > dd:first-child + dt{
    margin-top: 0px !important;
}



/*--------------------------------------------------------------------------
◆テーブル
--------------------------------------------------------------------------*/
table{
	width: 100%;
	font-size: 90%;
	line-height: 160%;
	margin: 0 auto;
}

table th,
table td{
	border: 1px solid #E6E6E6;
	/*padding: 8px 12px;*/
	padding: 16px;
}

table thead th{
	background: #999;
	color: #fff;
	font-weight: bold;
}

table td{
	text-align: left;
	background: #FFFFFF;
}

table tbody th{
	text-align: left;
	background: #f4f4f4;
	color: #333333;
	font-weight: bold;
	width: 24%;
}

table td *{
	margin-bottom: 0em !important;
}

table td ul.catch{
	margin-bottom: 0em !important;
}

table td ul.catch li{
	margin-bottom: 0.4em !important;
}

table td ul.catch li:last-of-type{
	margin-bottom: 0em !important;
}

table td ul.catch br{
	display: none !important;
}

table td *:last-of-type{
	margin-bottom: 0 !important;
}



/*--------------------------------------------------------------------------
◆カテゴリー
--------------------------------------------------------------------------*/
.category.archive #main_wrap .section{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: visible;
}

.category.archive #main_wrap .section.mainimage{
	background-size: cover !important;
}

.category.archive #main_wrap .section.mainimage .section_wrap{
	display: table;
}

.category.archive #main_wrap .section.mainimage .section_wrap h1{
	display: table-cell;
	vertical-align: middle;
	color: #333;
}

.category.archive #main_wrap a{
	text-decoration:none;
}

.category.archive #main_wrap .section.mainimage h1{
	font-size: 168%;
	font-weight: bold;
	line-height: 1;
	padding: 8px 24px;
	line-height: 124%;
}

.category.archive #main_wrap .category_description{
	padding: 32px 0 0;
}

.category.archive #main_wrap .category_description *:last-child{
	margin-bottom: 0;
}

.category.archive #main_wrap a{
	text-decoration:none;
}

.category.archive #main_wrap .section_wrap > ul{
	margin-top: 16px;
	margin-left: 0 !important;
	margin-bottom: 0 !important;
}

.category.archive #main_wrap a.box{
	display: block;
	clear: both;
	overflow: hidden;
	color: #333;
	background: #FFFFFF;
	border-bottom: 1px solid #d3d3d3;
	border-top: none;
}

.category.archive #main_wrap li:first-child a.box{
	border-top: 1px solid #d3d3d3;
}

.category.archive #main_wrap a.box h1 {
	clear: none !important;
	padding: 0 !important;
	margin-bottom: 0.4em !important;
	font-size: 128% !important;
	font-weight: bold !important;
}

.category.archive #main_wrap a:hover.box{
	opacity: 0.8;
}

.category.archive #main_wrap a.box .imgleft {
	float: right;
	margin-right: 0;
	line-height: 0;
	padding: 24px 0;
	width: 18%;
}

.category.archive #main_wrap a.box .imgleft img{
	width: 100% !important;
	margin: 0 !important;
}

.category.archive #main_wrap a.box .imgleft.icon img{
	padding: 40px;
	background: #f4f4f4;
	box-sizing: border-box;
}

.category.archive #main_wrap a.box .info_wrap {
	padding: 24px;
}

.category.archive #main_wrap a.box *{
	overflow: hidden;
}

.category.archive #main_wrap a.box p{
	margin-bottom: 0 !important;
}

.category.archive #main_wrap a.box .status{
	margin-bottom: 0.8em !important;
	font-size: 88%;
}

.category.archive #main_wrap .status .tag {
	display: none;
}

.category.archive #main_wrap .status .newmark {
	margin-left: 8px;
}

.category.archive #main_wrap a.box .excerpt{
	font-size: 88%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.category.archive #main_wrap a.box li.place{
	margin-top: 0.4em;
}

.category.archive #main_wrap h2{
	background:none !important;
	padding-left:0 !important;
}

.category.archive #main_wrap .noevent{
	padding: 1em !important;
	background: #FFFFFF;
	-moz-box-shadow: 0px 0px 2px 0 #aaabac;
	-webkit-box-shadow: 0px 0px 2px 0 #aaabac;
	box-shadow: 0px 0px 2px 0 #aaabac;
}

.category.archive #main_wrap .noevent p{
	margin-bottom:0 !important;
}


/*--------------------------------------------------------------------------
◆アーカイブ
--------------------------------------------------------------------------*/
.archive #main_wrap .section{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: visible;
}

.archive.date #main_wrap .section{
	overflow: visible;
}

.archive.date #main_wrap .section h1{
	font-size: 168%;
	font-weight: bold;
	line-height: 1;
	padding: 8px 24px;
	line-height: 124%;
}

.archive.date .widget.widget_recent_entries li{
	background:url(../images/common/catch.png) no-repeat 0.2em 0.5em;
	padding-left: 16px;
}

.archive.date #main_wrap dl{
	margin-top: 24px;
}

.archive.date #main_wrap dt.title{
    font-size: 110%;
}

.archive.date #main_wrap dd.excerpt{
	margin-bottom: 0 !important;
}


/*--------------------------------------------------------------------------
◆アーカイブ
--------------------------------------------------------------------------*/
.blog #main_wrap .section{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: visible;
}

.blog #main_wrap .section.mainimage{
	background-size: cover !important;
}

.blog #main_wrap .section.mainimage .section_wrap{
	display: table;
}

.blog #main_wrap .section.mainimage .section_wrap h1{
	display: table-cell;
	vertical-align: middle;
	color: #333;
}

.blog #main_wrap a{
	text-decoration:none;
}

.blog #main_wrap .section.mainimage h1{
	font-size: 168%;
	font-weight: bold;
	line-height: 1;
	padding: 8px 24px;
	line-height: 124%;
}

.blog #main_wrap .category_description{
	padding: 32px 0 0;
}

.blog #main_wrap .category_description *:last-child{
	margin-bottom: 0;
}

.blog #main_wrap a{
	text-decoration:none;
}

.blog #main_wrap .section_wrap > ul{
	margin-top: 16px;
	margin-left: 0 !important;
	margin-bottom: 0 !important;
}

.blog #main_wrap a.box{
	display: block;
	clear: both;
	overflow: hidden;
	color: #333;
	background: #FFFFFF;
	border-bottom: 1px solid #d3d3d3;
	border-top: none;
}

.blog #main_wrap li:first-child a.box{
	border-top: 1px solid #d3d3d3;
}

.blog #main_wrap a.box h1 {
	clear: none !important;
	padding: 0 !important;
	margin-bottom: 0.4em !important;
	font-size: 152% !important;
	font-weight: bold !important;
}

.blog #main_wrap a:hover.box{
	background: #F4F4F4;
}

.blog #main_wrap a.box .imgleft {
	float: right;
	margin-right: 0;
	line-height: 0;
	padding: 24px 0;
	padding-left: 24px;
	width: 18%;
}

.blog #main_wrap a.box .imgleft img{
	width: 100% !important;
	margin: 0 !important;
}

.blog #main_wrap a.box .imgleft.icon img{
	padding: 40px;
	background: #f4f4f4;
	box-sizing: border-box;
}

.blog #main_wrap a.box .info_wrap {
	padding: 24px 0;
}

.blog #main_wrap a.box *{
	overflow: hidden;
}

.blog #main_wrap a.box p{
	margin-bottom: 0 !important;
}

.blog #main_wrap a.box .status{
	margin-bottom: 0.8em !important;
	font-size: 88%;
}

.blog #main_wrap .status .tag {
	display: none;
}

.blog #main_wrap .status .newmark {
	margin-left: 8px;
}

.blog #main_wrap a.box .excerpt{
	font-size: 88%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.blog #main_wrap a.box li.place{
	margin-top: 0.4em;
}

.blog #main_wrap h2{
	background: none !important;
	padding-left: 0 !important;
}

.blog #main_wrap .noevent{
	padding: 1em !important;
	background: #FFFFFF;
	-moz-box-shadow: 0px 0px 2px 0 #aaabac;
	-webkit-box-shadow: 0px 0px 2px 0 #aaabac;
	box-shadow: 0px 0px 2px 0 #aaabac;
}

.blog #main_wrap .noevent p{
	margin-bottom: 0 !important;
}

/*--------------------------------------------------------------------------
◆タグ
--------------------------------------------------------------------------*/
body.tag #main_wrap ul.tags{
	margin-top: 8px;
}

body.tag #main_wrap ul.tags li.tag{
	display: inline-block;
	color: #333333;
	font-size: 72%;
	text-decoration: none;
	border: 1px solid #ccc;
	padding: 2px 8px;
	margin-right: 8px;
	margin-bottom: 8px;
	background: none;
}

body.tag #main_wrap .section_wrap dl{
    margin-top: 16px;
}

body.tag #main_wrap .section_wrap dl dt{
    font-weight: bold;
	font-size: 120%;
}

/*------------------------------------------------------------------------
◆ページナビ
------------------------------------------------------------------------*/
.pagination {
	clear: both;
	padding: 16px 0;
	position: relative;
	line-height: 1;
}
  
.pagination span,
.pagination a {
	display: block;
	float: left;
	margin: 2px 6px 2px 0;
	padding: 14px 16px 14px 16px;
	text-decoration: none;
	width: auto;
	color: #333333;
	background: #FFFFFF;
	border: 1px solid #ccc;
}
  
.pagination a:hover{
	color: #fff;
	background: #999;
}

.pagination .current{
	padding: 14px 16px 14px 16px;
	background: #999;
	color: #fff;
}



/*--------------------------------------------------------------------------
◆ページ上部
--------------------------------------------------------------------------*/
#pagenav {
	display: none;
	position: fixed;
	bottom: 4%;
	right: 4%;
	padding: 0;
	margin-bottom: 0 !important;
	z-index: 9999;
}

#pagenav li{
	background: none;
	padding-left: 0 !important;
}

#pagenav a{
	display: block;
	width: 56px;
	height: 56px;
	background: url(../images/common/pagetop.png) no-repeat center center;
	-webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
	background-color: #289a96;
}

#pagenav a:hover{
	opacity: 0.8;
}



/*--------------------------------------------------------------------------
◆フッター
--------------------------------------------------------------------------*/
#footer_container_top{
    background: #fff;
	border-top: 1px solid #CCC;
}

#footer_wrap_top{
    margin: 0px auto;
    padding: 8px 0;
    overflow: hidden;
    font-size: 72%;
    text-align: center;
}

#footer_wrap_top *{
	text-align: center;
	color: #333;
}

#footer_wrap_top ul#fnav_top{
	padding: 0 4%;
}

#footer_wrap_top ul#fnav_top li{
	display: inline;
	line-height: 2;
}

#footer_wrap_top ul#fnav_top li a{
	white-space: nowrap;
	text-decoration: none;
}

#footer_wrap_top ul#fnav_top li:first-child:before{
	content: "|";
	padding-left: 12px;
	padding-right: 12px;
}

#footer_wrap_top ul#fnav_top li:after{
	content: "|";
    padding-left: 12px;
    margin-right: 8px;
}



#footer_wrap_middle{
	margin: 0px auto;
	overflow: hidden;
	font-size: 72%;
	text-align: center;
    padding-left: 4%;
    padding-right: 4%;
    box-sizing: border-box;
}

#footer_wrap_middle *{
	color: #fff;
}

#footer_middle_info {
	float: left;
	text-align: left;
	color: #fff;
	margin: 24px 0;
}

#footer_middle_info .name {
	font-weight: bold;
    margin-bottom: 0.4em;
    font-size: 116%;
}

#footer_middle_info a{
	text-decoration: underline;
}

#footer_middle_info a:hover{
	text-decoration: none;
}

#footer_middle_menu {
	float: right;
	text-align: left;
	color: #fff;
	display: table;
    table-layout: fixed;
    width: 70%;
	margin: 24px 0;
}

#footer_middle_menu .fnav_container{
	/*width: 25%;*/
	display: table-cell;
    width: 100%;
	padding-right: 2%;
}

ul.fnav li{
	margin-top: 0.4em;
}

ul.fnav > li:first-child{
	margin-top: 0;
}

ul.fnav li a{
	color: #fff;
	text-decoration: none;
	line-height: 2;
	white-space: nowrap;
}

ul.fnav ul.sub-menu li{
	padding-left: 14px;
	position: relative;
}

ul.fnav li ul.sub-menu li:before{
	content: "-";
	margin-right: 8px;
	left: 0;
	position: absolute;
}

#fnav{
	text-align: right;
}

#fnav li{
	display: inline;
}

#fnav li:before{
	content: "|";
    margin-right: 16px;
    margin-left: 16px;
}

#fnav li:first-child:before{
	display: none;
}

#fnav_left > li > a,
#fnav_center_left > li > a,
#fnav_center_right > li > a,
#fnav_right > li > a{
	font-weight: bold;
}

#footer_container_bottom {
    overflow: hidden;
	font-size: 72%;
}

#footer_wrap_bottom {
	/*border-top: 1px dotted #fff;*/
	margin: 8px 4%;
    overflow: hidden;
}

#footer_wrap_bottom > div{
	padding: 8px 0;
}

#footer_container_bottom #footer_wrap_copyright{
	text-align: center;
	color: #fff;
    box-sizing: border-box;
}

#footer_container_bottom #fnav_btm{
    text-align: center;
}

#footer_container_bottom #fnav_btm li{
	display: inline;
	color: #fff;
}

#footer_container_bottom #fnav_btm li:before{
	content: "|";
    margin-right: 16px;
    margin-left: 16px;
	color: #fff;
}

#footer_container_bottom #fnav_btm li:first-child:before{
	display: none;
}

#footer_container_bottom #fnav_btm_container{
}

#footer_container_bottom #footer_wrap_copyright{
    margin-top: 48px;
}



/*--------------------------------------------------------------------------
◆フッターコンタクト
--------------------------------------------------------------------------*/
.footer_contact_btn{
	display: block;
    position: fixed;
    width: 56px;
    height: 56px;
	z-index: 9999;
    text-indent: -9999px;
    left: 4%;
    bottom: 4%;
    padding: 24px;
	background: #289a96;
    border-radius: 36px;
}

.footer_contact_btn:hover{
	opacity: 0.8;
}

.footer_contact_btn:before{
	font-family: "fontello";
    content: '\e82d';
	font-size: 160%;
    text-indent: 0;
    width: 28px;
    height: 28px;
    position: absolute;
	top: 0.23em;
    left: 16px;
    color: #fff;
}

.footer_contact_btn.open{
	background: #911d62;
}

.footer_contact_btn.open:before{
	font-family: "fontello";
    content: '\e80d';
	font-size: 192%;
    text-indent: 0;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 0.13em;
    left: 21px;
    color: #fff;
}

#footer_contact{
	opacity: 0;
    position: fixed;
    left: 8%;
    bottom: 4%;
    background: #fff;
    padding: 0;
	width: 0;
	height: 0;
	border-radius: 8px;
	box-shadow: 0px 0px 3px #cccccc;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	z-index: 99999;
}

#footer_contact *{
	opacity: 0;
	display: none;
}

#footer_contact > *{
	width: 0;
	height: 0;
}

#footer_contact p,
#footer_contact dt,
#footer_contact dd{
	margin-bottom: 0.81em;
}

#footer_contact dd{
	color: #999;
	font-size: 80%;
}

#footer_contact input{
	width: 0;
	height: 0;
	font-size: 80%;
}

#footer_contact textarea{
	width: 0;
	height: 0;
}

#footer_contact.open{
	opacity: 1;
    width: 400px;
    height: 506px;
	padding: 24px;
}

#footer_contact.open *{
	opacity: 1;
	display: block;
}

#footer_contact.open > *{
    width: auto;
    height: auto;
}

#footer_contact.open input{
    width: 100%;
    height: auto;
}

#footer_contact.open textarea{
	width: 100%;
    height: 300px;
}

/*--------------------------------------------------------------------------
◆ボトム固定
--------------------------------------------------------------------------*/
#bottom_fix_container{
	display: none;
}


/*--------------------------------------------------------------------------
◆サイトマップ
--------------------------------------------------------------------------*/
ul.children ul.children{
	margin-bottom: 0 !important;
}

.page-sitemap #main_wrap ul.page-list,
.sitemap ul.page-list{
	margin-left: 0;
	margin-bottom: 0;
}

.page-sitemap #main_wrap ul.page-list li,
.sitemap ul.page-list li{
	padding-left: 16px;
	position: relative;
}

.page-sitemap #main_wrap ul.page-list li:before,
.sitemap ul.page-list li:before{
	font-family: "fontello";
    content: '\e828';
    font-size: 72%;
    width: auto;
    position: absolute;
    top: 0.25em;
    left: 0;
}

.page-sitemap #main_wrap ul.page-list li br,
.sitemap ul.page-list li br{
	display: none;
}

.page-sitemap .current_page_item,
.sitemap .current_page_item{
	display: none;
}

.page-sitemap .category_list span,
.sitemap .category_list span{
	display: none;
}

.page-sitemap ul.page-list > li,
.page-sitemap ul.category_list > li,
.sitemap ul.page-list > li,
.sitemap ul.category_list > li{
	margin-bottom: 0.4em;
}

.page-sitemap ul.page-list .children,
.sitemap ul.page-list .children{
	margin-top: 0.4em;
    margin-bottom: 0.4em !important;
}

.page-sitemap #main_wrap ul.category_list,
.sitemap ul.category_list{
	margin-left: 0;
	margin-bottom: 0;
}

.page-sitemap #main_wrap ul.category_list li,
.sitemap ul.category_list li{
	padding-left: 16px;
	position: relative;
}

.page-sitemap #main_wrap ul.category_list li:before,
.sitemap ul.category_list li:before{
	font-family: "fontello";
    content: '\e828';
    font-size: 72%;
    width: auto;
    position: absolute;
    top: 0.25em;
    left: 0;
}

.page-sitemap #main_wrap ul.category_list li br,
.sitemap ul.category_list li br{
	display: none;
}

/*------------------------------------------------------------------------
◆検索フォーム
------------------------------------------------------------------------*/
#searchform input[type="image"],
#searchform input[type="submit"]{
	background: #0C3DBE;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-appearance: none;
}

#searchform input[type="submit"]:hover{
	background: #E2E9FC;
	border: 1px solid #EEEEEE;
	color: #333333;
}

#sub_wrap #searchform{
	margin: 8px 0 24px;
}

#sub_wrap #searchform input[type="text"]{
	width: 70%;
	vertical-align: middle;
}

#sub_wrap #searchform input[type="image"]{
	padding: 6px 16px;
    vertical-align: middle;
}


/*------------------------------------------------------------------------
◆検索
------------------------------------------------------------------------*/
.search #main_wrap .section{
	overflow: visible;
}

.search #main_wrap .section h1{
	font-size: 168%;
	font-weight: bold;
	line-height: 1;
	padding: 8px 24px;
	line-height: 124%;
}

#searchform{
	margin-bottom: 24px;
}

#main_wrap form#searchform input[type="image"]{
    padding: 6px 24px;
	vertical-align: bottom;
}

#main_wrap form#searchform input[type="image"]:hover{
	opacity: 0.8;
}

#main_wrap form#searchform input[type="text"]{
    padding: 0px;
	width: 256px;
	box-sizing: border-box;
}

/*
検索結果
------------------------------------------------------------------------*/
.search-results #main_wrap h1 + div{
	margin-bottom: 2em;
}

.search-results #main_wrap dt.title{
	font-size: 116%;
}

.search-results #main_wrap dd.excerpt{
	margin-bottom: 2em;
}

.search-no-results #keyvisual_container,
.search-results #keyvisual_container{
	display: none;
}

.search-no-results #main_wrap form,
.search-results #main_wrap form{
	margin-bottom: 2em;
}

.search-results .widget_recent_entries li{
	background: url(../images/common/catch.png) no-repeat 0.2em 0.5em;
	padding-left: 16px;
}

.search-results dt.title br{
	display:none;
}
.search-results .pagination{
	margin-bottom: 2em;
}

.search-results .product_menu_container{
	display:none;
}


/*--------------------------------------------------------------------------
◆メールフォーム
--------------------------------------------------------------------------*/
#main_wrap form .short{
	width:30%;
}

#main_wrap form .middle{
	width:50%;
	min-width: 290px;
}

#main_wrap form .long{
	width:100%;
}

#main_wrap form .ex{
	margin-left:10px;
	font-size:85%;
}

input[type="submit"] {
	display: block;
    margin: 0 auto;
	background: #0C3DBE;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-appearance: none;
	padding: 8px;
    min-width: 240px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font: 90%/1.8 "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

input[type="submit"]:hover {
	opacity: 0.8;
}

input[type="submit"]:disabled {
	background: #ccc;
}

#main_wrap input[type="text"],
#main_wrap input[type="password"],
#main_wrap input[type="email"],
#main_wrap textarea,
#main_wrap select {
	width: 100%;
	box-sizing: border-box;
}

#main_wrap form .contact_confirm{
	clear: both;
}

#main_wrap form p{
	font-size: 100%;
}

#main_wrap form table{
	margin-top: 2em;
	border: none;
}

#main_wrap form fieldset{
	border: none;
}

#main_wrap form.wpcf7-form table tbody{
	border-top: 1px solid #ddd;
}

#main_wrap form.wpcf7-form table th,
#main_wrap form.wpcf7-form table td{
	border: none;
	border-bottom: 1px solid #ddd;
	padding: 8px 0px;
}

#main_wrap form.wpcf7-form table th *,
#main_wrap form.wpcf7-form table td *{
	margin-bottom: 0em !important;
}

#main_wrap form.wpcf7-form table th{
	background: none;
	padding-right: 0;
	padding-left: 0;
	position: relative;
    width: 29%;
}

#main_wrap  form.wpcf7-form table th .require{
	font-weight: normal;
	font-size: 80%;
	line-height: 160%;
	color: #fff;
	background: #C82128;
	padding: 0px 4px;
	margin: 2px 8px 2px 0;
	position: relative;
    top: -1px;
}

#main_wrap form.wpcf7-form table th .option{
	font-weight: normal;
	font-size: 80%;
	line-height: 160%;
	color: #fff;
	background: #777;
	padding: 0px 4px;
	margin: 2px 8px 2px 0;
	position: relative;
    top: -1px;
}

#main_wrap form table td{
	background: none;
}

#main_wrap form table td input{
	width: 100%;
    box-sizing: border-box;
}

#main_wrap form table td input[type="radio"],
#main_wrap form table td input[type="checkbox"]{
	width: auto;
}

#main_wrap form table td textarea{
	width: 100%;
    box-sizing: border-box;
}

#main_wrap form table td ul{
	margin-bottom:0;
}

#main_wrap form table td ul li{
	background:none;
	padding-left: 2em;
	padding-top: 0.3em;
	font-size:90%;
}

#main_wrap form table td ul li:first-child{
	padding-top: 0em;
}

#main_wrap form table td textarea{
	line-height:1.6;
}

#main_wrap form table td .fax{
	margin-left:0;
}

#main_wrap form table td label input[type="checkbox"] {
	margin-right: 0.2em;
}

#main_wrap form .bt_form{
	margin: 8px auto 0;
	text-align: center;
}



/* contact form 7 プラグイン
-----------------------------------------------------------*/
.confirm .wpcf7-list-item{
	padding: 0 8%;
	white-space: normal;
}

.wpcf7-list-item input{
	border: none;
	background: none;
}

.wpcf7 textarea.long{
	box-sizing: border-box;
}

.wpcf7-list-item{
	display: block;
	margin-left: 0em !important;
	margin-right: 1em !important;
}

.wpcf7-response-output{
	text-align: center;
	color: #FFF;
}

.wpcf7-mail-sent-ok{
	background: #2F57EC;
	padding: 8px !important;
	border: none !important;
	/*display: none !important;*/
}

.wpcf7-validation-errors{
	background: #C82128;
	padding: 8px !important;
}

.wpcf7-not-valid-tip {
	border: 2px solid #C82128 !important;
	color: #333 !important;
	padding: 2px 4px;
	background: #fff;
	margin-top: 0.2em;
}

#sub_wrap .wpcf7-not-valid-tip {
	width: 80% !important;
}

.wpcf7-validation-errors{
	border: none !important;
}

.wpcf7-response-output{
	margin: 0 0 1em !important;
}

.errMsg{
	display: block;
	width: 100%;
}

.formErrorMsg{
	margin-top: 2px;
	padding: 4px;
	background: #f3be22;
	border: 1px solid #FFF;
	width: 100%;
}

#name_error, 
#email_error, 
#tel_error, 
.wpcf7-not-valid-tip-no-ajax{
	display: block;
	margin-top: 2px;
	padding: 4px;
	background: #f3be22;
	border: 2px solid #FFF;
	width: 80%;
}

.wpcf7 img.ajax-loader{
	/*position: absolute !important;*/
	width: 16px !important;
}

.wpcf7-form-control-wrap {
	z-index: 3;
}

.wpcf7 input.short[type="text"] {
	width: 30%;
	min-width: 200px;
}



/* MW WP Form プラグイン
-----------------------------------------------------------*/
.mw_wp_form .short input[type="text"]{
	width: 30%;
	min-width: 200px;
}

.mw_wp_form .middle input[type="text"]{
	width: 50%;
	min-width: 290px;
	width: 100%;
	box-sizing: border-box;
}

.mw_wp_form .long textarea{
	width: 95%;
	box-sizing: border-box;
}

.mw_wp_form .error{
	display: block !important;
	background: #B70000;
	width: 100%;
	color: #FFF !important;
	padding: 2px 4px;
	margin-top: 0.4em;
	box-sizing: border-box;
}

.mw_wp_form input[name="submitBack"]{
	background: #cccccc !important;
	display: block !important;
	color: #333 !important;
	display: block;
	margin: 0 auto;
	border: none !important;
}

.mw_wp_form span.ex{
	width: 50%;
	white-space: nowrap;
}

.mw_wp_form span.format {
	font-size: 85%;
	font-weight: normal;
	white-space: nowrap;
	margin-left: 0.5em;
}

.page-contact_confirm .mw_wp_form td span.ex{
	display: none;
}



/*--------------------------------------------------------------------------
◆WPプラグイン 関連記事（Yet Another Related Posts Pluginプラグイン）
--------------------------------------------------------------------------*/
.yarpp-related{
	clear: both;
	margin: 32px 0 0 !important;
}

/* 関連記事 非表示 */
.home .yarpp-related,
.page-parent .yarpp-related,
.page-contact .yarpp-related,
.page-contact_confirm .yarpp-related,
.page-contact_error .yarpp-related,
.page-contact_thanks .yarpp-related{
	display: none;
}

.yarpp-related.yarpp-related-none {
	display: none;
}

/*
.yarpp-thumbnails-horizontal .yarpp-thumbnail{
	width : 100% !important;
	height: auto !important;
	box-sizing: border-box;
}
*/

.yarpp-thumbnail-default > img{
	min-width: 40px !important;
	min-height: 40px !important;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail:nth-child(6),
.yarpp-thumbnails-horizontal .yarpp-thumbnail:nth-child(12){
	margin-right: 0px !important;
}

.yarpp-thumbnail > img, .yarpp-thumbnail-default{
	width: 100% !important;
	height: auto !important;
	margin:0 !important;
}

.yarpp-related .yarpp-thumbnail-title{
	font-weight: normal !important;
	padding: 0em 5%;
	font-size: 80% !important;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail-title{
	width: 92% !important;
	height: auto !important;
	margin: 0.1em 0 0 0 !important;
}

.yarpp-related h3{
	margin-bottom: 8px !important;
}

.yarpp-related li{
	background: url(../images/common/catch.png) no-repeat 0.2em 0.5em;
	padding-left: 16px;
}

.yarpp-related a{
	font-weight: normal !important;
}

.yarpp-related a:hover{
	text-decoration: underline;
}

.yarpp-related-widget ol li{
	margin-left: 0px !important;
	background: url(../images/common/catch.png) no-repeat 0.2em 0.5em;
	padding-left: 16px;
}



#sub_wrap .yarpp-related-widget ol li{
	display: inline;
}

#sub_wrap .yarpp-related-widget ol li a{
	display: block;
	margin-left: 0px !important;
	background: url(../images/common/catch.png) no-repeat 0.2em 1em;
	padding-left: 16px !important;
	overflow: visible !important;
    line-height: 150%;
    padding: 8px 0;
    border-bottom: 1px solid #ccc;
}


#sub_wrap .yarpp-related-widget ol li:first-child a {
    border-top: 1px solid #ccc;
}

/*--------------------------------------------------------------------------
◆WPプラグイン WordPress Popular Posts
--------------------------------------------------------------------------*/
.right_recent_post h2{
	font-size: 112% !important;
    margin-bottom: 8px !important;
}

.wpp-list{
	padding: 0;
}

.wpp-list li{
	min-height: 60px;
	overflow: visible !important;
	line-height: 150%;
	padding: 8px 0;
    border-bottom: 1px solid #ccc;
}

.wpp-list li:first-child{
    border-top: 1px solid #ccc;
}

.wpp-list li.hover{
	cursor: pointer;
	opacity: 0.8;
}

.wpp-list li a{
	margin-right: 8px !important;
	text-decoration: none;
	color: #333;
}

.wpp-list li a:first-child{
	float:left;
}

.wpp-list li a:nth-child(2){
	overflow: hidden;
	vertical-align: middle;
    display: table-cell;
}

#sub_wrap .wpp-list li a img.wpp-thumbnail{
	width: 92px !important;
	height: 92px !important;
    border: 1px solid #E6E6E6 !important;
}

.wpp-list li.current > a + a:after{
	content: "※現在閲覧中";
	color: red;
	font-size: 80%;
	margin-left: 0.8em;
	display: inline-block;
	white-space: nowrap;
}

.popular_post{
	margin-top: 32px;
}

.popular_post h2{
	font-size: 112%;
    margin-bottom: 8px;
}

.popular_post .wpp-list{
	padding: 0;
}

.popular_post .wpp-list li{
	min-height: 80px;
	overflow: visible !important;
	line-height: 140%;
	padding: 8px 0;
    border-bottom: 1px solid #ccc;
}

.popular_post .wpp-list li:first-child{
    border-top: 1px solid #ccc;
}

.popular_post .wpp-list li.hover{
	cursor: pointer;
	opacity: 0.8;
}

.popular_post .wpp-list li a{
	margin-right: 8px !important;
	text-decoration: none;
}

.popular_post .wpp-list li a:first-child{
	float:left;
}

.popular_post .wpp-list li a:nth-child(2){
	overflow: hidden;
	vertical-align: middle;
    display: table-cell;
}

.popular_post .wpp-list li a img.wpp-thumbnail{
	width: 60px;
	height: 60px;
    border: 1px solid #E6E6E6 !important;
}

.single-works .popular_post{
	display: none;
}



/*------------------------------------------------------------------------
◆WPプラグイン ソーシャルボタン
------------------------------------------------------------------------*/
.wp_social_bookmarking_light{
	clear: both;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-top: 32px !important;
}

.wp_social_bookmarking_light div{
    float: left !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0;
    height: 23px !important;
    text-indent: 0 !important;
}

.wp_social_bookmarking_light img{
    border: 0 !important;
    padding: 0;
    margin: 0;
    vertical-align: top !important;
}

.wp_social_bookmarking_light_clear{
    clear: both !important;
}

.wsbl_twitter{
    margin-left: 8px !important;
}

.wsbl_hatena_button{
    margin-left: 8px !important;
}

.wsbl_google_plus_one{
    margin-left: 8px !important;
}

div.wp_social_bookmarking_light{
	font-size: 12px;
	margin-bottom: 32px !important;
}

div#wp_social_bookmarking_light_wrap_top{
	padding-bottom: 40px !important;
	clear: both;
}

div#wp_social_bookmarking_light_wrap_bottom{
	padding-bottom: 0px !important;
	clear: both;
}


/*--------------------------------------------------------------------------
◆WPプラグイン Recent Post Extended
--------------------------------------------------------------------------*/
.rpwe-block ul{
	list-style: none !important;
	margin-left: 0 !important;
	padding-left: 0 !important;
}

.rpwe-block li{
	border-bottom: 1px solid #eee;
	margin-bottom: 0px;
	padding-bottom: 0px;
	list-style-type: none;
}

.rpwe-block a{
	display: inline !important;
	text-decoration: none;
	color: #333;
}

.rpwe-block a:hover{
	color: #0C3DBE;
}

.rpwe-block h3{
	background: none !important;
	clear: none;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
	font-weight: 400;
	line-height: 1.5em;

    display: table-cell;
    vertical-align: middle;
}

.rpwe-thumb{
	width: auto;
	border: 1px solid #eee !important;
	box-shadow: none !important;
	margin: 0 10px 0 0 !important;
	padding: 0px !important;
}

.rpwe-summary{
	font-size: 12px;
}

.rpwe-time{
	color: #333;
	font-size: 12px;
}

.rpwe-comment{
	color: #bbb;
	font-size: 11px;
	padding-left: 5px;
}

.rpwe-alignleft{
	display: inline;
	float: left;
}

.rpwe-alignright{
	display: inline;
	float: right;
}

.rpwe-aligncenter{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.rpwe-clearfix:before,
.rpwe-clearfix:after{
	content: "";
	display: table !important;
}

.rpwe-clearfix:after{
	clear: both;
}

.rpwe-clearfix{
	zoom: 1;
}

.home h2 + .rpwe-block{
	margin-top: -16px;
}

.home .rpwe-block li {
    padding: 16px 0;
}

.home .rpwe-block h3 {
    font-size: 16px !important;
    font-weight: normal !important;
	vertical-align: middle;
	display: table-cell;
}



/*--------------------------------------------------------------------------
◆ウィジェット　最近の投稿
--------------------------------------------------------------------------*/
#widget_recent_post li a{
	display: block;
	color: #333;
	border-bottom: 1px dotted #999;
	padding: 16px 0;
}

#widget_recent_post li:first-child a{
	border-top: 1px solid #ccc;
}

#widget_recent_post li a:hover{
	text-decoration: underline;
}

#widget_recent_post li a span.post-date{
	display: block;
}


/*--------------------------------------------------------------------------
◆ウィジェット　お問い合わせ
--------------------------------------------------------------------------*/
#main_wrap #widget_contact{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
    padding: 16px;
	text-align: center;
}

#main_wrap #widget_contact a.tel_wrap{
	display: inline-block;
    text-align: center;
    width: 50%;
    padding: 0 24px;
	text-decoration: none;
    box-sizing: border-box;
}

#main_wrap #widget_contact a.tel_wrap:hover{
	opacity: 0.8;
	text-decoration: none;
}

#main_wrap #widget_contact a.tel_wrap .tel_desc_top{
    display: block;
    font-size: 88%;
	color: #333;
}

#main_wrap #widget_contact a.tel_wrap .tel{
	display: block;
	font-family: 'Noto Sans', sans-serif;
    font-size: 160%;
    font-weight: bold;
    line-height: 1;
	color: #333;
}

#main_wrap #widget_contact a.tel_wrap .tel_desc_bottom{
    display: block;
    font-size: 80%;
    margin-top: 4px;
	color: #333;
}

#main_wrap #widget_contact a.mail_wrap{
display: inline-block;
    text-align: center;
    width: 50%;
    padding: 0 24px;
    box-sizing: border-box;
	text-decoration: none;
    border-left: 1px dotted #999;
}

#main_wrap #widget_contact a.mail_wrap:hover{
	opacity: 0.8;
	text-decoration: none;
}

#main_wrap #widget_contact a.mail_wrap .contact_desc_top{
    display: block;
    font-size: 88%;
	color: #333;
}

#main_wrap #widget_contact a.mail_wrap .contact{
	display: block;
	padding: 3px 0 2px;
    min-height: 25px;
    font-weight: bold;
    font-size: 120%;
    line-height: 1;
    color: #333;
}

#main_wrap #widget_contact a.mail_wrap .contact_desc_bottom{
    display: block;
    font-size: 80%;
    margin-top: 4px;
	color: #333;
}

#main_wrap #widget_contact a + a{
    border-left: 1px dotted #999;
}



#sub_wrap #widget_contact{
	border-top: none;
	border-bottom: none;
    padding: 0px;
	margin: 0 auto;
	max-width: 324px;
}

#sub_wrap #widget_contact a.tel_wrap{
    display: block;
    border: 1px solid #f4f4f4;
    text-align: center;
    padding: 8px;
	margin-bottom: 16px;
}

#sub_wrap #widget_contact a.tel_wrap:hover{
    text-decoration: none;
	opacity: 0.8;
}

#sub_wrap #widget_contact a.tel_wrap .tel_desc_top{
	display: block;
	font-size: 88%;
	color: #fff;
}

#sub_wrap #widget_contact a.tel_wrap .tel{
	display: block;
    font-family: 'Noto Sans', sans-serif;
    font-size: 160%;
    font-weight: bold;
    line-height: 1;
	color: #fff;
}

#sub_wrap #widget_contact a.tel_wrap .tel_desc_bottom{
	display: block;
	font-size: 80%;
	color: #fff;
}

#sub_wrap #widget_contact a.mail_wrap{
    display: block;
    border: 1px solid #f4f4f4;
    text-align: center;
    padding: 8px;
	color: #fff;
	margin-bottom: 16px;
}

#sub_wrap #widget_contact a.mail_wrap:hover{
    text-decoration: none;
	opacity: 0.8;
}

#sub_wrap #widget_contact a.mail_wrap .contact_desc_top{
	display: block;
	font-size: 88%;
	color: #fff;
}

#sub_wrap #widget_contact a.mail_wrap .contact{
	display: block;
    padding: 5px 0 4px;
    font-weight: bold;
    font-size: 112%;
    line-height: 1;
	color: #fff;
}

#sub_wrap #widget_contact a.mail_wrap .contact_desc_bottom{
	display: block;
	font-size: 80%;
	color: #fff;
}



#sub_wrap #widget_contact a.contact_banner_wrap{
    display: block;
    border: 1px solid #f4f4f4;
    text-align: left;
    padding: 12px 16px;
	color: #fff;
	margin-bottom: 16px;
	background: #333;
	position: relative;
}

#sub_wrap #widget_contact a.contact_banner_wrap:hover{
    text-decoration: none;
	opacity: 0.8;
}

#sub_wrap #widget_contact a.contact_banner_wrap:after{
	content: '';
    width: 12px;
    height: 12px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 16px;
    margin-top: -6px;
}

#sub_wrap #widget_contact a.contact_banner_wrap .contact_banner_desc_top{
	display: block;
	font-size: 80%;
	color: #fff;
}

#sub_wrap #widget_contact a.contact_banner_wrap .contact_banner_main{
	display: block;
    padding: 5px 0 4px;
    font-weight: bold;
    font-size: 112%;
    line-height: 1;
	color: #fff;
}

#sub_wrap #widget_contact a.contact_banner_wrap .contact_banner_desc_bottom{
	display: block;
	font-size: 80%;
	color: #fff;
}


/*--------------------------------------------------------------------------
◆検索フォーム
--------------------------------------------------------------------------*/
#searchform input[type="submit"]{
	color: #FFFFFF;
	cursor: pointer;
	-webkit-appearance: none;
	padding: 3px 30px !important;
	font-weight: bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position:relative;
	top:27px;
	left:6px;
}

#searchform input[type="submit"]:hover{
	background:#0084ff;
}

#header_wrap #searchform input[type="text"]{
	width: 30%;
}

#sub_wrap #searchform input[type="text"]{
	width: 70%;
}


/*--------------------------------------------------------------------------
◆検索結果
--------------------------------------------------------------------------*/
.search strong.query{
	font-weight:bold;
}

.search .query span.category,
.search .query span.device,
.search .query span.keyword{
	display: inline-block;
	font-size: 86%;
	background: #A8A8A8;
	color: #fff;
	padding: 2px 8px;
	margin-right: 8px;
	margin-bottom: 2px;
}

.search strong.query .query_str{
	margin-right: 8px;
	white-space:nowrap;
}

.search .count{
	color:#d52626;
}

.search .search_result{
	margin: 24px 16px 0;
}

.search .search_result li{
	margin: 8px 0px;
	padding-left: 24px;
	background: url(../images/common/catch.png) no-repeat 0 0.28em;
}

.search .pagination{
	margin-bottom: 2em;
}

.search .pagination_top{
	display:none;
}

.search aside {
	margin-top:24px;
}

.search aside h1{
	line-height:1.4;
}

.search aside p,
.search aside li{
	padding-left: 24px;
	background: url(../images/common/catch.png) no-repeat 0 0.28em;
}

.search aside .menu li{
	display: inline;
	padding-left: 0px;
	background: none;
}

.search aside .menu{
	margin-top:24px;
	text-align: center;
	margin-bottom:0 !important;
}

.search aside .menu li{
	display: inline;
}

.search aside .menu a{
	display:inline-block;
	min-width: 184px;
	padding: 4px 32px;
	border:1px solid #0084ff;
	font-size: 90%;
}

.search aside .menu a:hover{
	background:#DBEEFF;
	text-decoration:none;
}

.search aside .menu a:before{
	content: url(../images/common/catch_link.png);
	vertical-align: 1px;
	margin-right: 6px;
}



/*--------------------------------------------------------------------------
◆404
--------------------------------------------------------------------------*/
.error404 #main_wrap .section{
	overflow: visible;
}

.error404 #main_wrap .section h1{
	font-size: 168%;
	font-weight: bold;
	line-height: 1;
	padding: 8px 24px;
	line-height: 124%;
}

.error404 .widget_recent_entries li{
	padding-left: 16px;
	position: relative;
}

.error404 .widget_recent_entries li:before{
    font-family: "fontello";
    content: '\e828';
    font-size: 72%;
    width: 10%;
    position: absolute;
    top: 0.25em;
    left: 0;
}

.error404 .catch li{
    padding-left: 16px;
}

.error404 #keyvisual_container{
	display: none;
}

.error404 #main_wrap form{
	margin-bottom: 2em;
}


.error404 #main_wrap form#searchform input[type="image"]{
    padding: 6px 24px;
	vertical-align: bottom;
}

.error404 #main_wrap form#searchform input[type="text"]{
    padding: 0px;
	width: 256px;
	box-sizing: border-box;
}


/*--------------------------------------------------------------------------
◆WordPressデフォルト
--------------------------------------------------------------------------*/

/* 画像設定 */
.alignleft,
.alignright,
.aligncenter{
	width:auto !important;
}

.alignleft{
	margin-right: 4%;
}

.alignright{
	margin-left: 4%;
}

.aligncenter{
	display:block;
	margin:0 auto;
}

.wp-caption-text{
	font-size: 90%;
}

[id^="attachment"]{
	max-width: 100%;
}

/* ギャラリー設定 */
.gallery-item{
}

dl.gallery-item{
	margin-bottom: 0 !important;
}

.gallery{
	clear:both;
	margin-bottom:1.618em !important;
}

.gallery + *{
	clear:both;
}

.gallery img{
	border: 1px solid #F2F2F2 !important;
}

.gallery-caption{
	font-size:90%;
}

.gallery-columns-2 .gallery-item {
	float: left;
	margin-top: 10px;
	margin-left: 4.5%;
	text-align: center;
	width: 47.7% !important;
}

.gallery-columns-2 dl:first-child{
	margin-left: 0 !important;
}

.gallery-columns-3 .gallery-item {
	float: left;
	margin-top: 10px;
	margin-left: 3.05%;
	text-align: center;
	width: 31.3% !important;
}

.gallery-columns-3 dl:first-child{
	margin-left: 0 !important;
}

/* カレンダーー設定 */
#wp-calendar th,
#wp-calendar td{
	width:14.2857%;
	vertical-align: top;
}

#wp-calendar tfoot td#prev{
	border-right: none;
}

#wp-calendar tfoot td:nth-child(2){
	border-left: none;
	border-right: none;
}

#wp-calendar tfoot td#next{
	border-left: none;
}



/*--------------------------------------------------------------------------
◆モバイルリンク
--------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------
◆メディア画像
--------------------------------------------------------------------------*/
#main_wrap .size-thumbnail{
	width: auto;
}

#main_wrap .size-medium{
	min-width: 0px;
}

#main_wrap .size-thumbnail.alignleft,
#main_wrap .size-medium.alignleft,
#main_wrap .size-full.alignleft{
	float: left;
	margin: 0 4% 1.618em 0 !important;
	max-width: 48%;
}

#main_wrap .size-thumbnail.alignright,
#main_wrap .size-medium.alignright,
#main_wrap .size-full.alignright{
	float: right;
	margin: 0 0 1.618em 4% !important;
	max-width: 48%;
}

#main_wrap .size-thumbnail.aligncenter,
#main_wrap .size-medium.aligncenter,
#main_wrap .size-full.aligncenter{
	display: block;
	float: none;
	margin: 0 auto 1.618em auto !important;
}

#main_wrap img.size-large{
	margin-bottom: 1.618em;
}

#main_wrap img.size-full{
	width: auto;
}

/* キャプションあり */
.wp-caption.alignleft {
	float: left;
	margin: 0 4% 0 0 !important;
}

.wp-caption.alignright {
	float: right;
	margin: 0 0 0 4% !important;
}
.wp-caption.aligncenter {
	display: block;
	float: none;
	margin: 0 auto 0 auto !important;
	text-align: center;
}

#main_wrap .wp-caption img {
    float: none !important;
    margin: 0 !important;
}

.wp-caption.alignleft .wp-caption-text{
	text-align: left;
}

.wp-caption.alignright .wp-caption-text{
	text-align: right;
}

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



/*--------------------------------------------------------------------------
◆記事更新用
--------------------------------------------------------------------------*/
#main_wrap p.category{
	padding-bottom: 1em;
}

#main_wrap ul.term li:first-child a{
	margin-left: 0px !important;
}

#main_wrap ul.term li.category a{
	float: left;
	background: #666;
	color: #fff;
	padding: 2px 8px;
	font-size: 72%;
	text-decoration: none;
	margin-right: 8px;
	margin-bottom: 0.5em;
}

#main_wrap ul.term li.category a:hover{
	opacity: 0.8;
}

#main_wrap ul.term li.tag a{
	float: left;
	background: #666;
	color: #fff;
	padding: 2px 8px;
	font-size: 72%;
	text-decoration: none;
	margin-right: 8px;
	margin-bottom: 0.5em;
}

#main_wrap ul.term li.tag a:hover{
	opacity: 0.8;
}

#main_wrap .update{
	font-size: 92%;
}



/*--------------------------------------------------------------------------
◆ユーティリティ
--------------------------------------------------------------------------*/
.error{
	background: #C82128;
	padding: 8px !important;
	color: #fff;
	font-weight: bold;
}

.require,
.required{
	color: #C82128;
}

.tel,
.fax{
	white-space: nowrap;
}

.newmark{
    padding: 2px 0;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important;
    color: #BC0300 !important;
    font-size: 62%;
    font-weight: normal;
    line-height: 1;
    white-space: nowrap;
}

.limit{
	background: #BC0300;
	color: #FFF;
	font-size: 80%;
	padding: 0.2em 1em;
	margin-left: 1em;
	white-space: nowrap;
}



/*--------------------------------------------------------------------------
			表示エフェクト
--------------------------------------------------------------------------*/
.effect_firstview.up,
.effect_first.up,
.effect_second.up,
.effect_third.up,
.effect_action.up {
	-webkit-transition: all 0.6s ease-;
	-moz-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;

	-webkit-transform: translate3d(0px, 60px, 0px);
	-moz-transform: translate3d(0px, 60px, 0px);
	-ms-transform: translate3d(0px, 60px, 0px);
	transform: translate3d(0px, 60px, 0px);
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}

.effect_firstview.up.active,
.effect_first.up.active,
.effect_second.up.active,
.effect_third.up.active,
.effect_action.up.active{
	-webkit-transform: translate3d(0px, 0px, 0px);
	-moz-transform: translate3d(0px, 0px, 0px);
	-ms-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}


.effect_firstview.left,
.effect_first.left,
.effect_second.left,
.effect_third.left,
.effect_action.left {
	-webkit-transition: all 0.9s ease-;
	-moz-transition: all 0.9s ease-out;
	-o-transition: all 0.9s ease-out;
	transition: all 0.9s ease-out;

	-webkit-transform: translate3d(90px, 0px, 0px);
	-moz-transform: translate3d(90px, 0px, 0px);
	-ms-transform: translate3d(90px, 0px, 0px);
	transform: translate3d(90px, 0px, 0px);
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}

.effect_firstview.left.active,
.effect_first.left.active,
.effect_second.left.active,
.effect_third.left.active,
.effect_action.left.active {
	-webkit-transform: translate3d(0px, 0px, 0px);
	-moz-transform: translate3d(0px, 0px, 0px);
	-ms-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}