@charset "UTF-8";
/*
Theme Name:	willworksystem
Theme URI:	https://willwork.site/
Description:Bootstrap のフレームワークを実装。簡単カラー設定を追加してワンクリックでカラーチェンジが出来ます。
Author:		ウィルプランニング
Author URI:	https://willwork.site/
Version:	11.0.0
License:	ウィルプランニング
License URI:https://willwork.site/
Text Domain: willworksystem
*/
body {
    margin: 0;
    line-height: 1.6;
    font-family: "メイリオ", Meiryo, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*必須項目ここから*/
.wp-caption {
}

.wp-caption-text {
}

.sticky {
}

.gallery-caption {
}

.bypostauthor {
}

.alignright {
}

.alignleft {
}

.screen-reader-text {
}

/*必須項目ここまで*/

.font-10 {
    font-size: 10px;
}

.font-20 {
    font-size: 20px;
}

.font-24 {
    font-size: 24px;
}

.font-30 {
    font-size: 30px;
}

.font-bold {
    font-weight: bold;
}

.font-red {
    color: #FF0004;
}

.font-safety {
    color: #2ab27b;
}

.bg-test1 {
    background: #f2f2f2;
}

.bg-test2 {
    background: #FFF8CF;
}

.bg-test3 {
    background: #D7FFDD;
}

.bg-test4 {
    background: #F9DFF8;
}

.bg-gray {
    background: #f8f8f8;
}

.bg-white {
    background: #fff;
}

.bg-blue-1 {
    background: #00A0E8;
}

.bg-brown-1 {
    background: #f5f2ec;
}

.bg-brown-2 {
    background: #94897B;
}

.bg-yellow-1 {
    background: #FFFD00;
}

.bg-green-1 {
    background: #006e4c;
}

.bg-green-2 {
    background: #e4f1eb;
}

.nowrap {
    white-space: nowrap;
}

.margin-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.margin-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.margin-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}
.margin-bottom-5 {
    margin-top: 0;
    margin-bottom: 5px;
}
.margin-bottom-10 {
    margin-top: 0;
    margin-bottom: 10px;
}
.margin-bottom-15 {
    margin-top: 0;
    margin-bottom: 15px;
}
.margin-bottom-20 {
    margin-top: 0;
    margin-bottom: 20px;
}

.margin-bottom-30 {
    margin-top: 0;
    margin-bottom: 30px;
}

.margin-bottom-60 {
    margin-top: 0;
    margin-bottom: 60px;
}

.padding-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.padding-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.padding-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.btn-green {
    color: #fff;
    background: #090;
}

.btn-pink {
    color: #fff;
    background: #F8476A;
}

.btn-blue {
    color: #fff;
    background: #00A0E8;
}

.btn-warning {
    background-color: #FFAF02;
}

.btn-success {
    background-color: #dc3232;
}

.well ul, .well ol {
    margin-bottom: 0;
}

.well p {
    margin: 0;
}

.margin-contents {
    margin: 36px auto;
}

.label a {
    color: #FFFFFF;
}

.disnone {
    display: none;
}

.marginauto {
    margin: auto;
}

/* ----------------------------------------------- 
	必須マーク 専用
----------------------------------------------- */
.hissu {
    font-size: 10px;
    color: white;
    background-color: #dc3232;
    padding: 1px 6px;
    border-radius: 4px;
    margin-left: 8px;
}

/* -----------------------------------------------
	JS合計値 専用　合計部分
----------------------------------------------- */
.inputsum {
    border: none;
}

/* -----------------------------------------------
	Wordpress 初期CSS
 ----------------------------------------------- */
.aligncenter {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

blockquote {
    position: relative;
    margin: 2em 0;
    padding: 40px;
    font-size: .9em;
    border: 1px solid #CCC;
    border-radius: 2px;
    background: #f5f5f5;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, .2);
}

blockquote:before {
    position: absolute;
    top: -8px;
    left: 34px;
    content: '“';
    font-size: 4em;
    opacity: .1;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    vertical-align: middle;
}

/* -----------------------------------------------
	Wordpress 管理画面専用 設定
	theme-options.php
 ----------------------------------------------- */
#set-zenmaiwork,
#set-sponsored,
#set-seo,
#set-header,
#set-home,
#set-sidebar,
#set-sns,
#set-color,
#set-ping {
    margin-top: -50px;
    padding-top: 50px;
}

.admin .table > tbody > tr > td,
.admin .table > tbody > tr > th,
.admin .table > tfoot > tr > td,
.admin .table > tfoot > tr > th,
.admin .table > thead > tr > td,
.admin .table > thead > tr > th {
    vertical-align: middle;
}

.admin input[type=text],
.admin select {
    margin-bottom: 5px;
}

.admin input[type=checkbox],
.admin input[type=radio] {
    margin: 0;
}

.admin label {
    font-weight: normal;
}

/* -----------------------------------------------
	header 設定 home.php 
 ----------------------------------------------- */
header {
    margin-bottom: 0px;
}

header h1 {
    font-size: 14px;
    padding: 7px 0;
    margin: 0;
    line-height: 1.1;
}

header p {
    margin: 0;
    padding: 3px 0;
}

.header-menu {
    font-size: 90%;
    text-align: right;
    padding: 8px 0;
    margin: 0;
    line-height: 1.1;
    list-style: none;
}

.header-menu li {
    display: inline;
    padding: 0 9px;
}

/* ----------------------------------------------- 
	ロゴ 設定 home.php 
 ----------------------------------------------- */
.description-title {
    font-size: 40px;
}

.description-title small {
    font-size: 10px;
    padding-left: 10px;
}

.description-title-button {
    padding-top: 20px;
}

/* ----------------------------------------------- 
	ナビゲーション 設定
 ----------------------------------------------- */
.navigation {
}

.navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.navigation ul li {
    padding: 0;
    margin: 0;
    /*border-left: 1px solid #ccc;*/
    /*border-right: 1px solid #ccc;*/
    /*margin-right: -1px;*/
}

.navigation ul li a {
    color: #94897B;
    padding: 8px 0;
    text-align: center;
    display: block;
}

.navigation ul li a:link {
    text-decoration: none;
}

.navigation ul li a:hover {
    color: #fff;
    background: #94897B;
}

/* ----------------------------------------------- 
    パンくず 設定  header.php
----------------------------------------------- */
.bcndisplay {
    padding: 6px 0;
    /*border-top: 1px solid #eee;*/
    border-bottom: 1px solid #eee;
}

/* -----------------------------------------------
	エリア 設定 home.php 
 ----------------------------------------------- */
.list-map-bg {
    background: url("images/japanmap_01.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    margin: 16px auto;
}

.list-map-bg ul {
    padding: 0;

}

.list-map-area {
    border-bottom: 1px dotted #EEE;
    margin-bottom: 2px;
}

.list-map-area li {
    display: inline-block;
    margin-bottom: 2px;
    width: 10%;
    line-height: 30px;
    text-align: center;
}

.list-map-area-title {
}

.list-map-area-title span {
    background: #eee;
    display: block;
}

/* -----------------------------------------------
	賃貸エリア 設定 home.php 
 ----------------------------------------------- */
.rent-map-bg {
    background: url("images/japanmap_01.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    margin: 16px auto;
    background-size: contain;
}

.rent-map-bg ul {
    padding: 0;

}

.rent-map-area {
    border-bottom: 1px dotted #EEE;
    margin-bottom: 2px;
}

.rent-map-area li {
    display: inline-block;
    margin-bottom: 2px;
    width: 10%;
    line-height: 30px;
    text-align: center;
}

.rent-map-area-title {
}

.rent-map-area-title span {
    background: #eee;
    display: block;
}

/* -----------------------------------------------
    ホーム 設定 home.php
----------------------------------------------- */
.home {
}

/* ----------------------------------------------- 
    アーカイブ 設定 archive.php 通常記事
----------------------------------------------- */
.archives {
    margin-bottom: 30px;
}

.archives-article {
    padding: 20px 0;
    border-bottom: 1px solid #F5F5F5;
}

.archives-article h2 {
    margin: 0;
}

.archives-article img {
    width: 100%;
    height: 140px;
    overflow: hidden;
}

/* -----------------------------------------------
	共通設定　アーカイブ
	archive-job.php
	archive-list.php
----------------------------------------------- */
.archives h1 {
    font-size: 16px;
    font-weight: normal;
    color: #aa9a85;
    background: #f5f2ec;
    padding: 4px 0;
    margin: 0 0 10px;
    line-height: inherit;
}

.archives-wrap {
    font-size: 100%;
    margin-bottom: 5px;
    border: 1px solid #f5f2ec;
}

.archives-title {
}

.archives h2 {
    font-size: 90%;
    color: #aa9a85;
    margin: 0;
    padding: 8px;
    background: #f5f2ec;
}

.archives h2 a {
    color: #aa9a85;
}

.archives-summary {
    font-size: 80%;
    padding: 4px;
}

.archives-summary-text {
    margin-bottom: 7px;
}

.archives-tag, .archives-detail {
}

.archives-tag a, .archives-detail a {
    color: #aa9a85;
    background: #f5f2ec;
    border-radius: 4px;
    padding: 6px;
    white-space: nowrap;
}

/* -----------------------------------------------
    アーカイブ ページナビゲーション設定 
----------------------------------------------- */
#pagination {
    clear: both;
    font-size: 16px;
    text-align: center;
    margin: 20px auto;
}

#pagination .current {
    color: #fff;
    background: #f5f2ec;
    padding: 10px 16px;
}

#pagination span, #pagination a {
    color: #222;
    text-decoration: none;
    background: #ccc;
    width: auto;
    margin: 2px;
    padding: 10px 16px;
    border-radius: 40px;
}

#pagination .current, #pagination a:hover {
    background: #f5f2ec;
}

/* ----------------------------------------------- 
    レビューアーカイブ 設定 
----------------------------------------------- */
#reviews {
}

#reviews h1 {
    font-size: 24px;
}

#reviewsimg {
    margin-bottom: 20px;
}

#reviewsimg .reviews-eyecatch {
    object-fit: cover;
    width: 100%;
    height: auto;
    background-color: #ccc;
    border: 1px solid #ccc;
    display: block;
    margin: 0;
}

.reviews-star {
    color: #FFAE15;
}

.reviews-title {
    text-align: center;
}

/* ----------------------------------------------- 
	記事コンテンツ 設定 
	single.php
 ----------------------------------------------- */
/* ----------------------------------------------- 
	記事を読む所要時間 設定 single.php
 ----------------------------------------------- */
.time-required {
    font-size: 80%;
    color: #000;
}

/* ----------------------------------------------- 
	企業リスト・求人募集・記事 共通
	single-list.php 
	single-job.php
	single.php
 ----------------------------------------------- */
.single-post-contents {
    font-size: 16px;
    line-height: 1.9;
    letter-spacing: 2.0px;
}

.single-post-contents img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 40px auto;
}

.single-post-contents p {
    margin-bottom: 40px;
}

.single-post-contents .well p {
    margin-bottom: 0;
}

.single-eyecatch {
    text-align: center;

}

.single-common {
    word-break: break-word;
}

.single-common-eyecatch {
    height: 240px;
    overflow: hidden;
    margin-bottom: 18px;
}

.single-common h1 {
    color: #94897B;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 auto;
}

.single-common h2 {
    color: #94897B;
    font-size: 28px;
    font-weight: normal;
    background: #f5f2ec;
    border-left: 10px solid #94897B;
    padding: 16px 16px 16px 26px;
    margin: 0 0 18px 0;
    clear: both;
}

.single-common h3 {
    color: #94897B;
    border-bottom: solid 3px #f5f2ec;
    position: relative;
    margin-bottom: 20px;
    line-height: 1.4;
}

.single-common h3:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #94897B;
    bottom: -3px;
    width: 30%;
}

.single-common h4 {
    color: #94897B;
    font-weight: bold;
    padding-left: 20px;
    border-left: 7px solid #94897B;
    line-height: 1.4;
}

.single-common-content-table {
    margin-bottom: 40px;
}

.single-common-content-table table {
    width: 100%;
    box-sizing: border-box;
    border-collapse: collapse;
    border-spacing: 0;
}

.single-common-content-table tr {
    display: table-row;
}

.single-common-content-table th {
    text-align: left;
    color: #aa9a85;
    font-weight: bold;
    background: #f5f2ec;
    vertical-align: middle;
    border: #ddd solid 1px;
    width: 25%;
    padding: 5px 8px;
}

.single-common-content-table td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
    word-break: break-all;
    border: #ddd solid 1px;
    width: 75%;
    padding: 8px 10px;
}

.single-common-table th {
    text-align: left;
    color: #aa9a85;
    font-weight: bold;
    background: #f5f2ec;
    vertical-align: middle;
}

.single-common-table td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
    word-break: break-all;
}

/* -----------------------------------------------
	新築戸建設定　
	single-kodate.php
 ----------------------------------------------- */
.single-kodate {
}

.kodate-eyecatch {
    object-fit: cover;
    width: 100%;
    height: 140px;
    background-color: #ccc;
    border: 1px solid #ccc;
    display: block;
}

.kodate-eyecatch-single {
    object-fit: cover;
    width: 100%;
    height: 280px;
    background-color: #ccc;
    border: 1px solid #ccc;
    display: block;
    margin: auto;
}

.single-kodate-table {
    margin-bottom: 40px;
}

.single-kodate-table table,
.single-kodate-table th,
.single-kodate-table td {
    border: 1px solid #ddd;
}

.single-kodate-table th {
    width: 16.66666667%;
    padding: 8px;
}

.single-kodate-table td {
    width: 33.33333333%;
    padding: 8px;
}

.single-kodate-table tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

/* -----------------------------------------------
	ニュース設定　
 ----------------------------------------------- */
.newsplus-wrap {
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}

.newsplus-title {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 2px;
}

.newsplus-cat {
    padding: 10px 0;
    letter-spacing: 2px;
}

.newsplus-count {
    text-align: right;
}

/* -----------------------------------------------
	投稿設定　
 ----------------------------------------------- */
.post-wrap {
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}

.post-title {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 2px;
}

.post-cat {
    padding: 10px 0;
    letter-spacing: 2px;
}

.post-count {
    text-align: right;
}

/* -----------------------------------------------
	共通設定 関連キーワード　
	single-list.php single-job.php
 ----------------------------------------------- */
#catinvolved {
    margin: 20px 0;
}

#catinvolved .tagstitle {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

#catinvolved ul {
    padding: 0;
    margin: 0;
}

#catinvolved li {
    display: block;
    margin-bottom: 8px;
    float: left;
    margin-right: 8px;
}

#catinvolved a {
    font-size: 80% !important;
    color: #f5f2ec;
    background-color: #aa9a85;
    display: inline-block;
    text-decoration: none;
    padding: 4px 10px;
    border-radius: 4px;
    white-space: nowrap;
    margin: 4px 0;
}

#catinvolved a:hover {
    color: #aa9a85;
    background-color: #f5f2ec;
}

/* -----------------------------------------------
    文章フォーマット 設定 page.php 固定ページ
----------------------------------------------- */
.page-eyecatch img {
    width: 100%;
    height: auto;
}

.page-format {
    font-size: 14px;
    letter-spacing: 2.0px;
    line-height: 1.9;
}

.page-format h2 {
    color: #94897B;
    font-size: 28px;
    font-weight: normal;
    background-color: #f5f2ec;
    padding: 16px 16px 16px 40px;
    margin: 0 0 30px 0px;
    line-height: 1.9;
    clear: both;
}

.page-format h3 {
    color: #94897B;
    border-bottom: solid 3px #f5f2ec;
    position: relative;
    margin-bottom: 20px;
    line-height: 1.4;
}

.page-format h3:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #94897B;
    bottom: -3px;
    width: 30%;
}

.page-format h4 {
    color: #94897B;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0 10px 0;
    margin: 48px 0 24px;
    line-height: 1;
    clear: both;
}

.page-format p {
    margin-bottom: 40px;
}

/* -----------------------------------------------
    サイドバー カテゴリー設定 
	sidebar.php
----------------------------------------------- */
.widget-wrap {
    margin-bottom: 40px;
}

.widget-wrap h4 {
    font-size: 16px;
    color: #aa9a85;
    background: #f5f2ec;
    padding: 8px;
    margin: 0;
    line-height: inherit;
}

.widget-wrap a {
    color: #aa9a85;
    text-decoration: none;
    display: block;
    padding: 16px 0;

}

.widget-wrap ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.widget-wrap ul li {
    border-bottom: 1px solid #e5e5e5;
}

.widget-wrap ul li:hover {
    background-color: #F9F9F9;
}

.widget-wrap li.cat-item > a:before {
    content: "\f0da";
    font-family: FontAwesome;
    padding-right: 8px;
}

#menu-snavi li > a:before {
    content: "\f0da";
    font-family: FontAwesome;
    padding-right: 8px;
}

.tagcloud a {
    font-size: 16px !important;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #e5e5e5;
    padding: 16px 0;
}

.tagcloud > a:before {
    content: "\f0da";
    font-family: FontAwesome;
    padding-right: 8px;
}

.tagcloud a:hover {
    background-color: #F9F9F9;
}

/* -----------------------------------------------
    サイドバー 検索設定
	sidebar.php
----------------------------------------------- */
.search-box {
    color: #aa9a85;
    font-size: 90%;
    background-color: #f5f2ec;
    margin-bottom: 20px;
}

.search-box input[type="search"],
.search-box form select {
    color: #aa9a85;
    font-size: 90%;

}

.search-hit {
    font-size: 90%;
}

.search-hit span {
    color: #FF0308;
    font-weight: bold;
}

.search-sort {
    font-size: 90%;
}

.search-sort input[type="submit"] {
    color: #aa9a85;
    text-decoration: underline;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    background: none !important;
    border: none !important;
    cursor: pointer;
}

/* -----------------------------------------------
    サイドバー SNS設定 
	sidebar.php
----------------------------------------------- */
.sns-link {
}

.sns-link ul, .sns-link ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sns-link ul li {
    text-align: center;
}

.sns-link ul li:hover {
    opacity: 0.8;
}

.sns-link ul li a {
    color: #fff;
    font-size: 36px;
    display: block;
}

.sns-link-twitter {
    background-color: #55ACEE;
}

.sns-link-facebook {
    background-color: #3b5998;
}

.sns-link-rss {
    background-color: #FF903A;
}

.sns-link-feedly {
    background-color: #2bb24c;
}

.sns-link-google {
    background-color: #dd4b39;
}

.sns-link-youtube {
    background-color: #cd201f;
}

.sns-link-line {
    background-color: #00b900;
}

.sns-link ul li span {
    display: none;
}

/* -----------------------------------------------
    サイドバー ランキング 設定 
	sidebar.php
----------------------------------------------- */
.ranking-wrap {
    margin-bottom: 40px;
}

.ranking-wrap h4 {
    font-size: 16px;
    color: #aa9a85;
    background: #f5f2ec;
    padding: 8px;
    margin: 0;
    line-height: inherit;
}

.ranking {
    font-size: 80%;
    border-bottom: 1px dashed #eee;
    padding: 10px 0;
}

.rankingimgfit {
    object-fit: cover;
    /*width:88px;*/
    width: 100%;
    height: 61px;
    background-color: #ccc;
    border: 1px solid #ccc;
}

/* ----------------------------------------------- 
    フッター 設定 footer.php
----------------------------------------------- */
.footer {
    margin-top: 0;
}

.footer-link {
    font-size: 85%;
    border-top: 3px solid #aa9a85;
    padding: 20px 0;
}

.footer-link ul {
    list-style: none;
    padding: 0;
}

.footer-link ul ul {
    padding-left: 10px;
}

.footer-link .sub-menu li {
    display: inline;
    border-right: 1px solid #aa9a85;
    padding: 0 9px;
}

.footer-link .sub-menu li.end {
    border: none;
}

.footer-link .sub-menu li a {
    white-space: nowrap;
}

.footer-menu {
    text-align: center;
    padding: 13px 0;
}

.footer-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-menu li {
    display: inline;
    border-right: 1px solid #aa9a85;
    padding: 0 9px;
}

.footer-menu li.end {
    border: none;
}

.footer-copyright {
    font-size: 90%;
    text-align: center;
    padding: 6px;
}

/* ----------------------------------------------- 
    スクリーンショット 設定
----------------------------------------------- */
.sshot {
    object-fit: cover;
    width: 100%;
    height: 140px;
    /*background: #ccc;*/
    border: 1px solid #eee;
    display: block;
}

/* -----------------------------------------------
	ログイン 設定　サイドバーログイン
 ----------------------------------------------- */
#login-block {
    margin-bottom: 40px;
}

#login-block .form-signin {
    color: #020B2B;
    max-width: 100%;
    padding: 10px 15px;
    margin: 0 auto;
    background-color: #fff;
    border: 3px dotted rgba(0, 0, 0, 0.1);
}

#login-block .form-signin-heading {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
}

#login-block .form-control {
    position: relative;
    font-size: 12px;
    height: auto;
    padding: 10px;
}

#login-block input[type="text"] {
    margin-bottom: 0px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#login-block input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#login-block .btn-login-color {
    color: #fff;
    background: #020B2B;
}

#login-block hr.colorgraph {
    margin-top: 10px;
    margin-bottom: 10px;
}

#login-block .colorgraph {
    height: 2px;
    border-top: 0;
    background: #c4e17f;
    border-radius: 5px;
    background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
    background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
    background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
    background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}

.register-block, .log-block {
    padding: 10px 15px;
    background-color: #fff;
    border: 3px dotted rgba(0, 0, 0, 0.1);
}

/* ----------------------------------------------- 
	ログイン設定　プロフィールパスワード 設定
 ----------------------------------------------- */
#pass-strength-result {
    background-color: #eee;
    border: 1px solid #ddd;
    color: #23282d;
    font-weight: 600;
    margin: 0;
    padding: 3px 5px;
    text-align: center;
    width: 100%;
    opacity: 0;
}

#pass-strength-result.short {
    background-color: #f1adad;
    border-color: #e35b5b;
    opacity: 1;
}

#pass-strength-result.bad {
    background-color: #fbc5a9;
    border-color: #f78b53;
    opacity: 1;
}

#pass-strength-result.good {
    background-color: #ffe399;
    border-color: #ffc733;
    opacity: 1;
}

#pass-strength-result.strong {
    background-color: #c1e1b9;
    border-color: #83c373;
    opacity: 1;
}

.pw-weak {
    display: none;
}

.indicator-hint {
    padding-top: 8px;
}

#pass1, #pass1-text {
    width: 100%;
}

#pass1-text, .show-password #pass1 {
    display: none;
}

.show-password #pass1-text {
    display: inline-block;
}

/* -----------------------------------------------
コメント一覧　設定
 ----------------------------------------------- */
.avatarballoon {
    color: #333;
    background-color: #D9EDF9;
    border-radius: 50%;
    font-size: 24px;
    font-weight: bold;
    height: 50px;
    margin: auto;
    padding: 4px 4px 4px 6px;
    width: 50px;
}

.bg-user {
    text-align: center;
    font-size: 80%;
}

.bg-name span {
    color: #fff;
    background: #A00002;
    padding: 4px 6px;
}

.bg-comment {
    font-size: 90%;
    background: #D9EDF9;
    border-radius: 4px;
    padding: 10px;
}

.message-time {
    color: #999;
    font-size: 80%;
    padding-top: 6px;
}

/* 吹き出し本体 */
.balloon {
    position: relative;
    padding: 20px;
    background-color: #D9EDF9;
    color: #333;
    border-radius: 10px;
}

.balloon p {
    margin: 0;
}

/* 色付きの半円 */
.balloon:before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    transform: rotate(-45deg);
    left: -15px;
    top: 5px;
    border-left: 20px solid #D9EDF9;
    border-top: 20px solid #D9EDF9;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
}

/* 白い半円 */
.balloon:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    transform: rotate(-45deg);
    left: -20px;
    top: -5px;
    border-left: 20px solid #ffffff;
    border-top: 20px solid #ffffff;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
}

/* -----------------------------------------------
    スマートフォン 設定
----------------------------------------------- */
@media screen and (max-width: 460px) {
    .margin-contents {
        margin: 10px auto;
    }

    /*home 地図*/
    .list-map-bg {
        font-size: 80%
    }

    .list-map-area li {
        width: 15%;
    }

    /*page*/
    .page-format {
        line-height: 1.6;
        font-size: 14px;
    }

    .page-format h2 {
        font-size: 24px;
        line-height: 1.2;
        padding: 16px 16px 16px 26px;
        margin: 0 0 20px;
    }

    .page-format .gray_bg {
        padding: 10px;
    }

    .page-format .gray_bg ul,
    .page-format .gray_bg ol {
        padding-left: 20px;
    }

    .page-format table {
        font-size: 80%;
        white-space: normal;
    }

}